:root{--bg: #1a2510;--bg-grid: #223116;--panel: #2a3c1e;--panel-alt: #314826;--border: #f6dc6b;--text: #fff7d4;--muted: #c8d79b;--success: #66ff7a;--warning: #ffd166;--danger: #ff5d7d;--accent-1: #ff9f43;--accent-2: #f4e37d;--accent-3: #93b45f;--pixel-shadow: 0 4px 0 #10180a, 0 8px 0 #0a1006;--inset-shadow: inset 0 0 0 2px #4f6b33;--scanline-opacity: .1;--border-width: 3px;--space-1: .45rem;--space-2: .7rem;--space-3: 1rem;--space-4: 1.4rem;--radius-soft: 6px;font-family:"Press Start 2P",Courier New,monospace;line-height:1.5;color:var(--text)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;color:var(--text);background:linear-gradient(180deg,#0000 50%,rgba(255,255,255,var(--scanline-opacity)) 50%) 0 0 / 100% 4px,radial-gradient(circle at 18% 12%,#5a7b2f 0%,transparent 40%),radial-gradient(circle at 86% 8%,#6d8f3b 0%,transparent 38%),linear-gradient(180deg,var(--bg-grid) 0%,var(--bg) 65%);position:relative;overflow-x:hidden}body:before{content:"";position:fixed;top:1.75rem;left:1.75rem;width:min(48vw,660px);aspect-ratio:1 / 1;background:url(/assets/duck-sprite-Lrav54rl.gif) center / contain no-repeat;image-rendering:pixelated;opacity:.12;filter:saturate(.7) contrast(1.05);transform:scaleX(-1);transform-origin:center;pointer-events:none;z-index:-1}.layout{max-width:1100px;margin:0 auto;padding:var(--space-4) var(--space-3) 1.2rem;display:grid;gap:var(--space-3)}.create-layout{min-height:100dvh;grid-template-rows:auto 1fr;align-content:stretch}.create-form-shell{min-height:0;display:grid;grid-template-rows:1fr auto;padding-bottom:max(12px,env(safe-area-inset-bottom))}.create-duck-hero{display:grid;place-items:center;pointer-events:none}.create-duck-hero:before{content:"";width:min(36vw,180px);aspect-ratio:1 / 1;background:url(/assets/duck-sprite-Lrav54rl.gif) center / contain no-repeat;image-rendering:pixelated;opacity:.16;filter:saturate(.7) contrast(1.05);transform:scaleX(-1)}.create-race-form{min-height:0;height:auto;display:grid;gap:.55rem;border-radius:var(--radius-soft)}.create-race-form-body{display:grid;gap:.55rem}.create-race-form-body h2{font-size:1.05rem;text-align:center}.create-race-submit{position:static;width:100%}body.create-page:before{display:none}h1,h2,h3{margin:0;line-height:1.25;color:var(--accent-2);text-shadow:0 2px 0 #000}h1{font-size:1.1rem;letter-spacing:.06em}h2{font-size:.9rem}h3{font-size:.76rem;color:var(--warning)}p,label,span,li,strong{font-size:.75rem}.page-header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-2);background:var(--panel-alt);border:var(--border-width) solid var(--accent-3);padding:var(--space-2) var(--space-3);box-shadow:var(--pixel-shadow)}.hud-chip{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .5rem;border:2px solid var(--border);background:#27381c;color:var(--warning);border-radius:var(--radius-soft)}.header-actions{display:flex;align-items:center;flex-wrap:wrap;gap:.45rem}.header-actions .hud-chip{text-decoration:none;cursor:pointer}.panel{background:var(--panel);border:var(--border-width) solid var(--border);box-shadow:var(--pixel-shadow),var(--inset-shadow);padding:var(--space-3)}.form,.form-row{display:grid;gap:.55rem;min-width:0}.form-row-split{grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;min-width:0}.form-row-split>*{min-width:0}.field-group{display:grid;gap:.35rem;min-width:0}.form-label-hint{font-size:.62rem;color:var(--muted)}textarea,input,button,select{font:inherit}textarea,input,select{width:100%;max-width:100%;min-width:0;border:3px solid #688545;background:#1d2a13;color:var(--text);padding:.6rem .75rem;border-radius:var(--radius-soft)}input[type=datetime-local]{color-scheme:dark;position:relative;max-width:100%;min-width:0;overflow:hidden}input[type=datetime-local]::-webkit-calendar-picker-indicator{background:linear-gradient(180deg,#f4e37d,#ffd166);border:2px solid #7d5a1f;box-shadow:2px 2px #4f3814;border-radius:0;padding:.1rem;cursor:pointer;filter:saturate(1.2) contrast(1.1)}input[type=datetime-local]::-webkit-datetime-edit{color:var(--text)}input[type=datetime-local]::-webkit-datetime-edit-fields-wrapper{color:var(--text)}input[type=datetime-local]::-webkit-inner-spin-button,input[type=datetime-local]::-webkit-clear-button{display:none}button,.share-actions a{border:3px solid #7d5a1f;background:var(--accent-2);color:#2c1f0b;font-weight:700;border-radius:var(--radius-soft);padding:.55rem .85rem;cursor:pointer;box-shadow:0 3px #4f3814;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}button:hover,.share-actions a:hover{transform:translateY(1px);box-shadow:0 2px #4f3814}button:active,.share-actions a:active{transform:translateY(2px);box-shadow:0 1px #4f3814}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,.share-actions a:focus-visible{outline:3px solid var(--accent-1);outline-offset:1px}button:disabled{cursor:not-allowed;opacity:.45}.error{border:var(--border-width) solid var(--danger);background:#4a1b1f;color:#ffd3d0;padding:.75rem;box-shadow:inset 0 0 0 2px #6f2f34}.share-row{display:grid;grid-template-columns:70px 1fr auto;gap:var(--space-2);align-items:center;padding:.45rem 0}.share-row>*{min-width:0}.share-actions{display:flex;flex-wrap:wrap;gap:.45rem}code{display:block;max-width:100%;white-space:normal;overflow-wrap:anywhere;word-break:break-word;font-size:.68rem;color:var(--warning);background:#1b2712;border:2px solid #5f7a3a;padding:.3rem .45rem}.controls{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem}.replay-speed-group{margin-left:auto;display:inline-flex;align-items:center;gap:.45rem}.replay-speed-group label{color:var(--muted)}.replay-speed-group select{width:auto;min-width:88px}.status-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.5rem;margin:.55rem 0 .8rem}.status-item{border:2px solid #5f7a3a;background:#223116;padding:.45rem .55rem}.status-item strong{color:var(--warning)}.race-track{display:grid;gap:.65rem;margin:.8rem 0}.race-lane{display:grid;grid-template-columns:minmax(120px,170px) 1fr;align-items:center;gap:.65rem}.lane-name{font-size:.72rem;color:var(--accent-2);text-shadow:0 1px 0 #000}.lane-track{position:relative;min-height:46px;border:3px solid #6b8a45;background:repeating-linear-gradient(90deg,#1f2e13 0,#1f2e13 12px,#293c1a 12px,#293c1a 24px),linear-gradient(0deg,#1a2710,#344a23)}.finish-line{position:absolute;right:8px;top:3px;bottom:3px;width:12px;border:2px solid #000;background:repeating-linear-gradient(180deg,#fff 0,#fff 5px,#121212 5px,#121212 10px)}.duck-sprite{position:absolute;top:50%;width:32px;height:32px;transform:translate(-50%,-50%) scaleX(-1);transition:left .18s steps(4,end);image-rendering:pixelated;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' shape-rendering='crispEdges' viewBox='0 0 24 24'%3E%3Cpath fill='%23000000' d='M3 8h11v1h2v1h3v3h-1v2h-2v2h-5v3H5v-2H3z'/%3E%3Cpath fill='%23FFE27A' d='M4 9h10v1h2v1h2v2h-1v1h-2v2h-5v3H6v-1H4z'/%3E%3Cpath fill='%23FFD447' d='M7 18h3v1H7zM8 8h5v1H8z'/%3E%3Cpath fill='%23FF9B32' d='M18 11h2v1h-2zM17 12h2v1h-2z'/%3E%3Cpath fill='%23FFFFFF' d='M12 10h2v2h-2z'/%3E%3Cpath fill='%23141414' d='M13 10h1v1h-1z'/%3E%3Cpath fill='%23E7B64A' d='M9 15h4v1H9z'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;filter:drop-shadow(2px 2px 0 #000)}.live-stage{padding:1rem}.live-stage-header{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.live-race-main{margin:.7rem 0;padding:.6rem;border:3px solid #6f8e49;background:#1a2610}.live-stage .race-lane{grid-template-columns:minmax(120px,180px) 1fr}.live-stage .lane-track{min-height:90px}.live-stage .duck-sprite{width:72px;height:72px;animation:duck-walk .26s steps(2,end) infinite;background-image:url(/assets/duck-sprite-Lrav54rl.gif);background-size:100% 100%;filter:drop-shadow(4px 4px 0 #000)}.live-race-kpi{display:grid;grid-template-columns:repeat(3,minmax(130px,1fr));gap:.45rem}.live-stage input[type=range]{width:100%;margin:.85rem 0 .55rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:14px;border:3px solid #6f8e49;background:linear-gradient(180deg,#223116,#2f4520),repeating-linear-gradient(90deg,rgba(0,0,0,.22) 0,rgba(0,0,0,.22) 8px,transparent 8px,transparent 16px);box-shadow:inset 0 0 0 2px #1a2610;border-radius:0;cursor:pointer}.live-stage input[type=range]::-webkit-slider-runnable-track{height:8px;background:linear-gradient(90deg,#f4e37d,#ffd166);border:1px solid #7d5a1f}.live-stage input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;margin-top:-6px;background:#ff9f43;border:3px solid #2c1f0b;box-shadow:2px 2px #4f3814}.live-stage input[type=range]::-moz-range-track{height:8px;background:linear-gradient(90deg,#f4e37d,#ffd166);border:1px solid #7d5a1f}.live-stage input[type=range]::-moz-range-thumb{width:18px;height:18px;background:#ff9f43;border:3px solid #2c1f0b;box-shadow:2px 2px #4f3814;border-radius:0}.live-stage input[type=range]:focus-visible{outline:3px solid #f6dc6b;outline-offset:2px}.leaderboard{margin-top:.8rem;padding:.75rem;border:3px solid #ffd84f;background:#2a3c1e}.leaderboard ol{margin:.5rem 0 0}.leaderboard li{font-size:.78rem;color:#ffe99f}.tech-muted{margin-top:.8rem;display:grid;gap:.2rem;color:var(--muted);opacity:.75}.tech-muted small{font-size:.64rem}@keyframes duck-walk{0%{transform:translate(-50%,-50%) scaleX(-1) translateY(0)}to{transform:translate(-50%,-50%) scaleX(-1) translateY(-2px)}}ol{margin:.4rem 0 0;padding-left:1.3rem}li{margin:.35rem 0}@media (max-width: 640px){.layout{padding-top:1rem}.page-header{flex-direction:column;align-items:flex-start}.header-actions{width:100%}.share-row{grid-template-columns:1fr}.share-actions{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.share-actions a,.share-actions button{width:100%}.form-row-split{grid-template-columns:1fr}.race-lane{grid-template-columns:1fr;gap:.4rem}.lane-track{min-height:40px}.live-stage .lane-track{min-height:64px}.live-stage .duck-sprite{width:52px;height:52px}.live-race-kpi{grid-template-columns:1fr}.replay-speed-group{margin-left:0}}.app-shell{width:100vw;min-height:100dvh;height:100dvh;display:grid;place-items:center;padding:12px;background:radial-gradient(circle at 10% 15%,rgba(227,255,190,.24) 0%,transparent 38%),radial-gradient(circle at 84% 12%,rgba(255,245,178,.18) 0%,transparent 34%),linear-gradient(180deg,#132012,#0a1407);overflow:hidden}.game-container{position:relative;display:grid;grid-template-rows:auto 1fr;border:3px solid #ffe070;background:linear-gradient(180deg,#1b2b14,#101b0c);box-shadow:0 8px 30px #00000080,inset 0 0 0 2px #476531;overflow:hidden}.game-container-header{display:flex;justify-content:space-between;align-items:center;gap:.5rem;padding:.55rem .65rem;border-bottom:2px solid #5f7a3a;background:#0c1209d9;z-index:5}.game-container-header h1{font-size:.92rem;letter-spacing:.04em;color:#ffe99f}.game-container-actions{display:inline-flex;gap:.3rem}.game-container-actions .hud-chip{font-size:.74rem;padding:.16rem .35rem}.game-container-body{min-height:0;display:grid}.portrait-required{width:min(94vw,440px);padding:1.25rem;border:3px solid #ffe070;background:#132012;text-align:center}.portrait-required h1{font-size:1.04rem}.state-message{margin:auto;font-size:.95rem}.immersive-board{min-height:0;display:grid;grid-template-rows:1fr auto}.immersive-footer{border-top:2px solid #4f6d35;background:#080e06eb;padding:.45rem .6rem;display:grid;gap:.35rem}.immersive-footer p{margin:0;font-size:.8rem}.immersive-controls{display:inline-flex;align-items:center;gap:.3rem;flex-wrap:wrap}.immersive-controls button,.immersive-controls select{padding:.3rem .45rem;font-size:.74rem}.immersive-controls label{font-size:.74rem}.immersive-footer input[type=range]{width:100%;margin:0}.immersive-final-order{margin:0;padding-left:1rem}.immersive-final-order li{margin:.08rem 0;font-size:.74rem}.race-viewport{position:relative;width:100%;height:100%;overflow:hidden;background:radial-gradient(circle at 20% 10%,rgba(191,230,141,.2) 0%,transparent 44%),repeating-linear-gradient(180deg,rgba(0,0,0,.07) 0,rgba(0,0,0,.07) 28px,transparent 28px,transparent 56px),linear-gradient(180deg,#1f3416,#1b2f13)}.race-canvas-host{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.race-canvas-host canvas{display:block;width:100%;height:100%}.race-world{position:absolute;top:0;right:0;bottom:0;left:0;transform:translateZ(0);will-change:transform}.race-world:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(180deg,#ffffff0a 0,#ffffff0a 48px,#00000017 48px,#00000017 96px);opacity:.28;pointer-events:none}.race-hud{position:absolute;top:8px;left:8px;right:8px;display:flex;justify-content:space-between;align-items:center;gap:.3rem;z-index:10;pointer-events:none}.race-hud-left{display:inline-flex;gap:.25rem;flex-wrap:wrap}.race-hud-right strong{font-size:.78rem;padding:.2rem .45rem;border-radius:999px;background:#00000080}.race-hud-chip{font-size:.74rem;border-radius:999px;padding:.16rem .45rem;background:#00000080;border:1px solid rgba(255,232,155,.6)}.race-hud-muted{opacity:.75}.race-progress-mini{position:absolute;left:8px;right:8px;top:36px;height:6px;border:1px solid #70924c;background:#0006;z-index:10;overflow:hidden}.race-progress-mini-fill{width:100%;height:100%;transform-origin:left center;background:linear-gradient(90deg,#fbe88f,#ffad4d)}.race-sound-toggle{position:absolute;top:48px;left:8px;z-index:13;font-size:.54rem;padding:.16rem .45rem;border-radius:999px;border:1px solid rgba(255,232,155,.6);background:#00000080;color:#fff7d4;box-shadow:none}.race-sound-toggle:hover{transform:none}.race-event-overlay{position:absolute;top:48px;left:50%;transform:translate(-50%);z-index:12;font-size:.78rem;padding:.24rem .5rem;border-radius:999px;border:1px solid rgba(255,225,154,.8);background:#10140abf;max-width:calc(100% - 24px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.race-countdown-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:14;display:grid;place-items:center;font-size:clamp(4rem,22vw,7rem);line-height:1;font-weight:700;color:#fff7d4;text-shadow:0 2px 0 #000,0 0 20px rgba(255,220,107,.35);background:radial-gradient(circle,#00000038,#0000 62%);pointer-events:none}.race-hidden-indicator{position:absolute;right:8px;top:48px;z-index:12;font-size:.72rem;padding:.18rem .4rem;border-radius:999px;background:#0c1209b8}.winner-modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:30;display:flex;align-items:center;justify-content:center;padding:14px;background:#0000008f}.winner-modal{width:min(100%,360px);margin-inline:auto;border:3px solid #f6dc6b;background:linear-gradient(180deg,#1c2f13,#13210d);box-shadow:0 10px 28px #00000080;padding:.85rem;display:grid;gap:.45rem}.winner-modal h2{font-size:.8rem;color:#ffe99f}.winner-modal p{margin:0;font-size:.68rem}.winner-modal-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem}.winner-modal-actions button{width:100%;font-size:.62rem}.intro-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:1rem;background:#00000094}.intro-modal{width:min(96vw,620px);margin-inline:auto;border:3px solid #f6dc6b;background:linear-gradient(180deg,#1e3314,#15220f);box-shadow:0 12px 32px #0000008c;padding:1rem;display:grid;gap:.55rem}.intro-modal h2{font-size:.86rem;color:#ffe99f;margin:0}.intro-modal p{margin:0;font-size:.7rem}.create-page-header{display:flex;align-items:center;justify-content:space-between;gap:.6rem}.create-brand{display:grid;gap:.08rem}.create-brand-main{display:block;font-size:1.3rem}.create-brand-mention{display:block;font-size:.56rem;color:var(--muted)}.create-page-actions{display:inline-flex;align-items:center;gap:.45rem}.create-lang-field{display:inline-flex;align-items:center;gap:.35rem;font-size:.62rem;color:var(--muted)}.create-lang-field select{width:auto;min-width:126px;padding:.35rem .45rem}.help-icon-button{width:32px;height:32px;min-width:32px;padding:0;border-radius:999px;border:2px solid #f6dc6b;background:#2b3d1f;color:#ffe99f;font-size:.88rem;font-weight:700;box-shadow:none}.help-icon-button:hover{transform:none}@media (max-width: 640px){.create-page-header{align-items:center;flex-direction:row}.create-page-actions{width:auto;justify-content:flex-end}}.race-finish-banner{position:absolute;left:0;right:0;height:30px;display:grid;place-items:center;font-size:.8rem;letter-spacing:.06em;color:#2b1e0f;background:repeating-linear-gradient(90deg,#fff 0,#fff 12px,#131313 12px,#131313 24px)}.race-marker{position:absolute;left:0;right:0;border-top:1px dashed rgba(250,233,158,.45)}.race-marker span{position:absolute;right:8px;top:-8px;font-size:.68rem;padding:.04rem .25rem;background:#0a0f088c}.duck-group{position:absolute;left:0;top:0;will-change:transform}.duck-name{position:absolute;left:0;transform:translate(-50%);top:calc(var(--duck-size, 72px) / 2 + 2px);font-size:var(--duck-label-size, 13px);padding:2px 6px;border-radius:999px;background:#00000073;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:var(--duck-label-max, 120px);z-index:2}.duck-group .duck-sprite{position:absolute;left:0;top:0;width:var(--duck-size, 72px);height:var(--duck-size, 72px);transform:translate(-50%,-50%) scaleX(-1);image-rendering:pixelated;background-image:url(/assets/duck-sprite-Lrav54rl.gif);background-size:cover;background-repeat:no-repeat;filter:drop-shadow(3px 4px 0 rgba(0,0,0,.6));animation:duck-walk .28s steps(2,end) infinite}@media (max-width: 900px) and (pointer: coarse){.app-shell{padding:0}.game-container{width:100vw!important;height:100dvh!important;border:0;box-shadow:none}.game-container-header{padding:.52rem}.game-container-actions{gap:.22rem}.race-progress-mini{top:34px}}