:root{--ink: #fffaf0;--muted: #b6bed7;--night: #050711;--club: #101427;--cyan: #36f2ff;--pink: #ff4f9f;--lime: #ccff45;--sun: #ffd84d;--violet: #6d5cff;color:var(--ink);background:var(--night);font-family:Trebuchet MS,Avenir Next,Gill Sans,sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100vh;min-height:100dvh;overflow-x:hidden;background:radial-gradient(circle at 12% 18%,rgba(54,242,255,.28),transparent 19rem),radial-gradient(circle at 87% 14%,rgba(255,79,159,.3),transparent 20rem),radial-gradient(circle at 62% 92%,rgba(204,255,69,.16),transparent 24rem),linear-gradient(135deg,#060713,#111329 52%,#080a12)}body:before{background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:42px 42px;content:"";inset:0;-webkit-mask-image:linear-gradient(to bottom,black,transparent 85%);mask-image:linear-gradient(to bottom,black,transparent 85%);pointer-events:none;position:fixed}.shell{display:grid;gap:8px;justify-items:center;margin:0 auto;max-width:1120px;min-height:100dvh;padding:10px 10px 12px;position:relative}.shell:before,.shell:after{border:2px solid rgba(255,255,255,.18);border-radius:999px;content:"";height:84px;pointer-events:none;position:absolute;rotate:-11deg;width:260px}.shell:before{border-color:#36f2ff52;left:-110px;top:132px}.shell:after{border-color:#ffd84d3d;bottom:54px;right:-120px}.start-screen{align-items:center;background:radial-gradient(circle at 15% 18%,rgba(54,242,255,.28),transparent 17rem),radial-gradient(circle at 86% 10%,rgba(255,79,159,.32),transparent 19rem),#050711f5;display:grid;inset:0;justify-items:center;padding:18px;position:fixed;z-index:10}.start-screen.is-hidden{display:none}.start-card{background:linear-gradient(135deg,#ffffff21,#ffffff0b),#080a16c7;border:2px solid rgba(255,255,255,.2);border-radius:34px;box-shadow:0 28px 100px #00000080;display:grid;gap:16px;justify-items:center;max-height:calc(100dvh - 28px);max-width:760px;overflow:auto;padding:clamp(20px,4vw,38px);text-align:center;width:min(100%,760px)}.game-brand{align-items:center;display:flex;gap:10px;justify-content:space-between;max-width:896px;width:min(100%,896px)}.game-brand .eyebrow{margin:0}.start-copy{max-width:880px;padding:0;position:relative;text-align:center}.eyebrow{color:var(--lime);display:inline-block;font-size:.82rem;font-weight:900;letter-spacing:.22em;margin:0 0 10px;text-transform:uppercase;text-shadow:0 0 14px rgba(204,255,69,.5)}h1{color:var(--ink);font-size:clamp(3rem,9vw,7.6rem);letter-spacing:-.07em;line-height:.82;margin:0;text-transform:uppercase;text-shadow:0 5px 0 #23264f,0 10px 0 rgba(255,79,159,.46),0 0 28px rgba(54,242,255,.38)}.start-copy{color:var(--muted);font-size:clamp(1rem,2vw,1.18rem);font-weight:700;line-height:1.45;margin:22px auto 0;max-width:720px}.start-button,.secondary-button,.mini-menu-button{appearance:none;background:linear-gradient(135deg,var(--lime),var(--sun));border:0;border-radius:999px;color:#101427;cursor:pointer;font:1000 1rem Trebuchet MS,Avenir Next,sans-serif;letter-spacing:.08em;padding:13px 24px;text-transform:uppercase}.secondary-button{background:#ffffff14;border:2px solid rgba(54,242,255,.5);color:var(--ink);padding:11px 20px}.mini-menu-button{font-size:.72rem;padding:8px 12px}.brand-actions{display:inline-flex;gap:8px}.start-tip{color:#dbeafe;font-size:.88rem;font-weight:900;letter-spacing:.08em;margin:0;text-transform:uppercase}.start-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.character-picker{align-items:center;background:linear-gradient(135deg,#ffffff21,#ffffff0b),#080a16bd;border:2px solid rgba(255,255,255,.18);border-radius:28px;box-shadow:inset 0 1px #ffffff38,0 24px 80px #00000057;display:flex;flex-wrap:wrap;gap:12px;justify-content:center;padding:10px}.character-card{align-items:center;appearance:none;background:#161a33;border:0;border-radius:22px;color:var(--ink);cursor:pointer;display:inline-flex;font:900 1rem Trebuchet MS,Avenir Next,sans-serif;gap:10px;min-width:132px;padding:9px 16px 9px 10px;position:relative;text-transform:uppercase;transition:box-shadow .16s ease,transform .16s ease,background .16s ease}.character-card:after{border:2px solid rgba(255,255,255,.2);border-radius:inherit;content:"";inset:3px;pointer-events:none;position:absolute}.character-card:hover,.character-card:focus-visible{box-shadow:0 0 0 4px #36f2ff2e;outline:none;transform:translateY(-2px) rotate(-1deg)}.character-card.is-selected{background:linear-gradient(135deg,var(--pink),var(--violet) 48%,var(--cyan));box-shadow:0 0 0 3px #ffd84df2,0 16px 34px #ff4f9f57}.character-preview{background-repeat:no-repeat;background-size:120px 30px;border:2px solid rgba(255,255,255,.5);border-radius:12px;display:inline-block;height:34px;image-rendering:pixelated;width:34px}[data-character=anna] .character-preview{background-image:url(/assets/anna-mouth-sheet-transparent-BYNjLlzl.png)}[data-character=luka] .character-preview{background-image:url(/assets/luka-mouth-sheet-transparent-D4soFG1T.png)}[data-character=loulou] .character-preview{background-image:url(/assets/loulou-mouth-sheet-transparent-C1Izl_02.png)}canvas{background:#090b18;border:4px solid rgba(54,242,255,.78);border-radius:28px;box-shadow:0 0 0 8px #ff4f9f1f,0 24px 90px #00000094,0 0 42px #36f2ff3d;height:auto;image-rendering:pixelated;max-width:100%;touch-action:none;-webkit-user-select:none;user-select:none;width:min(100%,896px,calc((100dvh - 74px)*1.555))}.help-screen,.modal-screen{align-items:center;background:radial-gradient(circle at 20% 10%,rgba(204,255,69,.2),transparent 18rem),radial-gradient(circle at 82% 24%,rgba(54,242,255,.22),transparent 18rem),#03050eeb;display:grid;inset:0;justify-items:center;padding:14px;position:fixed;z-index:20}.help-screen.is-hidden,.modal-screen.is-hidden{display:none}.help-card,.modal-card{background:linear-gradient(145deg,#ffffff21,#ffffff0b),#080a16eb;border:2px solid rgba(54,242,255,.32);border-radius:30px;box-shadow:0 24px 90px #0000008c;display:grid;gap:16px;max-height:calc(100dvh - 28px);max-width:920px;overflow:auto;padding:clamp(18px,3vw,34px);width:min(100%,920px)}.modal-card{max-width:780px;width:min(100%,780px)}.help-card .start-button,.modal-card .start-button{justify-self:center}.help-card h2,.modal-card h2{color:var(--ink);font-size:clamp(2rem,6vw,4.6rem);letter-spacing:-.06em;line-height:.9;margin:0;text-transform:uppercase}.settings-list{display:grid;gap:12px}.toggle-row{align-items:center;background:#ffffff12;border:1px solid rgba(255,255,255,.13);border-radius:20px;display:flex;gap:16px;justify-content:space-between;padding:14px}.toggle-row span{display:grid;gap:4px}.toggle-row strong{color:var(--lime);font-size:.96rem;letter-spacing:.08em;text-transform:uppercase}.toggle-row small{color:#dbeafe;font-size:.88rem;font-weight:800;line-height:1.3}.toggle-row input{accent-color:var(--lime);height:26px;min-width:26px;width:26px}.score-board{display:grid;gap:12px}.score-table{background:#ffffff12;border:1px solid rgba(255,255,255,.13);border-radius:20px;overflow:hidden}.score-table h3{background:#36f2ff1f;color:var(--lime);font-size:.92rem;letter-spacing:.12em;margin:0;padding:12px 14px;text-transform:uppercase}.score-table table{border-collapse:collapse;width:100%}.score-table th,.score-table td{border-top:1px solid rgba(255,255,255,.1);color:#f8fafc;font-size:.9rem;font-weight:900;padding:10px 12px;text-align:left}.score-table th{color:#93c5fd;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase}.score-loading{color:#dbeafe;font-weight:900}.help-grid{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.help-grid article{background:#ffffff12;border:1px solid rgba(255,255,255,.13);border-radius:18px;display:grid;gap:7px;padding:12px}.help-grid strong{color:var(--lime);font-size:.9rem;letter-spacing:.08em;text-transform:uppercase}.help-grid span{color:#dbeafe;font-size:.95rem;font-weight:700;line-height:1.35}.controls-note{color:#dbeafe;font-size:.92rem;font-weight:900;letter-spacing:.08em;margin:0;text-align:center;text-transform:uppercase}@media(max-width:720px){body{overflow:hidden}.shell{align-content:start;gap:6px;padding:6px}.shell:before,.shell:after{display:none}.start-screen{padding:10px}.start-card{border-radius:24px;gap:12px;padding:16px 12px}.start-card h1{font-size:clamp(2.35rem,14vw,4.4rem);letter-spacing:-.08em}.start-copy{font-size:.96rem;margin:0}.game-brand{padding-inline:4px}.brand-actions{gap:6px}.mini-menu-button{font-size:.64rem;padding:8px 10px}.character-picker{border-radius:22px;gap:8px;padding:8px;width:100%}.character-card{flex:1 1 96px;font-size:.82rem;justify-content:center;min-width:0;padding:7px}.character-preview{height:28px;width:28px}canvas{border-radius:18px;border-width:3px;box-shadow:0 0 0 4px #ff4f9f1f,0 14px 42px #00000080;width:min(calc(100vw - 12px),calc((100dvh - 62px)*.643))}.controls-note{font-size:.64rem;line-height:1.2;max-width:calc(100vw - 18px)}.help-card,.modal-card{border-radius:24px;gap:12px;padding:16px 12px}.toggle-row{align-items:start;padding:11px}.score-card{max-height:calc(100dvh - 20px)}.score-table th,.score-table td{font-size:.78rem;padding:8px}.help-grid{grid-template-columns:1fr}.help-grid article{padding:10px}.help-grid span{font-size:.88rem}}@media(max-height:620px){.controls-note{display:none}canvas{width:min(calc(100vw - 12px),calc((100dvh - 42px)*.643))}}