.games-page{--signal:#ec5990;max-width:960px;margin:auto}.games-intro{margin:12px 0 28px}.games-intro h1{font-size:clamp(2.3rem,7vw,3.75rem);font-weight:700;line-height:1.2}.games-intro p,.game-rules,.game-help{color:var(--text-secondary)}.game-picker{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:28px;display:grid}.games-page button,.games-page select,.games-page textarea{color:#fff;font:inherit;background:#ffffff0d;border:1px solid #ffffff26;border-radius:8px}.games-page button{cursor:pointer;min-height:44px;padding:10px 14px}.games-page button:hover:not(:disabled){background:#ffffff1a}.games-page button:disabled{opacity:.45;cursor:default}.games-page :is(button,select,textarea):focus-visible{outline:2px solid var(--signal);outline-offset:3px}.game-picker button{text-align:left;flex-direction:column;gap:8px;display:flex}.games-page button[aria-pressed=true]{border-color:var(--signal);color:var(--signal);background:#ec59901f}.game-symbol{font-size:28px;line-height:1}.game-stage{border-top:1px solid #ffffff26;padding-top:24px}.game-stage h2{font-size:1.875rem;font-weight:600}.game-rules{max-width:70ch;margin-bottom:28px}.game-play{background:#ffffff09 radial-gradient(at 50% 0,#ffffff0e,#0000 65%);border-radius:12px;padding:24px}.game-result{text-align:center;overflow-wrap:anywhere;min-height:32px;margin:24px 0 16px;font-size:1.15rem}.games-page .game-action{color:var(--signal);margin:0 auto;padding:12px 24px;display:block}.game-buttons{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.game-buttons .game-action{margin:0}.game-controls{margin-bottom:16px}.game-controls label{align-items:center;gap:16px;display:flex}.games-page select{min-height:44px;padding:8px 12px}.games-page option{background:var(--primary-bg)}.croc-2d{max-width:620px;margin:0 auto}.croc-head{background:#3b9c6b;border:5px solid #2c805c;border-radius:48% 48% 42% 42%/22% 22% 38% 38%;width:min(100%,540px);margin:8px auto 0;padding:22px clamp(14px,5vw,32px) 26px;position:relative;box-shadow:inset 0 10px #ffffff17}.croc-eyes{z-index:1;justify-content:space-between;width:62%;margin:0 auto 12px;display:flex;position:relative}.croc-eyes span{background:#fff;border:6px solid #28734f;border-radius:50%;width:27px;height:27px}.croc-eyes span:after{content:"";background:#081229;border-radius:50%;width:8px;height:12px;margin:2px auto;display:block}.croc-snout{background:#55ae78;border:3px solid #2c805c;border-radius:50%;width:76%;height:44px;position:absolute;top:47px;left:50%;transform:translate(-50%)}.croc-snout span{background:#245c43;border-radius:50%;width:8px;height:5px;position:absolute;top:12px}.croc-snout span:first-child{left:32%}.croc-snout span:last-child{right:32%}.croc-mouth{background:#541c2b;border:5px solid #b74b58;border-radius:34px;margin-top:31px;padding:12px 8px;transition:transform .22s;position:relative;box-shadow:inset 0 0 0 5px #08122961}.croc-head.is-bitten .croc-mouth{transform:scaleY(.72)}.croc-teeth-row{grid-template-columns:repeat(6,minmax(0,1fr));justify-items:center;gap:4px;display:grid}.games-page .croc-tooth{background:0 0;border:0;border-radius:0;place-items:start center;width:min(100%,48px);height:54px;min-height:44px;padding:0;display:grid;position:relative}.croc-tooth:before{content:"";background:#fffaf0;border:1px solid #0000002e;width:76%;height:39px;transition:transform .18s,opacity .18s;position:absolute;top:0;box-shadow:0 3px 2px #00000038}.croc-tooth.top:before{clip-path:polygon(0 0,100% 0,50% 100%)}.croc-tooth.bottom:before{clip-path:polygon(50% 0,100% 100%,0 100%);top:10px}.croc-tooth span{color:#ffffffa6;font-size:.65rem;position:absolute;bottom:0}.games-page .croc-tooth:disabled{opacity:1}.croc-tooth.is-pressed:before{opacity:.18;transform:scaleY(.12)}.croc-tooth.is-pressed span{opacity:.35}.croc-throat{height:clamp(66px,16vw,100px);margin:2px 5px;overflow:hidden}.croc-throat svg{width:100%;height:100%}.croc-throat path:first-child{fill:#33111d}.croc-throat path:last-child{fill:#9d3949;opacity:.75}@media (prefers-reduced-motion:reduce){.croc-mouth,.croc-tooth:before{transition:none}}.animal-race-stage{background:linear-gradient(90deg,#081229f0,#0812298c 24%,#0000 46%),repeating-linear-gradient(#ffffff06 0 1px,#0000 1px 10%);border:1px solid #ffffff1f;border-radius:14px;height:clamp(250px,55vw,560px);min-height:250px;max-height:560px;margin:12px auto 0;position:relative;overflow:hidden}.animal-race-stage canvas{width:100%;height:100%;display:block}.animal-race-labels{width:76px;color:var(--text-secondary);text-align:left;text-shadow:0 1px 6px #081229;pointer-events:none;flex-direction:column;justify-content:space-between;margin:0;padding:0;font-size:clamp(.66rem,2.2vw,.82rem);line-height:1.15;list-style:none;display:flex;position:absolute;inset:8px auto 8px 8px}.race-results{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px;margin:16px 0 0;padding:0;list-style:none;display:grid}.race-results li{background:#08122973;border:1px solid #ffffff1a;border-radius:10px;align-items:center;gap:10px;min-height:44px;padding:8px 12px;display:flex}.race-results li:first-child{border-color:#ec5990a6}.race-results-rank{color:var(--signal);font-weight:700}.animal-race-stage.no-webgl:after{content:"";background:var(--primary-bg);position:absolute;inset:0}.animal-race-stage.no-webgl:before{content:"3D";z-index:1;color:var(--text-secondary);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.dice-tray{justify-content:center;gap:16px;padding:36px 0;display:flex}.die{perspective:700px;width:min(25%,110px);padding:12px}.die-scene{aspect-ratio:1;perspective:700px;width:100%}.die-cube{--cube-half:38px;width:76px;height:76px;transform-style:preserve-3d;margin:auto;transition:transform .52s cubic-bezier(.2,.75,.2,1);position:relative}.die-face{backface-visibility:hidden;background:linear-gradient(145deg,#fff,#d5dce5 72%,#a3afbe);border:1px solid #aebccc;border-radius:12px;position:absolute;inset:0;box-shadow:inset 0 3px 7px #ffffffe6,inset 0 -7px 10px #39495d33}.face-front{transform:translateZ(var(--cube-half))}.face-back{transform:rotateY(180deg) translateZ(var(--cube-half))}.face-right{transform:rotateY(90deg) translateZ(var(--cube-half))}.face-left{transform:rotateY(-90deg) translateZ(var(--cube-half))}.face-top{transform:rotateX(90deg) translateZ(var(--cube-half))}.face-bottom{transform:rotateX(-90deg) translateZ(var(--cube-half))}.die-pips{grid-template:repeat(3,1fr)/repeat(3,1fr);gap:3px;width:100%;height:100%;padding:12px;display:grid}.die-pips i{background:radial-gradient(circle at 35% 30%,#34445a,#081229 75%);border-radius:50%;place-self:center;width:10px;height:10px;box-shadow:inset 1px 1px 2px #00000080,0 1px 1px #fff}.pips-1 i:first-child{grid-area:2/2}.pips-2 i:first-child{grid-area:1/1}.pips-2 i:nth-child(2){grid-area:3/3}.pips-3 i:first-child{grid-area:1/1}.pips-3 i:nth-child(2){grid-area:2/2}.pips-3 i:nth-child(3){grid-area:3/3}.pips-4 i:first-child{grid-area:1/1}.pips-4 i:nth-child(2){grid-area:1/3}.pips-4 i:nth-child(3){grid-area:3/1}.pips-4 i:nth-child(4){grid-area:3/3}.pips-5 i:first-child{grid-area:1/1}.pips-5 i:nth-child(2){grid-area:1/3}.pips-5 i:nth-child(3){grid-area:2/2}.pips-5 i:nth-child(4){grid-area:3/1}.pips-5 i:nth-child(5){grid-area:3/3}.pips-6 i:first-child{grid-area:1/1}.pips-6 i:nth-child(2){grid-area:2/1}.pips-6 i:nth-child(3){grid-area:3/1}.pips-6 i:nth-child(4){grid-area:1/3}.pips-6 i:nth-child(5){grid-area:2/3}.pips-6 i:nth-child(6){grid-area:3/3}.rolling .die-cube{animation:.7s ease-out cube-roll}@keyframes cube-roll{to{transform:rotateX(720deg)rotateY(720deg)rotate(360deg)}}.rolling .die{animation:.18s infinite alternate dice-lift}@keyframes dice-lift{to{transform:translateY(-8px)rotate(3deg)}}@media (width<=600px){.game-picker{grid-template-columns:repeat(2,minmax(0,1fr))}.game-picker button{flex-direction:row;align-items:center;font-size:.9rem}.game-picker button:last-child{grid-column:1/-1}.game-play{padding:16px 12px}}@media (prefers-reduced-motion:reduce){.games-page *,.games-page :before,.games-page :after{transition:none!important;animation:none!important}}