.crocodile-page{background:#fbfcff;color:#17274a}.crocodile-page main{max-width:1120px}.crocodile-page button{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.crocodile-page button:focus-visible{outline:3px solid #2e5bff;outline-offset:5px}.crocodile-page button:disabled{cursor:default}.croc-game{padding:28px 0 45px}.croc-intro{text-align:center}.croc-intro .eyebrow{font-size:10px;letter-spacing:3px;margin:0 0 13px;color:#607393}.croc-intro h1{font-size:58px;letter-spacing:-3px;margin:0 0 12px;line-height:1.1;font-weight:950}.croc-intro h1>span{color:#ff785e}.croc-intro>p:not(.eyebrow){font-size:15px;color:#718099;margin:0 0 16px;line-height:1.7}.croc-intro strong{color:#415476}.party-label{font-size:11px;background:#edf2ff;border:1px solid #dbe5ff;color:#2e5bff;display:inline-block;border-radius:30px;padding:8px 15px;font-weight:700}.play-layout{display:grid;grid-template-columns:1fr 1.15fr;align-items:center;gap:60px;max-width:1000px;margin:28px auto 0}.game-side{text-align:center;min-width:0}.scoreboard{display:flex;align-items:center;gap:10px}.player{display:flex;align-items:center;justify-content:center;gap:13px;flex:1;min-height:82px;border:2px solid #e7edf7;border-radius:22px;background:#fff;transition:background .2s,border-color .2s}.player-id{display:grid;place-items:center;font-size:24px;font-weight:950;width:51px;height:51px;border-radius:17px;background:#edf2ff;color:#2e5bff}.player-two .player-id{color:#b3442b;background:#fff0df}.player b{font-size:10px;font-weight:700;color:#728099;white-space:nowrap}.player p{font-size:12px;color:#768399;margin:3px 0 0}.player p strong{font-size:23px;color:#17274a}.player.active{border-color:#2e5bff;background:#edf2ff;box-shadow:0 5px 0 #2e5bff13}.player-two.active{border-color:#f29159;background:#fff3e8;box-shadow:0 5px 0 #f291591a}.player.winner{border-color:#63af8b;background:#effbf4}.versus{font-size:10px;color:#91a0b7;font-weight:900}.turn-panel{margin:24px 0 20px;min-height:89px}.turn-panel>span{font-size:10px;letter-spacing:2px;color:#7e8fac;font-weight:800}.turn-panel h2{font-size:29px;letter-spacing:-1.3px;line-height:1.3;margin:11px 0 8px}.turn-panel p{font-size:13px;color:#6a7c99;margin:0}.action-area{min-height:68px}.croc-primary{display:inline-flex;justify-content:center;align-items:center;gap:34px;background:#2e5bff;color:#fff;border:0;border-radius:18px;min-height:56px;padding:15px 25px;font-size:16px!important;font-weight:800!important;box-shadow:0 6px 0 #2145c2,0 12px 22px #2e5bff20;transition:transform .16s}.croc-primary:active{transform:translateY(3px);box-shadow:0 3px 0 #2145c2}.croc-primary span{font-size:22px}.settings{display:flex;justify-content:center;flex-wrap:wrap;gap:7px;margin-top:25px}.settings button{border:1px solid #dde5f3;background:#fff;border-radius:30px;min-height:42px;padding:9px 13px;color:#596d8e;font-size:11px}.settings button[aria-pressed=true]{background:#edf2ff;border-color:#cbd8ff;color:#3153b2}.settings button:disabled{color:#8693a6;background:#f3f5f8}.device-note{font-size:10px;color:#8896ad;margin:12px 0}.how-link{display:inline-block;font-size:11px;color:#5b739b;padding:10px}.how-link span{margin-left:12px}.croc-stage{position:relative;min-width:0;background:radial-gradient(ellipse at 50% 42%,#e3f5ef 0%,#f0f9f7 52%,#fbfcff 73%);border-radius:50%;text-align:center;padding-top:15px}#result{background:#f0f7ee;border:1px solid #dcebd3;border-radius:22px;padding:18px 15px 20px}#result h3{font-size:19px;letter-spacing:-.7px;margin:6px 0 9px}#result p{font-size:12px;line-height:1.8;color:#68836b;margin:0 0 15px}.result-star{font-size:22px;color:#92b04e}.reset-button{border:0;background:none;color:#7587a1;padding:14px 10px;font-size:11px!important;min-height:44px}.croc-guide{margin:30px 0 0;border-top:1px solid #e4eaf4;padding:35px 0}.croc-guide>.eyebrow{font-size:9px;margin-bottom:13px}.croc-guide h2{font-size:28px;letter-spacing:-1.1px;margin:0 0 25px}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.guide-grid article{background:#f1f5fc;border-radius:22px;padding:25px}.guide-grid article>span{font-size:11px;color:#2e5bff;font-weight:800}.guide-grid h3{font-size:16px;margin:14px 0 12px}.guide-grid p,.croc-faq p{font-size:13px;line-height:1.9;color:#677c98;word-break:keep-all}.croc-faq{max-width:880px}.croc-faq details{border-bottom:1px solid #e1e8f3;padding:0 4px}.croc-faq summary{padding:18px 0;font-weight:700;font-size:14px;cursor:pointer;line-height:1.6}.croc-faq p{margin:0 0 18px}.croc-faq a{color:#2e5bff;text-decoration:underline}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}.reduce-motion *{animation:none!important;transition:none!important}.reduce-motion .snapped .snap-word{opacity:1;animation:none}@media(prefers-reduced-motion:reduce){.snapped .snap-word{opacity:1;animation:none}}
@media(max-width:850px){.play-layout{gap:22px}.player{gap:7px}.player-id{width:40px;height:45px}.turn-panel h2{font-size:25px}}
@media(max-width:640px){.crocodile-page main{margin:0 16px}.croc-game{padding:21px 0 15px}.croc-intro .eyebrow{font-size:8px;letter-spacing:2px;margin-bottom:9px}.croc-intro h1{font-size:39px;letter-spacing:-2px;margin-bottom:10px}.croc-intro>p:not(.eyebrow){font-size:12px;margin-bottom:11px}.party-label{font-size:10px;padding:7px 12px}.play-layout{display:grid;grid-template-columns:1fr;gap:0;margin-top:20px}.game-side{display:contents}.scoreboard{grid-row:1;max-width:390px;width:100%;margin:auto;gap:9px}.player{min-height:64px;border-radius:18px;gap:10px}.player-id{width:43px;height:42px;font-size:23px;border-radius:13px}.player b{font-size:9px}.player p{margin:0;font-size:10px}.player p strong{font-size:19px}.turn-panel{grid-row:2;text-align:center;min-height:0;margin:17px 0 0}.turn-panel>span{font-size:8px}.turn-panel h2{font-size:24px;margin:7px 0 6px}.turn-panel p{font-size:11px}.croc-stage{grid-row:3;max-width:390px;width:100%;margin:0 auto;padding-top:0}.croc-board{height:340px;max-width:370px}.floor-shadow{bottom:0}.jaw-top{top:19px}.jaw-bottom{top:134px;height:184px}.mouth{top:142px;height:154px;left:8%;right:8%;border-width:6px}.snout{height:81px;top:50px}.eye-hill{width:85px;height:100px}.left-eye{left:14%}.right-eye{right:14%}.eye{width:50px;height:59px;left:18px;top:13px}.eye i{width:23px;height:29px}.teeth-row{left:4%;right:4%;gap:5px}.tooth{height:49px}.top-teeth{top:5px}.bottom-teeth{bottom:6px}.tooth span{font-size:9px;bottom:10px}.snapped .jaw-top{transform:translateY(127px) scaleY(.97)}.stage-note{font-size:7px;right:2px;top:18px;letter-spacing:.8px}.snap-word{font-size:32px;top:100px}.toy-label{font-size:7px;margin-top:9px;letter-spacing:2.5px}.croc-stage>p{font-size:10px;margin:3px 0 0}.action-area{grid-row:4;text-align:center;min-height:0;margin:22px auto 0;width:min(100%,390px)}.action-area:has(>#start[hidden]):has(>#result[hidden]){display:none}.settings{grid-row:5;margin-top:22px;gap:6px}.settings button{font-size:10px;min-height:40px;padding:9px 12px}.device-note{grid-row:6;text-align:center;font-size:9px;margin:9px 0 0}.how-link{grid-row:7;text-align:center;font-size:10px;padding:12px}.croc-primary{width:100%;min-height:53px;font-size:15px!important}.croc-guide{padding:27px 0;margin-top:20px}.croc-guide h2{font-size:22px;line-height:1.4;margin-bottom:20px}.guide-grid{grid-template-columns:1fr;gap:10px}.guide-grid article{padding:19px 21px}.guide-grid h3{margin:8px 0}.guide-grid p,.croc-faq p{font-size:12px;margin-bottom:0}.croc-faq p{margin-bottom:15px}.croc-faq summary{font-size:13px}.croc-faq .eyebrow{font-size:8px}}
@media(max-width:350px){.crocodile-page main{margin:0 12px}.teeth-row{left:1%;right:1%;gap:3px}.mouth{left:5%;right:5%}.stage-note{display:none}.player{gap:7px}.player b{font-size:8px}}

/* Original plush 3D crocodile, with accessible tooth hit areas. */
.croc-stage{background:radial-gradient(ellipse at 50% 55%,#e0f2ed 0%,#f3faf6 50%,#fbfcff 73%);border-radius:38px;padding-top:0}
.croc-board{position:relative;isolation:isolate;width:100%;max-width:520px;aspect-ratio:1;height:auto;margin:0 auto;user-select:none;-webkit-user-select:none}
.floor-shadow{position:absolute;left:15%;right:10%;bottom:0;height:8%;border-radius:50%;background:#6b8f7433;filter:blur(13px)}
.character-frame{position:absolute;inset:0}
.croc-art{position:absolute;inset:0;width:100%;max-width:none;height:auto;pointer-events:none;filter:drop-shadow(0 12px 8px #4b77641a)}
.art-closed{opacity:0}.art-open{opacity:1}.snapped .art-open{opacity:0}.snapped .art-closed{opacity:1;animation:croc-chomp .42s cubic-bezier(.22,.7,.3,1)}
.teeth-row{position:absolute;inset:0;pointer-events:none}.tooth{position:absolute;pointer-events:auto;width:10%;min-width:44px;height:11%;min-height:44px;transform:translate(-50%,-50%);border:0;border-radius:32%;padding:0;background:transparent;box-shadow:none;color:#6e725d;transition:background .15s;touch-action:manipulation}
.tooth span{position:absolute;inset:0;display:grid;place-items:center;font-size:11px;font-weight:900;text-shadow:0 1px #ffffffb0}.tooth:disabled{opacity:1}.tooth.pressed{background:#335c44b8;color:#fff;box-shadow:inset 0 0 0 2px #9ebda266;transform:translate(-50%,-50%)}.tooth.pressed span{font-size:23px;text-shadow:none}.tooth:not(:disabled):hover{background:#fff6b95c;box-shadow:0 0 0 2px #ffe37c}.tooth.trap{background:#ff785eab}
.tooth[data-tooth="0"]{left:29.4%;top:47%}.tooth[data-tooth="1"]{left:39.6%;top:44.6%}.tooth[data-tooth="2"]{left:51.7%;top:42.4%}.tooth[data-tooth="3"]{left:63.7%;top:42%}.tooth[data-tooth="4"]{left:73.8%;top:41%}
.tooth[data-tooth="5"]{left:32.2%;top:66%}.tooth[data-tooth="6"]{left:41.6%;top:68.1%}.tooth[data-tooth="7"]{left:53%;top:68.5%}.tooth[data-tooth="8"]{left:65%;top:66.5%}.tooth[data-tooth="9"]{left:74.5%;top:62.5%}
.snapped .teeth-row{visibility:hidden}.snap-word{position:absolute;z-index:6;left:50%;top:49%;right:auto;display:block;width:max-content;max-width:85%;font-size:clamp(64px,7.5vw,92px);font-weight:950;line-height:1.12;white-space:nowrap;color:#ff785e;letter-spacing:-5px;transform:translate(-50%,-50%) rotate(-9deg);opacity:0;visibility:hidden;pointer-events:none;-webkit-text-stroke:7px #fff;paint-order:stroke fill;text-shadow:0 7px 0 #17274a,0 12px 18px #17274a35;filter:drop-shadow(0 7px 0 #17274a20)}.snap-word::before{content:"";position:absolute;z-index:-1;inset:-28% -14%;background:#ffe37c;clip-path:polygon(0 42%,16% 31%,11% 8%,33% 18%,43% 0,56% 17%,79% 5%,80% 25%,100% 24%,90% 47%,100% 67%,78% 72%,79% 96%,56% 83%,42% 100%,32% 80%,9% 94%,15% 70%,0 65%)}.snapped .snap-word{opacity:1;visibility:visible;animation:snap-pop .48s cubic-bezier(.2,.8,.3,1) both}
.stage-note{position:absolute;z-index:5;top:5px;right:0;text-align:left;font-size:9px;line-height:1.6;font-weight:800;color:#789e8c;letter-spacing:1.5px;transform:rotate(8deg)}.toy-label{font-size:8px;letter-spacing:3.5px;color:#88a69b;display:block;margin-top:12px}.croc-stage>p{font-size:12px;color:#7a8d93;margin:3px 0 0}
@keyframes croc-chomp{0%{transform:scaleY(1.07) translateY(-3%)}45%{transform:scaleY(.96) translateY(1%)}100%{transform:none}}@keyframes snap-pop{0%{opacity:0;transform:translate(-50%,-50%) scale(.35) rotate(-18deg)}48%{opacity:1;transform:translate(-50%,-50%) scale(1.14) rotate(-6deg)}72%{opacity:1;transform:translate(-50%,-50%) scale(.96) rotate(-11deg)}100%{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(-9deg)}}
.reduce-motion .snapped .art-closed{animation:none}.reduce-motion .snapped .snap-word{opacity:1;animation:none}
@media(max-width:640px){.croc-stage{max-width:420px;overflow:hidden;border-radius:0}.croc-board{max-width:420px;aspect-ratio:1 / 1.32;height:auto}.character-frame{inset:0 auto auto -19%;width:138%;aspect-ratio:1}.croc-art{width:100%;height:auto}.tooth{width:9.5%;height:10%;min-height:44px;min-width:44px}.tooth span{font-size:9px}.tooth.pressed span{font-size:19px}.stage-note{font-size:7px;right:0;top:10px;letter-spacing:.7px}.snap-word{font-size:clamp(58px,18vw,76px);top:49%;left:50%;right:auto;letter-spacing:-4px;-webkit-text-stroke-width:6px}.toy-label{font-size:7px;margin-top:8px}.croc-stage>p{font-size:11px;margin:0}.croc-intro{margin-bottom:5px}}
@media(max-width:350px){.tooth[data-tooth="0"]{left:28.3%}.tooth[data-tooth="1"]{left:39.1%}.tooth[data-tooth="2"]{left:50.1%}.tooth[data-tooth="3"]{left:61.1%}.tooth[data-tooth="4"]{left:72%}.tooth[data-tooth="5"]{left:30%}.tooth[data-tooth="6"]{left:40.9%}.tooth[data-tooth="7"]{left:51.8%}.tooth[data-tooth="8"]{left:62.7%}.tooth[data-tooth="9"]{left:73.6%}.tooth{width:44px;height:44px}.stage-note{display:none}}
@media(prefers-reduced-motion:reduce){.snapped .art-closed{animation:none}.snapped .snap-word{opacity:1;animation:none}}
@media(max-width:640px){.play-layout:has(#start:not([hidden])) .action-area{grid-row:3;margin:14px auto 20px}.play-layout:has(#start:not([hidden])) .croc-stage{grid-row:4}}

.crocodile-page .croc-game{padding-top:0}.crocodile-page .riki-game-intro .riki-game-description{min-height:0;margin-bottom:15px}.crocodile-page .riki-game-tail{padding-left:0;padding-right:0}.crocodile-page .rg-answer a{color:#2e5bff;text-decoration:underline}
@media(max-width:640px){.tooth{width:9%}}@media(min-width:351px) and (max-width:380px){.tooth[data-tooth="5"]{left:31%}.tooth[data-tooth="6"]{left:41.5%}.tooth[data-tooth="9"]{left:76%}}@media(max-width:350px){.tooth[data-tooth="0"]{left:27%}.tooth[data-tooth="1"]{left:38.5%}.tooth[data-tooth="2"]{left:50%}.tooth[data-tooth="3"]{left:61.5%}.tooth[data-tooth="4"]{left:73%}.tooth[data-tooth="5"]{left:30%}.tooth[data-tooth="6"]{left:41.5%}.tooth[data-tooth="7"]{left:53%}.tooth[data-tooth="8"]{left:64.5%}.tooth[data-tooth="9"]{left:76%}}@media(min-width:641px) and (max-width:1050px){.play-layout{grid-template-columns:1fr;max-width:540px}.game-side{display:contents}.scoreboard{grid-row:1}.turn-panel{grid-row:2;text-align:center;margin:12px 0}.croc-stage{grid-row:3}.action-area{grid-row:4;text-align:center}.settings{grid-row:5}.device-note{grid-row:6;text-align:center}.how-link{grid-row:7;text-align:center}.play-layout:has(#start:not([hidden])) .action-area{grid-row:3}.play-layout:has(#start:not([hidden])) .croc-stage{grid-row:4}}
@media(min-width:641px){.tooth{width:9%}}

/* Breathing moves the art and its hit areas together, anchored at the feet. */
.croc-board[data-phase="playing"] .character-frame{transform-origin:50% 94%;animation:croc-breathe 3.3s ease-in-out infinite;will-change:transform}
.croc-board[data-phase="playing"][data-tension="alert"] .character-frame{animation-duration:2.5s}
.croc-board[data-phase="playing"][data-tension="danger"] .character-frame{animation-duration:1.7s}
@keyframes croc-breathe{0%,100%{transform:translateY(0) scale(1,1)}50%{transform:translateY(-1px) scale(1.009,1.025)}}
.croc-board:not([data-phase="playing"]) .character-frame{animation:none;will-change:auto}
.game-away .croc-board .character-frame{animation-play-state:paused}
.reduce-motion .croc-board .character-frame{animation:none;transform:none;will-change:auto}
@media(prefers-reduced-motion:reduce){.croc-board .character-frame{animation:none!important;transform:none;will-change:auto}}