:root{color-scheme:light;--safe-top: calc(18px + env(safe-area-inset-top)) ;--safe-right: calc(18px + env(safe-area-inset-right)) ;--safe-bottom: calc(18px + env(safe-area-inset-bottom)) ;--safe-left: calc(18px + env(safe-area-inset-left)) ;--ink: #30281f;--muted: rgba(48, 40, 31, .68);--cream: #fff5de;--paper: #ffe9bc;--parchment: #f8d89d;--wood: #6b351a;--wood-dark: #2b190f;--coral: #ff7462;--coral-deep: #df5646;--sage: #78b47b;--sage-deep: #4d815e;--blue: #5eb7df;--gold: #ffc746;--white: #fffaf0;--glass: rgba(63, 78, 56, .72);--line: rgba(255, 255, 255, .22);--shadow: 0 18px 54px rgba(74, 42, 22, .22);--focus-ring: rgba(255, 199, 70, .58);--press-shadow: 0 5px 12px rgba(50, 24, 12, .18);--font: Nunito, ui-rounded, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;min-height:100%;overflow:hidden;overscroll-behavior:none;background:#25150e;color:var(--white);font-family:var(--font);font-weight:800;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;background:linear-gradient(180deg,#1f120a14,#1f120a3d),url(/assets/sensei-rps/dojo-table.jpg) center / cover no-repeat}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:radial-gradient(circle at 50% 46%,#ffeeb638,#ffeeb600 34%),linear-gradient(90deg,#170c073d,#170c0700 22%,#170c0700 78%,#170c073d)}button,input{font:inherit}button{border:0;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}button:disabled{cursor:not-allowed;filter:saturate(.65);opacity:.55}button:focus-visible,input:focus-visible{outline:3px solid rgba(255,255,255,.92);outline-offset:3px;box-shadow:0 0 0 6px var(--focus-ring),var(--press-shadow)}#scene{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;width:100vw;height:100dvh;display:block;opacity:.28;pointer-events:none}.game-shell{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;padding:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left)}.glass{background:linear-gradient(180deg,#ffe8b8f5,#e1ab66eb),var(--parchment);border:2px solid rgba(89,45,21,.45);border-radius:18px;box-shadow:0 14px #4a26142e,var(--shadow),inset 0 2px #ffffffb8,inset 0 -5px #723c1b29;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.topbar,.scorebar,.choice-pad,.history-card,.quick-chat,.toast{position:absolute;pointer-events:auto}.topbar{inset-block-start:var(--safe-top);inset-inline-start:var(--safe-left);display:grid;grid-template-columns:minmax(150px,1fr) auto;align-items:center;gap:12px;width:min(445px,calc(100vw - var(--safe-left) - var(--safe-right)));padding:16px;color:#44230f}.eyebrow,.panel-title,.field-label,.kicker{display:block;color:#482714b8;font-size:.78rem;letter-spacing:0;text-transform:uppercase}#roomCode{display:block;margin-block-start:4px;padding:10px 12px;border-radius:12px;color:var(--white);background:linear-gradient(180deg,#522a17,#32180e);font-size:1.65rem;line-height:1;box-shadow:inset 0 2px #ffffff29}.room-actions,.lobby-actions{display:flex;align-items:center;gap:8px}.icon-button,.danger-button,.good-button,.secondary-button,.primary-button,.ghost-button{min-height:44px;border-radius:14px;color:var(--white);box-shadow:inset 0 -4px #0000002b,var(--press-shadow);transition:transform .15s ease,filter .15s ease,box-shadow .15s ease}.icon-button{min-width:44px;color:#44230f;background:linear-gradient(180deg,#fff0c9,#d9a76a)}.copy-button{font-size:1.18rem;line-height:1}.audio-button{font-size:.88rem}.audio-button.is-muted{color:#44230f80;background:linear-gradient(180deg,#e4c293,#ac7c48);text-decoration:line-through}.danger-button,.primary-button{padding-inline:18px;background:linear-gradient(180deg,var(--coral),var(--coral-deep))}.good-button,.secondary-button{padding-inline:18px;background:linear-gradient(180deg,#7e9f53,#416b38)}.ghost-button{width:100%;margin-block-start:10px;color:#31523f;background:#fffaf0db}.icon-button:active,.danger-button:active,.good-button:active,.secondary-button:active,.primary-button:active,.ghost-button:active,.choice-button:active{transform:translateY(2px);filter:brightness(.96)}@media (hover: hover) and (pointer: fine){.icon-button:not(:disabled):hover,.danger-button:not(:disabled):hover,.good-button:not(:disabled):hover,.secondary-button:not(:disabled):hover,.primary-button:not(:disabled):hover,.ghost-button:not(:disabled):hover{transform:translateY(-1px);filter:brightness(1.045) saturate(1.04);box-shadow:inset 0 -4px #0000002b,0 10px 18px #32180c38}}.scorebar{inset-block-start:var(--safe-top);inset-inline:50% auto;transform:translate(-50%);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;width:min(610px,calc(100vw - 390px));min-width:420px;padding:12px 16px;color:#482714;background:linear-gradient(180deg,#ffe6b1fa,#d4964ef5),var(--parchment);border-color:#582b1380}.score-side{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px;align-items:center;min-height:58px;padding:10px 16px;border-radius:18px;background:linear-gradient(180deg,#d95a42,#9f3828);box-shadow:inset 0 2px #ffffff40,inset 0 -5px #3c160d2e}.score-side-right{text-align:start;background:linear-gradient(180deg,#7e9f53,#426b38)}.score-side span{grid-column:1;min-width:0;overflow:hidden;color:#fffae6eb;text-overflow:ellipsis;white-space:nowrap}.score-side strong{grid-column:2;grid-row:1 / span 2;color:#fff4d3;font-size:2rem;line-height:1;text-shadow:0 3px 0 rgba(45,19,10,.16)}.score-pips{grid-column:1;display:flex;flex-wrap:wrap;gap:4px;min-width:0}.score-pip{inline-size:11px;block-size:11px;border-radius:50%;background:#371b0e38;box-shadow:inset 0 0 0 2px #fff8de2e}.score-pip.filled{background:var(--gold);box-shadow:0 0 10px #ffc74680,inset 0 0 0 2px #fff8de73}.round-chip{min-width:126px;padding:11px 16px;border-radius:16px;color:#fff5df;background:linear-gradient(180deg,#496c45,#2d4b35);text-align:center;box-shadow:0 6px #532b1442,inset 0 2px #fff3}.round-chip span,.round-chip strong{display:block}.round-chip span{color:#fffae6d1;font-size:.76rem;text-transform:uppercase}.round-chip strong{color:var(--white);font-size:.9rem}.duel{position:absolute;inset:48% 50% auto auto;transform:translate(50%,-50%);display:grid;grid-template-columns:minmax(210px,290px) minmax(230px,330px) minmax(210px,290px);align-items:center;gap:24px;width:min(980px,calc(100vw - 80px));pointer-events:auto}.duelist-card{display:grid;place-items:center;gap:18px;min-height:260px;padding:0 18px 20px;border:2px solid rgba(89,45,21,.45);border-radius:28px;text-align:center;box-shadow:0 18px #4926132b,0 30px 56px #1f100840,inset 0 2px #ffffff3d;transition:transform .26s ease,box-shadow .26s ease,filter .26s ease}.player-red{background:linear-gradient(180deg,#d5533cf5,#832c22ed)}.player-green{background:linear-gradient(180deg,#709148f5,#395b2fed)}.player-plate{display:grid;grid-template-columns:64px 1fr;align-items:center;gap:12px;inline-size:calc(100% + 24px);min-height:78px;margin-block-start:-22px;padding:10px 14px;border-radius:999px;color:var(--white);background:linear-gradient(180deg,#ffedbe38,#30150b29);box-shadow:inset 0 -4px #29130a2e;text-align:start}.player-plate>div{min-width:0}.avatar-badge{display:grid;place-items:center;inline-size:62px;block-size:62px;border:3px solid #e6b75a;border-radius:50%;color:#523018;background:radial-gradient(circle at 36% 28%,#fff5dc,#e6a85d 56%,#945228);box-shadow:0 8px 16px #2e13083d,inset 0 2px #ffffff80;font-size:1.35rem}.choice-reveal{position:relative;display:grid;place-items:center;inline-size:min(190px,88%);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 50% 48%,#fff6daf0,#ffde94db 55%,#9a4d1f38 56%),#fff6dacc;box-shadow:0 16px 26px #33180b3d,inset 0 0 0 9px #ffffff52,inset 0 -8px #60341724}.duelist-card strong{position:relative;z-index:2;display:grid;place-items:center;inline-size:100%;block-size:100%;margin:0;border-radius:50%;color:var(--ink);background:transparent;font-size:4.4rem;line-height:1;box-shadow:none}.choice-art{position:absolute;z-index:1;inline-size:82%;block-size:82%;object-fit:contain;opacity:0;transform:translateY(8px) scale(.74) rotate(-4deg);transition:opacity .22s ease,transform .3s cubic-bezier(.17,.9,.23,1.25);filter:drop-shadow(0 12px 12px rgba(51,24,11,.22))}.choice-art.show{opacity:1;transform:translateY(0) scale(1) rotate(0)}.choice-art.show+strong{opacity:0}.duelist-card p{min-height:22px;margin:0;overflow:hidden;color:#fffae6db;line-height:1.08}.duelist-label{display:block;min-width:0;overflow:hidden;color:#fffae6f0;font-size:1.08rem;text-overflow:ellipsis;white-space:nowrap;text-transform:uppercase}.duelist-card.locked{transform:translateY(-5px);box-shadow:0 18px #4926132b,0 30px 56px #1f100840,0 0 0 5px #ffda786b,inset 0 2px #ffffff3d}.duelist-card.winner{transform:translateY(-12px) scale(1.03);filter:saturate(1.12) brightness(1.05);box-shadow:0 18px #4926132b,0 30px 56px #1f100840,0 0 34px #ffd867ad,inset 0 2px #ffffff3d}.duelist-card.loser{transform:translateY(8px) scale(.97);filter:saturate(.74)}.duelist-card.tie{transform:scale(1.01);box-shadow:0 18px #4926132b,0 30px 56px #1f100840,0 0 26px #5eb7df75,inset 0 2px #ffffff3d}.versus-stage{min-height:260px;padding:26px 18px;border-radius:32px;text-align:center;background:radial-gradient(circle at 50% 38%,#fff4caf5,#ffd36370 39%,#ffd36314 62%,#ffd36300),#fff5de2e;box-shadow:inset 0 0 0 1px #ffffff57,0 18px 46px #42200f2b}.stage-pulse{display:grid;place-items:center;inline-size:104px;block-size:104px;margin:0 auto 18px;border-radius:50%;color:var(--white);background:linear-gradient(180deg,var(--coral),var(--coral-deep));font-size:2.25rem;box-shadow:0 0 0 9px #ffda6c38,0 18px 38px #7a2f2342}.stage-pulse.revealing{animation:pulse-stage .76s ease infinite alternate}.versus-stage strong{display:block;color:var(--ink);font-size:2.05rem;line-height:1;text-shadow:0 2px 0 rgba(255,255,255,.34)}.versus-stage p{margin:10px auto 0;max-width:280px;color:var(--muted);line-height:1.35}.choice-pad{inset-inline:50% auto;inset-block-end:var(--safe-bottom);transform:translate(-50%);display:grid;grid-template-columns:repeat(3,minmax(122px,1fr));gap:14px;width:min(620px,calc(100vw - 36px));padding:16px;border-radius:24px;background:linear-gradient(180deg,#7e421ff2,#3f1f10f5),var(--wood);border-color:#ffd68638;isolation:isolate}.choice-button{display:grid;place-items:center;gap:4px;min-height:142px;padding:12px 10px 14px;border-radius:28px;color:var(--white);background:linear-gradient(180deg,#c8543d,#953226);box-shadow:0 9px #351a0e59,inset 0 2px #ffffff47,inset 0 -7px #3a180d2e;text-transform:uppercase;transition:transform .16s ease,filter .16s ease,box-shadow .16s ease}.choice-button:nth-child(2){background:linear-gradient(180deg,#7e9f53,#446f39)}.choice-button:nth-child(3){background:linear-gradient(180deg,#4c91bd,#2e6388)}.choice-button-art{inline-size:min(94px,84%);block-size:78px;object-fit:contain;filter:drop-shadow(0 8px 7px rgba(48,22,10,.25));transition:transform .18s ease}.choice-button strong{color:#fff6df;font-size:1.12rem;text-shadow:0 2px 0 rgba(42,18,9,.22)}.choice-button.selected{filter:brightness(1.08);box-shadow:0 9px #351a0e59,0 0 0 5px #ffdf7a85,0 0 30px #ffdf7a73,inset 0 2px #ffffff52,inset 0 -7px #3a180d2e}@media (hover: hover) and (pointer: fine){.choice-button:not(:disabled):hover{transform:translateY(-3px);filter:brightness(1.06) saturate(1.06)}.choice-button:hover .choice-button-art{transform:translateY(-4px) scale(1.04)}}.history-card{inset-block-end:var(--safe-bottom);inset-inline-end:var(--safe-right);width:min(280px,calc(100vw - 36px));max-height:270px;padding:15px;overflow:hidden;color:#482714}.panel-title{display:flex;align-items:center;justify-content:space-between;margin-block-end:8px}.round-history{display:grid;gap:6px;list-style:none;padding:0;margin:0}.round-history li{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;min-height:34px;padding:7px 9px;border-radius:10px;background:#fff6da85;color:#482714db;font-size:.82rem}.quick-chat{inset-block-end:var(--safe-bottom);inset-inline-start:var(--safe-left);width:min(320px,calc(100vw - 36px));padding:14px;overflow:hidden;color:#482714}.chat-messages{display:grid;gap:6px;min-height:70px;list-style:none;padding:0;margin:0 0 10px}.chat-bubble,.chat-empty{display:grid;gap:2px;min-height:32px;padding:7px 9px;border-radius:12px;background:#fff6da99;color:#482714d1;font-size:.78rem}.chat-bubble.own{background:#ff74622e}.chat-bubble span{min-width:0;overflow:hidden;color:#48271494;font-size:.66rem;line-height:1;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.chat-bubble strong{min-width:0;overflow:hidden;color:#482714eb;font-size:.82rem;line-height:1.05;text-overflow:ellipsis;white-space:nowrap}.chat-empty{place-items:center start;color:#48271494}.quick-chat-buttons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.quick-chat-button{min-height:36px;padding:7px 6px;overflow:hidden;border-radius:11px;color:#482714e6;background:linear-gradient(180deg,#fffaf0f0,#ebc282e0);box-shadow:0 4px #502a1524,inset 0 1px #ffffffc2;font-size:.72rem;text-overflow:ellipsis;white-space:nowrap}.quick-chat-button:disabled{opacity:.45}.lobby-panel,.boot-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:5;display:grid;place-items:center;padding:calc(18px + env(safe-area-inset-top)) calc(18px + env(safe-area-inset-right)) calc(18px + env(safe-area-inset-bottom)) calc(18px + env(safe-area-inset-left));background:radial-gradient(circle at 58% 34%,#fffaf057,#fffaf000),linear-gradient(180deg,#573d2547,#573d257a);-webkit-backdrop-filter:blur(2px) saturate(1.04);backdrop-filter:blur(2px) saturate(1.04)}.lobby-panel.hidden,.boot-screen.hidden{display:none}.lobby-card,.boot-panel{width:min(440px,calc(100vw - 36px));max-height:calc(100dvh - 36px);overflow:hidden auto;padding:24px;border-radius:24px;color:#31523f;background:linear-gradient(180deg,#fffae0f7,#ffe8b8f0);box-shadow:0 30px 80px #281d1352,0 0 0 1px #fff6d2b8,inset 0 1px #ffffffc7}.menu-panel{width:min(880px,calc(100vw - 36px));padding:clamp(18px,3vw,30px);background:radial-gradient(circle at 18% 8%,#ffffff94,#fff0 25%),linear-gradient(180deg,#fff7ddfa,#f2be77f0)}.boot-panel h1,.lobby-card h1{margin:0;color:var(--coral-deep);font-size:3.3rem;line-height:.9}.boot-panel p,.lobby-card p{color:#31523fc2;line-height:1.35}.menu-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:clamp(16px,4vw,34px);margin-block-end:22px}.menu-title h1{max-inline-size:560px;font-size:clamp(2.65rem,5.8vw,4.35rem);line-height:.94;letter-spacing:0;text-wrap:balance}.menu-title p{max-width:430px;margin:12px 0 0;color:#432612c2;font-size:clamp(1rem,2vw,1.22rem)}.menu-emblems{display:grid;grid-template-columns:repeat(3,76px);gap:10px;padding:10px;border-radius:26px;background:#4827141c;box-shadow:inset 0 0 0 2px #ffffff5c}.menu-emblems span{display:grid;place-items:center;inline-size:76px;aspect-ratio:1;border-radius:22px;background:radial-gradient(circle at 45% 30%,#ffffff8f,#ffeeb8d6 48%,#8b4a232e);box-shadow:0 10px 18px #3e1f0e2e,inset 0 -5px #502a151a}.menu-emblems img{inline-size:72%;block-size:72%;object-fit:contain;filter:drop-shadow(0 8px 8px rgba(54,25,12,.22))}.menu-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:16px}.menu-section{min-width:0;padding:16px;border-radius:18px;background:linear-gradient(180deg,#fffcf3a8,#ffefcc70);box-shadow:inset 0 0 0 2px #462f1b14,0 10px 20px #59341914}.menu-section>.field-label:first-child{margin-block-start:0}.menu-actions-panel{display:grid;gap:12px}.menu-action{display:grid;grid-template-columns:48px 1fr;align-items:center;gap:12px;width:100%;min-height:72px;margin:0;padding:12px 16px;text-align:start}.menu-action>span:last-child{display:grid;gap:4px;min-width:0}.menu-action strong,.menu-action small{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.menu-action strong{font-size:1.08rem;line-height:1}.menu-action small{color:#fffaf0c7;font-size:.78rem}.ghost-button.menu-action small{color:#31523f9e}.menu-action-icon{display:grid;place-items:center;inline-size:48px;block-size:48px;border-radius:16px;background:#ffffff38;box-shadow:inset 0 0 0 2px #ffffff2e;font-size:1.32rem;line-height:1}.ghost-button .menu-action-icon{color:#31523f;background:#31523f1a;box-shadow:inset 0 0 0 2px #31523f14}.lobby-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:46px;margin-block-start:14px;padding:10px 12px;border-radius:14px;background:#31523f1a}.lobby-meta span{color:#31523fad;font-size:.82rem;text-transform:uppercase}.lobby-meta strong{color:#31523f;font-size:1.16rem}.field-label{margin-block:12px 7px;color:#31523fb8}.text-field{width:100%;min-height:52px;padding-inline:16px;border:2px solid rgba(49,82,63,.12);border-radius:13px;background:#ffffffc7;color:#31523f}#joinCode{text-transform:uppercase}.join-controls,.match-settings{display:grid;gap:10px}.join-controls{grid-template-columns:1fr 112px}.match-settings{grid-template-columns:1fr auto;align-items:end;margin-block-start:12px;padding:12px;border-radius:15px;background:#31523f17}.match-settings span{display:block;color:#31523f9e;font-size:.76rem}.target-picker{display:grid;grid-template-columns:42px 54px 42px;gap:7px}.stepper,.target-input{min-height:44px;border-radius:12px;color:#31523f;background:#fffc;box-shadow:inset 0 0 0 2px #31523f1a;text-align:center}.target-input{width:54px;border:0;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.target-input::-webkit-outer-spin-button,.target-input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.primary-button{width:100%;min-height:64px;margin-block-start:16px;font-size:1.18rem}.primary-button.menu-action{min-height:72px;margin-block-start:0;font-size:1rem}.control-strip{display:flex;flex-wrap:wrap;gap:8px;margin-block-start:16px}.control-strip span{padding:7px 9px;border-radius:999px;color:#31523fb8;background:#31523f1a;font-size:.75rem}.boot-status{min-height:20px;margin-block-end:0;font-size:.84rem}.lobby-players{display:grid;gap:8px;list-style:none;padding:0;margin:18px 0}.lobby-players li{display:grid;grid-template-columns:16px 1fr auto auto;align-items:center;gap:10px;min-height:48px;padding:10px 12px;border-radius:14px;background:#31523f1a}.swatch{inline-size:16px;block-size:16px;border-radius:50%;box-shadow:inset 0 0 0 2px #ffffff7a}.lobby-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lobby-badge{padding:5px 8px;border-radius:999px;color:#31523fc7;background:#ffffff85;font-size:.76rem}.kick-button{min-height:44px;padding-inline:12px;border-radius:10px;color:var(--white);background:linear-gradient(180deg,var(--coral),var(--coral-deep))}.toast{inset-inline:50% auto;inset-block-end:calc(128px + env(safe-area-inset-bottom));transform:translate(-50%,14px);max-width:min(520px,calc(100vw - 36px));padding:13px 18px;border-radius:999px;background:#2f281fc7;color:var(--white);opacity:0;transition:opacity .18s ease,transform .18s ease;text-align:center}.toast.show{opacity:1;transform:translate(-50%)}.end-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:6;display:grid;place-items:center;padding:calc(18px + env(safe-area-inset-top)) calc(16px + env(safe-area-inset-right)) calc(18px + env(safe-area-inset-bottom)) calc(16px + env(safe-area-inset-left));background:radial-gradient(circle at 50% 38%,#ffdc5c3d,#ffdc5c00 36%),linear-gradient(180deg,#1409057a,#140905d1);pointer-events:auto}.end-screen.hidden{display:none}.end-card{position:relative;width:min(520px,calc(100vw - 32px));padding:clamp(22px,5vw,34px);overflow:hidden;border:3px solid rgba(255,237,170,.76);border-radius:30px;color:#3b2414;background:radial-gradient(circle at 50% 0%,#ffffffa8,#fff0 28%),linear-gradient(180deg,#fff9e0fa,#eebe70f5);box-shadow:0 28px 90px #1409056b,0 0 0 12px #ffc74624,inset 0 3px #ffffffb8,inset 0 -8px #5d31161f;text-align:center}.end-card:before,.end-card:after{position:absolute;inset-inline:-18%;block-size:88px;background:repeating-conic-gradient(from 8deg at 50% 50%,#ffffff61,#ffffff61 4deg,#fff0 4deg,#fff0 13deg);content:"";opacity:.42;pointer-events:none}.end-card:before{inset-block-start:-34px}.end-card:after{inset-block-end:-42px;transform:rotate(180deg)}.end-kicker{position:relative;z-index:1;display:inline-grid;place-items:center;min-height:34px;padding-inline:14px;border-radius:999px;color:#fff7dd;background:linear-gradient(180deg,#496c45,#2d4b35);box-shadow:0 6px #532b1438;font-size:.78rem;text-transform:uppercase}.end-card h1{position:relative;z-index:1;margin:16px 0 0;color:var(--coral-deep);font-size:clamp(3rem,12vw,5.8rem);line-height:.9;text-shadow:0 4px 0 rgba(255,255,255,.38)}.end-crown{position:relative;z-index:1;display:grid;place-items:center;inline-size:92px;block-size:92px;margin:18px auto 10px;border:4px solid rgba(255,246,202,.82);border-radius:50%;color:#5f3218;background:radial-gradient(circle at 40% 26%,#ffffff8f,#ffc746d1 52%,#b96520e0);box-shadow:0 18px 32px #4a271347,0 0 42px #ffc7467a,inset 0 2px #ffffffa3;font-size:3.1rem;line-height:1}.end-winner-name,.end-scoreline,.end-quote{position:relative;z-index:1}.end-winner-name{display:block;min-width:0;overflow:hidden;color:#31523f;font-size:clamp(1.35rem,5.2vw,2rem);line-height:1.05;text-overflow:ellipsis;white-space:nowrap}.end-scoreline{margin:8px auto 0;color:#432612b3;font-size:.95rem}.end-quote{max-width:390px;margin:18px auto 0;padding:16px 18px;border-radius:18px;color:#30281fdb;background:#fffaf08a;box-shadow:inset 0 0 0 2px #48271414;font-size:clamp(1rem,3.8vw,1.16rem);line-height:1.32}.end-actions{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-block-start:20px}.end-actions .primary-button,.end-actions .secondary-button{min-height:52px}.end-screen.you-won .end-card{box-shadow:0 28px 90px #1409056b,0 0 0 12px #ffc7462e,0 0 54px #ffc74652,inset 0 3px #ffffffb8,inset 0 -8px #5d31161f}.cinematic-reveal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:4;display:grid;place-items:center;padding:calc(22px + env(safe-area-inset-top)) calc(18px + env(safe-area-inset-right)) calc(22px + env(safe-area-inset-bottom)) calc(18px + env(safe-area-inset-left));overflow:hidden;pointer-events:none;background:radial-gradient(circle at 50% 50%,#ffda6857,#ff74622e 24%,#130906c2 68%),linear-gradient(180deg,#120905bd,#120905db)}.cinematic-reveal.hidden{display:none}.cinematic-reveal:before,.cinematic-reveal:after,.cinematic-speedlines,.cinematic-flash{position:absolute;top:0;right:0;bottom:0;left:0;content:"";pointer-events:none}.cinematic-reveal:before{z-index:1;background:linear-gradient(180deg,#120905 0,#120905 13%,#12090500 13%,#12090500 87%,#120905 87%,#120905),radial-gradient(ellipse at 50% 50%,#fff5cd00 0,#fff5cd00 42%,#00000057 78%)}.cinematic-reveal:after{z-index:2;opacity:0;background:linear-gradient(100deg,#fff0 0,#fff0 44%,#fff7c4d1 49%,#fff0 55%),linear-gradient(260deg,#fff0 0,#fff0 45%,#ff695b57 50%,#fff0 56%)}.cinematic-speedlines{top:-20vmax;right:-20vmax;bottom:-20vmax;left:-20vmax;z-index:0;opacity:.42;background:repeating-conic-gradient(from 8deg at 50% 50%,#fffadcb8,#fffadcb8 3deg,#fffadc00 3deg,#fffadc00 10deg),radial-gradient(circle at 50% 50%,#fff2b257,#fff2b200 38%);mix-blend-mode:screen}.cinematic-flash{z-index:3;opacity:0;background:#fffae0eb}.cinematic-content{position:relative;z-index:4;display:grid;grid-template-columns:minmax(160px,1fr) minmax(130px,.58fr) minmax(160px,1fr);align-items:center;gap:clamp(10px,3.8vw,44px);width:min(1120px,calc(100vw - 32px));min-height:min(520px,calc(100dvh - 70px))}.cinematic-choice{position:relative;display:grid;place-items:center;min-width:0;isolation:isolate}.cinematic-choice:before{position:absolute;z-index:0;inline-size:min(310px,100%);aspect-ratio:1;border:4px solid rgba(255,237,170,.78);border-radius:50%;background:radial-gradient(circle at 50% 50%,#ffeeb2b8,#ff746247 47%,#ff746200 68%);box-shadow:0 0 40px #ffc74685,inset 0 0 34px #fffae061;content:""}.cinematic-right:before{background:radial-gradient(circle at 50% 50%,#ffeeb2b8,#78b47b52 47%,#78b47b00 68%)}.cinematic-name{position:absolute;z-index:3;inset-block-start:clamp(0px,2.4vh,22px);max-width:min(260px,88%);padding:9px 18px;overflow:hidden;border:2px solid rgba(255,238,178,.8);border-radius:999px;color:var(--white);background:#311b11d1;box-shadow:0 10px 24px #11080552;font-size:clamp(.9rem,2vw,1.08rem);line-height:1;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.cinematic-token{position:relative;z-index:2;display:grid;place-items:center;inline-size:clamp(140px,24vw,320px);block-size:clamp(140px,24vw,320px)}.cinematic-token:after{position:absolute;z-index:0;inline-size:94%;aspect-ratio:1;border-radius:50%;opacity:0;background:radial-gradient(circle,#fff9d7bd,#ffc7464d 42%,#ffc74600 70%);content:""}.cinematic-question{position:absolute;z-index:3;display:grid;place-items:center;inline-size:62%;aspect-ratio:1;border:4px solid rgba(255,241,186,.82);border-radius:50%;color:var(--white);background:radial-gradient(circle at 38% 24%,#ffffff57,#ffc7461f 42%),linear-gradient(180deg,#311b11eb,#130906f0);box-shadow:0 22px 28px #12090557,0 0 28px #ffc74675;font-size:clamp(3.4rem,9vw,7.6rem);line-height:1;text-shadow:0 5px 0 rgba(0,0,0,.22)}.cinematic-choice img{position:relative;z-index:2;inline-size:100%;block-size:100%;object-fit:contain;opacity:0;transform:scale(.52) rotate(-14deg);filter:drop-shadow(0 24px 22px rgba(18,9,5,.44)) drop-shadow(0 0 18px rgba(255,241,185,.34))}.cinematic-clash{position:relative;display:grid;place-items:center;min-width:0;min-height:220px}.cinematic-clash strong{position:relative;z-index:3;display:grid;place-items:center;inline-size:clamp(104px,15vw,156px);aspect-ratio:1;border:4px solid rgba(255,237,170,.92);border-radius:50%;color:var(--white);background:radial-gradient(circle at 50% 36%,#ffffff42,#ff746200 42%),linear-gradient(180deg,var(--coral),var(--coral-deep));box-shadow:0 0 0 12px #ffc74638,0 24px 40px #1409056b;font-size:clamp(1rem,2.5vw,1.45rem);line-height:1;text-transform:uppercase}.cinematic-clash strong span{grid-area:1 / 1}.word-mystery{opacity:1}.word-reveal{opacity:0}.impact-burst{position:absolute;z-index:1;inline-size:clamp(120px,18vw,230px);aspect-ratio:1;border-radius:50%;opacity:0;background:repeating-conic-gradient(from 4deg,#fffae0e6,#fffae0e6 8deg,#ffc74600 8deg,#ffc74600 18deg),radial-gradient(circle,#fffffff2,#ffc74685 42%,#ff746200 68%);filter:blur(.2px) drop-shadow(0 0 22px rgba(255,199,70,.72))}.attack-line{position:absolute;z-index:4;inline-size:min(430px,42vw);block-size:22px;border-radius:999px;opacity:0;transform-origin:center;filter:drop-shadow(0 0 16px rgba(255,199,70,.72)) drop-shadow(0 0 30px rgba(255,250,224,.42))}.attack-line:after{position:absolute;inset-block-start:50%;inline-size:34%;block-size:190%;border-radius:inherit;background:#fffae0e0;content:"";filter:blur(10px);transform:translateY(-50%)}.attack-left{right:48%;background:linear-gradient(90deg,#ff746200,#ff7462e0 38%,#fff6d0 72%,#fff0);transform:translate(-26vw) rotate(8deg) scaleX(0)}.attack-left:after{inset-inline-end:12%}.attack-right{left:48%;background:linear-gradient(270deg,#78b47b00,#78b47be0 38%,#fff6d0 72%,#fff0);transform:translate(26vw) rotate(-8deg) scaleX(0)}.attack-right:after{inset-inline-start:12%}.slash{position:absolute;z-index:5;inline-size:min(380px,34vw);block-size:16px;border-radius:999px;opacity:0;background:linear-gradient(90deg,rgba(255,255,255,0),#fff6d0 14%,var(--gold) 50%,#fff6d0 86%,rgba(255,255,255,0));box-shadow:0 0 28px #ffc746b3}.slash-a{transform:rotate(22deg) scaleX(0)}.slash-b{transform:rotate(-22deg) scaleX(0)}.cinematic-reveal.play .cinematic-speedlines{animation:cinematic-speed .52s linear infinite}.cinematic-reveal.play:after{animation:cinematic-sweep 2.18s cubic-bezier(.17,.9,.23,1) both}.cinematic-reveal.play .cinematic-flash{animation:cinematic-flash 2.18s ease-out both}.cinematic-reveal.play .cinematic-left{animation:cinematic-left 1.62s cubic-bezier(.17,.9,.18,1) both}.cinematic-reveal.play .cinematic-right{animation:cinematic-right 1.62s cubic-bezier(.17,.9,.18,1) both}.cinematic-reveal.play .cinematic-question{animation:mystery-question 2.18s cubic-bezier(.17,.9,.18,1) both}.cinematic-reveal.play .cinematic-choice img{animation:choice-snap-reveal 2.18s cubic-bezier(.17,.9,.18,1) both}.cinematic-reveal.play .cinematic-token:after{animation:token-reveal-ring 2.18s ease-out both}.cinematic-reveal.play .cinematic-clash strong{animation:cinematic-word 2.18s cubic-bezier(.17,.9,.18,1) both}.cinematic-reveal.play .word-mystery{animation:word-mystery 2.18s ease both}.cinematic-reveal.play .word-reveal{animation:word-reveal 2.18s ease both}.cinematic-reveal.play .attack-left{animation:attack-left 2.18s cubic-bezier(.17,.9,.18,1) both}.cinematic-reveal.play .attack-right{animation:attack-right 2.18s cubic-bezier(.17,.9,.18,1) both}.cinematic-reveal.play .impact-burst{animation:impact-burst 2.18s cubic-bezier(.17,.9,.18,1) both}.cinematic-reveal.play .slash-a{animation:slash-a 2.18s cubic-bezier(.17,.9,.18,1) both}.cinematic-reveal.play .slash-b{animation:slash-b 2.18s cubic-bezier(.17,.9,.18,1) both}.cinematic-reveal.play.left-win .cinematic-left .cinematic-token{animation:winner-token-left 2.18s ease both}.cinematic-reveal.play.left-win .cinematic-right .cinematic-token{animation:loser-token-right 2.18s ease both}.cinematic-reveal.play.right-win .cinematic-right .cinematic-token{animation:winner-token-right 2.18s ease both}.cinematic-reveal.play.right-win .cinematic-left .cinematic-token{animation:loser-token-left 2.18s ease both}.cinematic-reveal.play.tie-clash .cinematic-token{animation:tie-token 2.18s ease both}.cinematic-reveal.left-win .cinematic-left:before,.cinematic-reveal.right-win .cinematic-right:before{box-shadow:0 0 56px #ffc746ad,0 0 26px #fffae057,inset 0 0 34px #fffae061}.cinematic-reveal.left-win .attack-left,.cinematic-reveal.right-win .attack-right{block-size:28px}.cinematic-reveal.tie-clash .attack-left,.cinematic-reveal.tie-clash .attack-right{background:linear-gradient(90deg,#5eb7df00,#5eb7dfd6 42%,#fff6d0 72%,#fff0)}.is-booting .game-shell,.is-lobbying .choice-pad,.is-lobbying .history-card,.is-lobbying .quick-chat,.is-ended .choice-pad,.is-ended .quick-chat{opacity:0;pointer-events:none}@keyframes pulse-stage{0%{transform:scale(.94)}to{transform:scale(1.08)}}@keyframes cinematic-speed{0%{transform:rotate(0) scale(1)}to{transform:rotate(8deg) scale(1.08)}}@keyframes cinematic-sweep{0%,18%{opacity:0;transform:translate(-18vw) skew(-12deg)}36%,49%{opacity:1}72%,to{opacity:0;transform:translate(18vw) skew(-12deg)}}@keyframes cinematic-flash{0%,50%,to{opacity:0}58%{opacity:.82}64%{opacity:.1}}@keyframes cinematic-left{0%{opacity:0;transform:translate(-46vw) rotate(-10deg) scale(.78)}34%{opacity:1;transform:translate(2vw) rotate(2deg) scale(1.08)}58%,to{opacity:1;transform:translate(0) rotate(0) scale(1)}}@keyframes cinematic-right{0%{opacity:0;transform:translate(46vw) rotate(10deg) scale(.78)}34%{opacity:1;transform:translate(-2vw) rotate(-2deg) scale(1.08)}58%,to{opacity:1;transform:translate(0) rotate(0) scale(1)}}@keyframes cinematic-word{0%,18%{opacity:0;transform:scale(.64) rotate(-8deg)}30%{opacity:1;transform:scale(1.18) rotate(3deg)}48%,to{opacity:1;transform:scale(1) rotate(0)}}@keyframes mystery-question{0%,34%{opacity:1;transform:scale(1) rotate(0)}43%{opacity:1;transform:scale(1.18) rotate(-8deg)}54%,to{opacity:0;transform:scale(.25) rotate(22deg)}}@keyframes choice-snap-reveal{0%,42%{opacity:0;transform:scale(.52) rotate(-14deg)}54%{opacity:1;transform:scale(1.18) rotate(4deg)}68%,to{opacity:1;transform:scale(1) rotate(0)}}@keyframes token-reveal-ring{0%,44%{opacity:0;transform:scale(.72)}56%{opacity:.8;transform:scale(1.16)}76%,to{opacity:0;transform:scale(1.55)}}@keyframes word-mystery{0%,38%{opacity:1;transform:translateY(0) scale(1)}48%,to{opacity:0;transform:translateY(-8px) scale(.74)}}@keyframes word-reveal{0%,47%{opacity:0;transform:translateY(8px) scale(.7)}58%{opacity:1;transform:translateY(0) scale(1.14)}72%,to{opacity:1;transform:translateY(0) scale(1)}}@keyframes attack-left{0%,48%{opacity:0;transform:translate(-30vw) rotate(8deg) scaleX(0)}58%{opacity:1;transform:translate(-7vw) rotate(8deg) scaleX(1.06)}74%{opacity:.92;transform:translate(-1vw) rotate(8deg) scaleX(.82)}92%{opacity:.36;transform:translate(0) rotate(8deg) scaleX(.52)}to{opacity:0;transform:translate(0) rotate(8deg) scaleX(.28)}}@keyframes attack-right{0%,48%{opacity:0;transform:translate(30vw) rotate(-8deg) scaleX(0)}58%{opacity:1;transform:translate(7vw) rotate(-8deg) scaleX(1.06)}74%{opacity:.92;transform:translate(1vw) rotate(-8deg) scaleX(.82)}92%{opacity:.36;transform:translate(0) rotate(-8deg) scaleX(.52)}to{opacity:0;transform:translate(0) rotate(-8deg) scaleX(.28)}}@keyframes impact-burst{0%,59%{opacity:0;transform:scale(.45) rotate(0)}68%{opacity:.9;transform:scale(1.04) rotate(18deg)}88%,to{opacity:0;transform:scale(1.68) rotate(42deg)}}@keyframes winner-token-left{0%,58%{transform:translate(0) scale(1)}70%{transform:translate(5.5vw) scale(1.16) rotate(3deg)}84%{transform:translate(2vw) scale(1.08) rotate(-1deg)}to{transform:translate(0) scale(1.04)}}@keyframes winner-token-right{0%,58%{transform:translate(0) scale(1)}70%{transform:translate(-5.5vw) scale(1.16) rotate(-3deg)}84%{transform:translate(-2vw) scale(1.08) rotate(1deg)}to{transform:translate(0) scale(1.04)}}@keyframes loser-token-left{0%,62%{transform:translate(0) scale(1);filter:none}74%{transform:translate(-1.8vw) scale(.92) rotate(-5deg);filter:brightness(.82) saturate(.86)}to{transform:translate(0) scale(.98);filter:none}}@keyframes loser-token-right{0%,62%{transform:translate(0) scale(1);filter:none}74%{transform:translate(1.8vw) scale(.92) rotate(5deg);filter:brightness(.82) saturate(.86)}to{transform:translate(0) scale(.98);filter:none}}@keyframes tie-token{0%,58%{transform:translate(0) scale(1)}70%{transform:translate(0) scale(1.1) rotate(4deg)}80%{transform:translate(0) scale(1.04) rotate(-3deg)}to{transform:translate(0) scale(1)}}@keyframes slash-a{0%,56%{opacity:0;transform:rotate(22deg) scaleX(0)}68%{opacity:1;transform:rotate(22deg) scaleX(1)}90%{opacity:.85;transform:rotate(22deg) scaleX(1)}to{opacity:0;transform:rotate(22deg) scaleX(.72)}}@keyframes slash-b{0%,60%{opacity:0;transform:rotate(-22deg) scaleX(0)}72%{opacity:1;transform:rotate(-22deg) scaleX(1)}92%{opacity:.85;transform:rotate(-22deg) scaleX(1)}to{opacity:0;transform:rotate(-22deg) scaleX(.72)}}@media (max-width: 1020px){.scorebar{inset-block-start:calc(134px + env(safe-area-inset-top));width:min(520px,calc(100vw - 36px))}.duel{inset-block-start:calc(270px + env(safe-area-inset-top));inset-inline-start:50%;inset-inline-end:auto;transform:translate(-50%);width:min(820px,calc(100vw - 36px));grid-template-columns:minmax(176px,.9fr) minmax(230px,1fr) minmax(176px,.9fr);gap:16px}.duelist-card{padding-inline:14px}.player-plate{grid-template-columns:50px 1fr;gap:9px;inline-size:calc(100% + 14px);padding:8px 10px}.avatar-badge{inline-size:50px;block-size:50px;font-size:1.1rem}.duelist-label{font-size:.94rem}.duelist-card p{font-size:.9rem}.history-card{display:none}}@media (max-width: 820px){.topbar{width:min(345px,calc(100vw - 36px))}.audio-button{display:none}}@media (max-width: 720px){:root{--safe-top: calc(12px + env(safe-area-inset-top)) ;--safe-right: calc(12px + env(safe-area-inset-right)) ;--safe-bottom: calc(12px + env(safe-area-inset-bottom)) ;--safe-left: calc(12px + env(safe-area-inset-left)) }.game-shell{padding:12px}.topbar{inset-block-start:var(--safe-top);inset-inline:var(--safe-left) var(--safe-right);width:auto;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:8px}.topbar .eyebrow{font-size:.68rem}#roomCode{padding:7px 10px;font-size:clamp(1.18rem,6.6vw,1.48rem)}.audio-button{display:none}.room-actions{gap:6px}.icon-button,.danger-button{min-height:44px;border-radius:12px}.icon-button{min-width:44px}.danger-button{padding-inline:12px}.scorebar{inset-block-start:calc(96px + env(safe-area-inset-top));grid-template-columns:minmax(0,1fr) minmax(88px,auto) minmax(0,1fr);gap:6px;min-width:0;width:calc(100vw - 24px);padding:8px;text-align:start}.score-side,.score-side-right{grid-template-columns:1fr auto;min-height:54px;padding:7px 9px;text-align:start}.score-side strong{font-size:1.48rem}.score-pip{inline-size:9px;block-size:9px}.round-chip{min-width:0;padding:7px 8px}.round-chip span{font-size:.66rem}.round-chip strong{font-size:.74rem}.duel{inset-block-start:calc(218px + env(safe-area-inset-top));inset-inline:var(--safe-left) var(--safe-right);transform:none;display:grid;grid-template-columns:1fr 1fr;width:auto;column-gap:8px;row-gap:14px}.versus-stage{grid-column:1 / -1;grid-row:1;display:grid;grid-template-columns:62px minmax(0,1fr);align-items:center;gap:10px;min-height:82px;padding:10px 12px;border-radius:18px;text-align:start}.stage-pulse{grid-row:1 / span 2;inline-size:58px;block-size:58px;margin:0;font-size:1.22rem}.versus-stage strong{grid-column:2;font-size:clamp(1.08rem,5vw,1.32rem);line-height:1.05}.versus-stage p{grid-column:2;max-width:none;margin:4px 0 0;font-size:clamp(.78rem,3.5vw,.92rem);line-height:1.2}.duelist-card{min-height:142px;gap:10px;padding:8px 10px 12px;border-radius:20px}.duelist-card strong{font-size:2.7rem}.player-plate{grid-template-columns:38px 1fr;gap:7px;inline-size:100%;min-height:48px;margin-block-start:0;padding:7px 9px;border-radius:16px}.avatar-badge{inline-size:38px;block-size:38px;border-width:2px;font-size:.95rem}.duelist-label{font-size:.78rem}.duelist-card p{min-height:18px;font-size:.76rem;line-height:1.1}.choice-reveal{inline-size:min(98px,84%)}.choice-pad{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;inset-block-end:var(--safe-bottom);width:calc(100vw - 24px);padding:10px;border-radius:18px}.choice-button{min-height:86px;padding:9px 6px 10px;border-radius:18px}.choice-button-art{inline-size:min(54px,80%);block-size:48px}.choice-button strong{font-size:clamp(.75rem,3.4vw,.92rem)}.quick-chat{inset-inline:var(--safe-left) var(--safe-right);inset-block-end:calc(var(--safe-bottom) + 118px);width:auto;padding:6px;border-radius:17px}.quick-chat .panel-title{display:none}.chat-messages{min-height:0;margin-block-end:6px}.chat-messages .chat-bubble:first-child,.chat-empty{display:none}.chat-bubble,.chat-empty{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:6px;min-height:28px;padding:5px 7px}.quick-chat-buttons{display:flex;gap:5px;overflow:auto hidden;padding-inline-end:0;scroll-padding-inline:6px;scroll-snap-type:x proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch}.quick-chat-buttons::-webkit-scrollbar{display:none}.quick-chat-button{flex:0 0 calc((100% - 10px) / 3);min-height:44px;padding:7px 6px;scroll-snap-align:start;font-size:clamp(.66rem,2.7vw,.76rem)}.menu-panel{width:calc(100vw - 24px);padding:16px;border-radius:22px}.menu-hero{grid-template-columns:1fr;gap:14px;margin-block-end:14px}.menu-title h1{font-size:clamp(2.1rem,11vw,3rem)}.menu-title p{margin-block-start:8px;font-size:.95rem}.menu-emblems{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:8px;border-radius:18px}.menu-emblems span{inline-size:100%;border-radius:16px}.menu-layout{grid-template-columns:1fr;gap:10px}.menu-section{padding:12px;border-radius:16px}.menu-action,.primary-button.menu-action{grid-template-columns:42px 1fr;min-height:64px;padding:10px 12px}.menu-action-icon{inline-size:42px;block-size:42px;border-radius:14px;font-size:1.08rem}.menu-action strong{font-size:.98rem}.menu-action small{font-size:.72rem}.cinematic-reveal{padding:calc(18px + env(safe-area-inset-top)) calc(10px + env(safe-area-inset-right)) calc(18px + env(safe-area-inset-bottom)) calc(10px + env(safe-area-inset-left))}.cinematic-content{grid-template-columns:minmax(0,1fr) minmax(82px,.58fr) minmax(0,1fr);gap:4px;width:calc(100vw - 20px);min-height:min(360px,calc(100dvh - 44px))}.cinematic-choice:before{inline-size:min(148px,106%);border-width:3px}.cinematic-name{inset-block-start:0;max-width:108px;padding:7px 9px;font-size:.7rem}.cinematic-token{inline-size:clamp(82px,28vw,128px);block-size:clamp(82px,28vw,128px)}.cinematic-question{border-width:3px;font-size:clamp(2.2rem,11vw,4rem)}.cinematic-clash{min-height:150px}.cinematic-clash strong{inline-size:clamp(72px,20vw,92px);border-width:3px;font-size:.78rem}.slash{inline-size:116px;block-size:10px}.attack-line{inline-size:min(190px,42vw);block-size:14px}.boot-panel h1,.lobby-card h1{font-size:2.5rem}.match-settings,.join-controls,.lobby-actions{grid-template-columns:1fr}.target-picker{grid-template-columns:42px 1fr 42px}.target-input{width:100%}.end-screen{padding:calc(14px + env(safe-area-inset-top)) calc(12px + env(safe-area-inset-right)) calc(14px + env(safe-area-inset-bottom)) calc(12px + env(safe-area-inset-left))}.end-card{width:calc(100vw - 24px);padding:20px 16px;border-radius:24px}.end-crown{inline-size:78px;block-size:78px;margin-block-start:14px;font-size:2.6rem}.end-quote{margin-block-start:14px;padding:13px 14px}.end-actions{grid-template-columns:1fr;margin-block-start:16px}.lobby-players li{grid-template-columns:16px 1fr auto}.kick-button{grid-column:1 / -1}}@media (min-width: 521px) and (max-width: 720px){.menu-panel{padding:16px}.menu-hero{grid-template-columns:minmax(0,1fr) auto;align-items:center}.menu-emblems{grid-template-columns:repeat(3,58px);justify-self:end;width:auto}.menu-emblems span{inline-size:58px;border-radius:14px}.menu-layout{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.menu-panel .join-controls{grid-template-columns:minmax(0,1fr) 88px}.menu-panel .match-settings{grid-template-columns:1fr}.menu-action,.primary-button.menu-action{min-height:58px}.control-strip{margin-block-start:10px}}@media (max-width: 520px){.menu-panel{padding:12px}.menu-hero{gap:10px;margin-block-end:10px}.menu-title h1{font-size:clamp(1.95rem,10vw,2.55rem)}.menu-title p{font-size:.88rem}.menu-emblems{justify-self:center;width:min(270px,100%)}.menu-section{padding:10px}.menu-panel .text-field{min-height:48px}.menu-panel .join-controls{grid-template-columns:minmax(0,1fr) 84px}.menu-action,.primary-button.menu-action{grid-template-columns:40px 1fr;min-height:56px;padding:8px 10px}.menu-action-icon{inline-size:40px;block-size:40px}.menu-panel .control-strip{display:none}}@media (max-width: 720px) and (max-height: 740px){.topbar{padding:7px}#roomCode{padding-block:6px;font-size:clamp(1.08rem,6vw,1.3rem)}.scorebar{inset-block-start:calc(84px + env(safe-area-inset-top));min-height:64px;padding:6px}.score-side,.score-side-right{min-height:48px;padding:6px 8px}.score-side strong{font-size:1.32rem}.round-chip{padding:6px 7px}.duel{inset-block-start:calc(184px + env(safe-area-inset-top))}.versus-stage{grid-template-columns:52px minmax(0,1fr);min-height:70px;padding:8px 10px}.stage-pulse{inline-size:48px;block-size:48px;margin:0;font-size:1rem}.versus-stage strong{font-size:1.08rem}.versus-stage p{margin-block-start:3px;font-size:.76rem}.duelist-card{min-height:124px;padding-block:7px 10px}.player-plate{min-height:44px;padding:6px 8px}.choice-reveal{inline-size:min(82px,82%)}.quick-chat{display:none}.choice-pad{padding:9px}.choice-button{min-height:78px;padding-block:8px}.choice-button-art{block-size:42px}}@media (max-height: 650px) and (min-width: 721px){.duelist-card{min-height:180px}.duelist-card strong{inline-size:88px;block-size:88px;font-size:3.1rem}.versus-stage{min-height:200px}.choice-button{min-height:72px}.quick-chat{display:none}.cinematic-content{min-height:min(390px,calc(100dvh - 36px))}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important}.icon-button,.danger-button,.good-button,.secondary-button,.primary-button,.ghost-button,.choice-button,.choice-button-art,.toast,.duelist-card,.choice-art{transition-duration:1ms!important}.cinematic-reveal.play .cinematic-speedlines,.cinematic-reveal.play:after,.cinematic-reveal.play .cinematic-flash,.cinematic-reveal.play .cinematic-left,.cinematic-reveal.play .cinematic-right,.cinematic-reveal.play .cinematic-question,.cinematic-reveal.play .cinematic-choice img,.cinematic-reveal.play .cinematic-token:after,.cinematic-reveal.play .cinematic-clash strong,.cinematic-reveal.play .word-mystery,.cinematic-reveal.play .word-reveal,.cinematic-reveal.play .attack-left,.cinematic-reveal.play .attack-right,.cinematic-reveal.play .impact-burst,.cinematic-reveal.play .slash-a,.cinematic-reveal.play .slash-b,.cinematic-reveal.play.left-win .cinematic-left .cinematic-token,.cinematic-reveal.play.left-win .cinematic-right .cinematic-token,.cinematic-reveal.play.right-win .cinematic-right .cinematic-token,.cinematic-reveal.play.right-win .cinematic-left .cinematic-token,.cinematic-reveal.play.tie-clash .cinematic-token{animation-duration:1ms;animation-iteration-count:1}}