main{height:auto;min-height:0;padding:0 8px;gap:0}.game-layout{max-width:1080px;margin:auto}#arena{position:relative;min-height:0;height:auto;aspect-ratio:1.12;border:0;background:none;overflow:visible;touch-action:manipulation;display:grid;place-items:center}#arena:before{display:none}.croc{position:relative;width:94%;height:88%;max-width:700px;isolation:isolate}.eyes{position:absolute;left:22%;top:0;width:56%;height:25%;display:flex;justify-content:space-between;z-index:4}.eyes i{height:100%;aspect-ratio:1;border-radius:60% 60% 35% 35%;background:#52b886;border:4px solid #22674f;display:grid;place-items:center}.eyes i:before{content:'';width:50%;height:65%;background:#fff4c9;border-radius:50%;box-shadow:inset 0 -4px 0 #e2d39e}.eyes i:after{content:'';position:absolute;top:25%;width:9%;height:44%;background:#122b2c;border-radius:50%}.upper-jaw{position:absolute;left:0;top:16%;width:100%;height:27%;border-radius:48% 48% 22% 22%;background:linear-gradient(#66c895,#3aa373);border:4px solid #22674f;z-index:5;transform-origin:50% 0;transition:transform .19s cubic-bezier(.2,.8,.2,1)}.nostril{position:absolute;top:29%;left:36%;width:6%;height:10%;background:#22674f;border-radius:50%}.nostril+.nostril{left:58%}.mouth{position:absolute;inset:33% 3% 8%;border-radius:20% 20% 42% 42%;background:#3b1925;border:8px solid #d6707c;box-shadow:0 0 0 5px #22674f;overflow:hidden}.tongue{position:absolute;inset:40% 22% 5%;border-radius:50%;background:#a64b61}.lower-jaw{position:absolute;left:0;bottom:0;width:100%;height:22%;border-radius:15% 15% 48% 48%;background:#3aa373;border:4px solid #22674f;z-index:-1}#teeth{position:absolute;inset:0}.tooth{position:absolute;width:9%;height:23%;padding:0;min-height:0!important;border-radius:44% 44% 35% 35%;background:linear-gradient(#fffdf0,#e7d7b5);border:2px solid #c9b995;color:#5f614d;font:500 11px 'Martian Mono',monospace;box-shadow:0 5px 0 #b9676e;transition:transform .16s,opacity .16s,background .16s;touch-action:manipulation}.tooth:disabled{opacity:1}.tooth.pressed{transform:translateY(8px) scaleY(.65);opacity:.28}.tooth.hit{background:#f08d82}.in-game{position:absolute;z-index:7;left:50%;top:52%;transform:translate(-50%,-50%);width:72%;padding:12px 8px;border-radius:20px;background:#10172bf0;border:1px solid #ffffff20;display:flex;flex-direction:column;align-items:center;gap:6px;color:#f3f0e7;box-shadow:0 8px 25px #0003}#status{font-size:clamp(16px,4vw,26px);font-family:'Black Han Sans',sans-serif;font-weight:400}#hint{font-size:11px;color:#bbc4d4}#start{padding:5px 22px;min-height:36px;background:#f6c963;color:#17203a;border:0;font-size:13px}#arena[data-phase=playing] .in-game{top:20%;padding:0;background:none;border:0;box-shadow:none;pointer-events:none;color:#133e30}#arena[data-phase=playing] #status{font:600 12px 'IBM Plex Sans KR',sans-serif}#arena[data-phase=playing] #hint,#arena[data-phase=playing] #start{display:none}#arena[data-phase=biting] .upper-jaw,#arena[data-phase=result] .upper-jaw{transform:scaleY(2.55)}#arena[data-phase=biting] .eyes,#arena[data-phase=result] .eyes{transform:translateY(12%)}#arena[data-phase=biting] .croc{animation:chomp .3s ease-in-out}@keyframes chomp{25%{transform:rotate(-2deg)}70%{transform:rotate(2deg)}}#arena[data-phase=biting] .in-game{opacity:0}.ad-space{margin:8px auto 14px;min-height:90px;width:calc(100% - 24px);border:1px dashed var(--line);border-radius:8px;font-size:10px}@media(min-width:750px), (orientation:landscape) and (max-height:550px){.game-layout{display:grid;grid-template-columns:minmax(0,1fr) 150px;align-items:center;gap:8px;padding:0 8px}main{width:100%}#arena{aspect-ratio:auto;height:calc(100svh - 60px);min-height:240px;max-height:650px}.croc{width:min(94%,calc((100svh - 85px)*1.35));height:88%}.ad-space{width:100%;height:min(250px,60svh);min-height:90px;margin:0}#status{font-size:22px}}@media(max-width:360px) and (orientation:portrait){#hint{font-size:10px}.in-game{gap:4px;padding:8px 5px}header a{font-size:10px}.mouth{border-width:6px}.tooth{font-size:9px;border-width:1px}}@media(prefers-reduced-motion:reduce){#arena[data-phase=biting] .croc{animation:none}}
/* Rounded toy silhouette; decorative pointed upper teeth never receive input. */
.croc{height:94%;width:92%;filter:drop-shadow(0 14px 16px #0004)}.eyes{left:23%;width:54%;height:28%;top:0;z-index:4}.eyes i{position:relative;border-radius:54% 54% 25% 25%;border:2px solid #1b6636;background:radial-gradient(ellipse at 33% 20%,#c3ef86 0,#54b940 30%,#22873b 72%);box-shadow:inset 5px 2px 8px #b7f79880,inset -5px -3px 10px #14532680}.eyes i:before{width:56%;height:68%;background:radial-gradient(ellipse at 50% 58%,#111e18 0 15%,#86352e 17% 30%,#fbf2ce 33% 65%,#b9cf8c 70%);box-shadow:inset 2px 1px 5px #102d3040;transform:rotate(-8deg)}.eyes i+i:before{transform:rotate(8deg)}.eyes i:after{top:10%;left:15%;width:70%;height:27%;background:linear-gradient(#e4d653,#97b92d);border-radius:70% 70% 20% 20%;transform:rotate(23deg);box-shadow:0 2px 3px #18532b55}.eyes i+i:after{transform:rotate(-23deg)}.upper-jaw{top:18%;height:27%;border-radius:46% 46% 27% 27% / 64% 64% 23% 23%;background:radial-gradient(ellipse at 30% 12%,#94dd61 0,#43ad45 30%,#188539 70%,#11692f 100%);border:2px solid #155e32;box-shadow:inset 0 5px 7px #b1f37c80,inset 0 -8px 6px #0a542f88,0 5px 4px #081b2166}.nostril{left:12%;top:-8%;width:29%;height:86%;border-radius:65% 65% 40% 40%;background:radial-gradient(ellipse at 35% 12%,#8cdd56 0,#38a943 40%,#147832 78%);box-shadow:inset 4px 3px 7px #b8ec7366,inset -4px -3px 7px #0c5e2b77}.nostril+.nostril{left:59%}.nostril:after{content:'';position:absolute;left:27%;top:31%;width:45%;height:42%;border-radius:60% 45% 55% 40%;background:#102e25;box-shadow:inset 2px 3px 3px #061710,0 2px 1px #8bd36e88;transform:rotate(-28deg)}.nostril+.nostril:after{transform:rotate(28deg)}.upper-teeth{position:absolute;bottom:-14%;left:8%;width:84%;height:27%;display:flex;justify-content:space-around;align-items:flex-start;pointer-events:none}.upper-teeth i{width:9%;height:85%;background:linear-gradient(100deg,#fffef0,#dfd5b1);clip-path:polygon(0 0,100% 0,62% 93%,45% 100%,25% 90%);border-radius:2px;filter:drop-shadow(0 2px 1px #310909)}.upper-teeth i:nth-child(2n){height:65%}.mouth{inset:35% 4% 5%;border-radius:18% 18% 44% 44%;border:9px solid #a92930;background:radial-gradient(ellipse at 50% 24%,#3c0d14 0,#6f111d 38%,#a41f2b 72%,#c2353c 100%);box-shadow:0 0 0 5px #258b3e,inset 0 12px 18px #24080b,inset 4px -3px 9px #f35b5477}.tongue{inset:42% 24% 14%;background:radial-gradient(ellipse at 50% 80%,#c73743,#9c1d30 64%,#761323);box-shadow:inset 0 -5px 12px #d8524e55;border-radius:48% 48% 35% 35%;opacity:.8}.lower-jaw{height:25%;bottom:0;border-radius:15% 15% 48% 48%;border:2px solid #175e30;background:linear-gradient(#5cba4b,#208c3e 60%,#146b32);box-shadow:inset 0 -6px 9px #0a512a77,inset 0 4px 4px #98dd6477}.tooth{height:22%;border-radius:48% 48% 35% 35%;border:1px solid #d1c5a6;background:radial-gradient(ellipse at 38% 20%,#fffef4 10%,#f2e9d0 60%,#d1c3a0 100%);box-shadow:0 4px 2px #5c111d,inset 2px 1px 3px #fffdf4;color:#79715a;font-size:clamp(9px,2.5vw,13px);text-shadow:0 1px #fff9}.tooth.pressed{transform:translateY(7px) scaleY(.6);opacity:.35}.tooth.hit{background:#ec8e79}.in-game{top:55%;width:76%;background:#10172be8}#arena[data-phase=playing] .in-game{top:59%;color:#fff0d6;text-shadow:0 1px 3px #410b16}#arena[data-phase=playing] #status{font-size:11px}#arena[data-phase=biting] .upper-jaw,#arena[data-phase=result] .upper-jaw{transform:translateY(10%) scaleY(2.55)}

.upper-teeth{top:42%;bottom:auto;left:8%;width:84%;height:8%;z-index:2;pointer-events:none}#arena[data-phase=biting] .upper-teeth,#arena[data-phase=result] .upper-teeth{opacity:0}

.upper-teeth{top:43%;height:7%}.upper-teeth i{width:6%;height:80%;clip-path:polygon(0 0,100% 0,50% 100%);border-radius:0}.upper-teeth i:nth-child(2n){height:65%}