.play-page{padding-block:38px 64px}.play-page-heading{border:1px solid var(--line);border-left:4px solid var(--yellow);background:var(--cream);margin-bottom:28px;padding:clamp(24px,3vw,36px)}.play-page-heading h1{margin:8px 0 0;font-size:clamp(38px,5vw,60px)}.play-page-heading p{max-width:64ch;color:var(--dim);margin:18px 0 0;font-size:17px;line-height:1.65}.play-game{isolation:isolate;color:#fff;min-height:790px;font-family:var(--sans);background:#14211d;border-radius:3px;scroll-margin-top:90px;position:relative;overflow:hidden}.play-game:focus{outline:none}.play-game [hidden]{display:none!important}.play-game button,.play-game input{font-family:var(--sans)}.play-game button{cursor:pointer;border-radius:2px}.play-game button:disabled{opacity:.6;cursor:wait}.play-game button:focus-visible,.play-game input:focus-visible{outline-offset:4px;outline:3px solid #fff}.play-canvas{z-index:-2;touch-action:none;position:absolute;inset:0}.play-canvas canvas{width:100%;height:100%;display:block}.play-nickname{color:#fff;max-width:180px;font:700 12px/1.4 var(--sans);white-space:nowrap;text-overflow:ellipsis;pointer-events:none;user-select:none;background:#15251fe8;border:1px solid #ffffff65;border-radius:3px;padding:5px 11px;position:absolute;overflow:hidden;transform:translate(-50%,-100%)}.play-game:not(.is-playing) .play-canvas{height:620px;top:70px;bottom:auto}.play-topbar{z-index:3;pointer-events:none;background:linear-gradient(#111d1bd9,#0000);justify-content:space-between;align-items:center;gap:12px;padding:20px 26px;display:flex;position:absolute;inset:0 0 auto}.play-brand{letter-spacing:.06em;align-items:center;gap:10px;font-size:12px;font-weight:800;display:flex}.play-brand strong{color:var(--yellow)}.play-toolbar{pointer-events:auto;gap:8px;display:flex}.play-tool{color:#fff;background:#182924e6;border:1px solid #ffffff70;min-height:44px;padding:10px 15px;font-size:12px;font-weight:700}.play-tool:hover{background:#263f33}.play-setup{background:linear-gradient(90deg,#101c19fa,#101c19f2 39%,#101c1950 65%,#0000);grid-template-columns:minmax(390px,.95fr) 1.05fr;min-height:790px;display:grid}.play-form{max-width:520px;padding:92px 40px 35px}.play-form h2{font:600 clamp(34px,4vw,48px)/1.05 var(--serif);letter-spacing:-.035em;margin:14px 0}.play-intro{color:#d9e2da;max-width:34ch;margin:0 0 20px;font-size:14px;line-height:1.6}.play-field{gap:7px;font-size:12px;font-weight:700;display:grid}.play-field input{color:#fff;background:#ffffff0e;border:1px solid #fff5;border-radius:2px;width:100%;min-height:44px;padding:9px 12px;font-size:15px}.play-field input::placeholder{color:#bac6bd}.play-avatar-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.play-avatar-options .play-field{font-size:11px;font-weight:500}.play-field select{color:#fff;width:100%;min-width:0;min-height:44px;font:13px var(--sans);background:#1a2c24;border:1px solid #fff5;border-radius:2px;padding:9px 10px}.play-field select:focus-visible{outline-offset:4px;outline:3px solid #fff}.play-form fieldset{border:0;min-width:0;margin:18px 0 0;padding:0}.play-form legend{margin-bottom:8px;font-size:12px;font-weight:700}.play-character-options{grid-template-columns:1fr 1fr;gap:10px;display:grid}.play-character-option{cursor:pointer;position:relative}.play-character-option input{accent-color:var(--yellow);position:absolute;top:14px;left:12px}.play-character-option>span{background:#152820a3;border:1px solid #ffffff45;padding:10px 12px 10px 35px;display:block}.play-character-option input:checked+span{border-color:var(--yellow);background:#f6d01d13}.play-character-option strong{font-size:14px;display:block}.play-character-option small{color:#c3cfc4;font-size:10px;display:block}.play-color-options{gap:14px;display:flex}.play-color-option{cursor:pointer;width:38px;height:38px;position:relative}.play-color-option input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute}.play-color-option span{background:var(--kit-color);border:5px solid #1b2e26;border-radius:50%;width:100%;height:100%;display:block;box-shadow:0 0 0 1px #ffffff50}.play-color-option input:checked+span{box-shadow:0 0 0 2px #fff}.play-color-option input:focus-visible+span{outline-offset:5px;outline:3px solid #fff}.play-sports{grid-template-columns:1fr 1fr;gap:7px;display:grid}.play-sports>div,.play-sports>label{border:1px solid #ffffff25;padding:8px 10px;font-size:12px;line-height:1.4}.play-sports small{color:#bbc6bd;margin-top:3px;font-size:9px;display:block}.play-sport-ready{color:var(--yellow);border-color:#f6d01d99!important}.play-sport-ready input{accent-color:var(--yellow);margin:0 5px 0 0}.play-sport-pending{color:#c6cec8;background:#101b1880}.play-primary{background:var(--yellow);color:#171d18;letter-spacing:.04em;border:0;width:100%;min-height:48px;margin-top:20px;padding:12px 20px;font-size:12px;font-weight:800;display:block}.play-primary:hover{background:#ffe35d}.play-load-status{color:#e4dfb6;margin:10px 0 0;font-size:11px;line-height:1.6}.play-instructions{color:#c2cec5;max-width:47ch;margin:12px 0 0;font-size:10px;line-height:1.7}.play-scene-caption{text-shadow:0 2px 18px #000;place-self:end;padding:40px}.play-scene-caption>span{letter-spacing:.15em;font-size:10px;font-weight:800}.play-scene-caption p{font:600 42px/1.08 var(--serif);margin:12px 0}.play-game.is-playing{overscroll-behavior:none;height:clamp(540px,76vh,820px);min-height:600px}.play-hud{pointer-events:none;align-items:start;gap:32px;display:flex;position:absolute;top:92px;left:26px;right:26px}.play-hud>div{border-left:2px solid var(--yellow);background:#14221ce0;min-width:90px;padding:8px 14px}.play-hud>div>span{color:#d9e2d8;text-transform:uppercase;letter-spacing:.08em;font-size:10px;font-weight:700;display:block}.play-hud strong{font-size:24px;font-weight:800;line-height:1.4;display:block}.play-hud strong small{font-size:11px;font-weight:500}.play-hud progress{width:100%;height:4px;accent-color:var(--yellow);background:#16332277;border:0;position:absolute;top:80px;left:0}.play-hud progress::-webkit-progress-bar{background:#16332277}.play-hud progress::-webkit-progress-value{background:var(--yellow)}.play-touch-controls{bottom:max(22px,env(safe-area-inset-bottom));touch-action:none;gap:12px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.play-touch-controls button{color:#fff;touch-action:none;-webkit-user-select:none;user-select:none;background:#142720e8;border:1px solid #ffffff90;min-width:62px;height:58px;padding:12px 20px;font-size:25px;font-weight:700}.play-touch-controls .play-jump{background:var(--yellow);border-color:var(--yellow);color:#182018;min-width:110px;font-size:13px}.play-touch-controls button:active{background:#35523e;transform:translateY(2px)}.play-overlay{z-index:5;backdrop-filter:blur(6px);touch-action:pan-y;overscroll-behavior:contain;background:#101b18c9;place-items:center;padding:24px;display:grid;position:absolute;inset:0;overflow:auto}.play-dialog{background:#15251f;border:1px solid #ffffff35;outline:none;width:min(100%,400px);padding:32px;box-shadow:0 20px 80px #0004}.play-dialog .eyebrow{color:var(--yellow)}.play-dialog h2{font:600 42px/1.1 var(--serif);margin:18px 0}.play-dialog p{color:#d9e2dc;font-size:14px;line-height:1.6}.play-dialog .play-result{color:var(--yellow);font-size:26px;font-weight:800}.play-secondary{color:#fff;background:0 0;border:1px solid #fff5;width:100%;min-height:44px;margin-top:10px;padding:12px;font-size:12px;font-weight:700}.play-sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.play-game:fullscreen{border-radius:0;width:100%;height:100dvh;min-height:0}@media (width<=850px){.play-page-heading{display:block}.play-page-heading p{max-width:55ch;margin-top:18px}.play-setup{grid-template-columns:minmax(330px,1fr) .7fr}.play-form{padding-inline:26px}.play-scene-caption{padding:24px}.play-scene-caption p{font-size:32px}}@media (width<=600px){.play-page{padding-block:28px 40px}.play-page-heading{margin-bottom:24px}.play-page-heading h1{font-size:42px}.play-game{min-height:0}.play-setup{background:#101e18dc;min-height:0;display:block}.play-form{max-width:none;padding:85px 22px 28px}.play-game:not(.is-playing) .play-canvas{height:300px;top:50px}.play-game:not(.is-playing) .play-setup{background:linear-gradient(#0000 260px,#101e18 340px)}.play-game:not(.is-playing) .play-form{padding-top:350px}.play-form h2{font-size:40px}.play-scene-caption{display:none}.play-topbar{padding:16px}.play-brand{gap:7px;font-size:10px}.play-brand img{width:27px;height:27px}.play-toolbar{gap:6px}.play-tool{padding:8px 10px;font-size:10px}.play-hud{justify-content:space-between;gap:8px;top:76px;left:16px;right:16px}.play-hud>div{min-width:0;padding:6px 9px}.play-hud strong{font-size:20px}.play-hud>div>span{font-size:9px}.play-dialog{padding:24px}}@media (width<=900px) and (pointer:coarse),(width<=600px){.play-game.is-playing{z-index:100;border-radius:0;width:100%;height:100dvh;min-height:0;position:fixed;inset:0}.play-game.is-playing .play-topbar{padding-top:max(12px,env(safe-area-inset-top))}}@media (height<=500px) and (orientation:landscape){.play-game.is-playing{min-height:0}.play-hud{gap:12px;top:70px}.play-hud>div{padding:3px 10px}.play-hud strong{font-size:18px}.play-hud progress{top:56px}.play-touch-controls{bottom:12px}.play-touch-controls button{height:48px}.play-overlay{padding:14px}.play-dialog{width:min(100%,540px);padding:20px 26px}.play-dialog h2{margin:8px 0;font-size:30px}.play-dialog p{margin-block:8px}.play-dialog .play-primary{margin-top:12px}}.play-levels{gap:8px;display:grid}.play-levels label{cursor:pointer;border:1px solid #d9d7cf;border-radius:8px;align-items:center;gap:10px;padding:11px 12px;display:flex}.play-levels label:has(input:checked){background:#f6d01d17;border-color:#f6d01d}.play-levels label:has(input:disabled){opacity:.55;cursor:default}.play-levels span{gap:3px;display:grid}.play-levels strong{font-size:.86rem}.play-levels small{font-size:.7rem;line-height:1.45}.play-levels input{accent-color:#171717;flex-shrink:0}.play-course-label{color:#17251f;pointer-events:none;justify-content:space-between;gap:12px;font-size:.8rem;display:flex;position:absolute;top:184px;left:26px;right:26px}.play-course-label strong,.play-course-label span:not(:empty){background:#ffffffe0;border-radius:5px;padding:7px 10px}.play-course-label[hidden]{display:none}@media (width<=600px){.play-course-label{font-size:.68rem;top:166px;left:16px;right:16px}.play-course-label span{text-align:right;max-width:55%}}@media (height<=500px) and (orientation:landscape){.play-course-label{font-size:.68rem;top:136px}}.play-dialog{z-index:1;position:relative}.play-dialog h2{overflow-wrap:anywhere}.play-overlay{align-items:safe center}.play-confetti{pointer-events:none;position:absolute;inset:0;overflow:hidden}.play-confetti i{top:-25px;left:var(--confetti-x);background:var(--confetti-color);width:8px;height:15px;animation:play-confetti-fall 3s var(--confetti-delay) ease-in forwards;position:absolute}@keyframes play-confetti-fall{0%{opacity:1;transform:translateY(-30px)rotate(0)}to{transform:translateY(100dvh) rotate(var(--confetti-turn));opacity:0}}.play-share{padding-block:8px 14px}.play-share img{object-fit:contain;border:1px solid #ffffff40;border-radius:3px;width:108px;height:192px;margin:0 auto 12px;display:block}.play-share-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.play-share .play-secondary{margin-top:8px}.play-dialog .play-share-help,.play-dialog .play-share-status{margin:10px 0 0;font-size:11px;line-height:1.5}@media (prefers-reduced-motion:reduce){.play-confetti i{animation:none;display:none}}.play-game[data-view=sports]{min-height:560px}.play-game[data-view=sports] .play-canvas{visibility:hidden}.play-picker{max-width:1000px;margin:auto;padding:100px 40px 44px}.play-picker h2{font:600 clamp(32px,4vw,46px)/1.1 var(--serif);outline:none;margin:12px 0 28px}.play-picker-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.play-picker-options button{text-align:left;color:#fff;background:#1c3027;border:1px solid #ffffff45;gap:9px;min-height:145px;padding:23px;display:grid}.play-picker-options button:first-child{border-color:var(--yellow);background:#f6d01d0d}.play-picker-options button:first-child:hover{background:#f6d01d20}.play-picker-options strong{font-size:29px;font-weight:800}.play-picker-options span{color:#c1cfc4;font-size:12px}.play-picker-options small{color:var(--yellow);font-size:10px}.play-picker-options button:disabled{cursor:default;opacity:.55}.play-picker-options button:disabled small{color:#c1cfc4}.play-back{color:#e5e9df;text-underline-offset:4px;background:0 0;border:0;padding:0 0 16px;font-size:11px;text-decoration:underline}.play-reward-rule{color:#9ee9ec;margin-top:10px;font-size:12px}.play-hud{gap:16px}.play-hud .play-diamond-counter{border-color:#75e0e8}.play-hud .play-diamond-counter strong{color:#9ee9ec}.play-next-transition{border-bottom:1px solid #ffffff30;padding:8px 0 16px}.play-next-transition>p{color:var(--yellow);font-weight:700}.play-next-transition .play-primary{margin-top:10px}@media (width<=600px){.play-picker{padding:94px 20px 28px}.play-picker-options{gap:10px}.play-picker-options button{min-height:145px;padding:17px 13px}.play-picker-options strong{font-size:25px}.play-hud{gap:5px}.play-hud>div{padding:6px}.play-hud strong{font-size:17px}.play-hud>div>span{letter-spacing:0;font-size:8px}}.play-life-reward{color:#9ee9ec;pointer-events:none;background:#142720ee;border:1px solid #9ee9ec;border-radius:4px;padding:10px 20px;font-size:18px;font-weight:800;position:absolute;top:225px;left:50%;transform:translate(-50%)}.play-topbar-right{pointer-events:auto;align-items:center;gap:8px;display:flex}.play-tool[aria-pressed=true]{border-color:var(--yellow);color:var(--yellow)}@media (width<=600px){.play-game.is-playing .play-brand span{display:none}.play-topbar-right{gap:6px}}