/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.relative{position:relative}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.block{display:block}.grid{display:grid}.hidden{display:none}.inline{display:inline}.table{display:table}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.self-center{align-self:center}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#090d0c;--panel:#121815;--panel-raised:#18201b;--panel-soft:#161d19db;--ink:#f4ecdc;--muted:#aaa08e;--faint:#746d61;--line:#e5d3b126;--line-strong:#e5d3b147;--gold:#dfb968;--gold-bright:#f2d58e;--jade:#62c0a0;--red:#d46f5d;--blue:#7fa9cc;--board-edge:#6d4325;--board-mid:#b27842;--board-light:#c98e50;--shadow:0 24px 70px #0000006b}.selection-path.linked-fate-path,.selection-path.special-path-linkedFate{z-index:6;background:repeating-linear-gradient(90deg,#8966fff2 0 8px,#d6c4ff6b 8px 13px);height:2px;animation:1.1s linear infinite linked-fate-flow;box-shadow:0 0 10px #845bffc7}.selection-path.couple-path,.selection-path.special-path-couple{z-index:7;background:linear-gradient(90deg,#ff5f91 0%,#ffd3df 28%,#ff8dad 50%,#ffd3df 72%,#ff5f91 100%) 0 0/180% 100%;border-radius:999px;height:3px;animation:1.8s ease-in-out infinite couple-ribbon;box-shadow:0 0 0 1px #ffffff5c,0 0 13px #ff5984b8}.selection-path.couple-path b,.selection-path.special-path-couple b{color:#ff4f7f;text-shadow:0 0 8px #fffffff2}@keyframes couple-ribbon{0%,to{filter:brightness(.96);background-position:0%}50%{filter:brightness(1.12);background-position:100%}}.selection-path.last-will-path,.selection-path.special-path-lastWill{z-index:7;background:repeating-linear-gradient(90deg,#4b2468f5 0 7px,#ee6a88d1 7px 12px);height:3px;animation:1.25s linear infinite linked-fate-flow;box-shadow:0 0 11px #7a37919e}.selection-path.last-will-path b,.selection-path.special-path-lastWill b{color:#7a376f;text-shadow:0 0 8px #ffdcebf5}.selection-path.special-path-trainDeparture{background:linear-gradient(90deg,#2f80ed,#8fd4ff);height:4px;box-shadow:0 0 12px #2f80eda3}.selection-path.special-path-domino{background:repeating-linear-gradient(90deg,#ff6f61 0 7px,#ffd1c8 7px 11px);height:4px;box-shadow:0 0 12px #ff5a48a8}@keyframes linked-fate-flow{to{background-position:26px 0}}.fake-bomb-cell,.pandora-box-cell,.linked-fate-cell,.couple-cell,.last-will-cell,.returning-stone-cell,.seed-cell,.fake-bomb-reveal-cell,.pandora-reveal-cell{z-index:7;pointer-events:none;place-items:center;font-style:normal;font-weight:950;line-height:1;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.fake-bomb-cell{aspect-ratio:1;color:#ffe29a;background:radial-gradient(circle,#454038,#17191b);border:1px dashed #4f3d27db;border-radius:50%;width:58%;font-size:clamp(8px,1.2vw,16px);box-shadow:0 0 10px #f7b74885}.pandora-box-cell{aspect-ratio:1;color:#fff7ce;background:linear-gradient(135deg,#ffffff9e,#0000 38%),linear-gradient(145deg,#b99bff,#7357c7);border:1px solid #6f4ccad1;border-radius:30%;width:66%;font-size:clamp(9px,1.25vw,17px);animation:1.5s ease-in-out infinite alternate pandora-idle;box-shadow:0 0 0 2px #7753c829,0 0 13px #714bd59e}@keyframes pandora-idle{to{filter:brightness(1.18);transform:translate(-50%,-50%)scale(1.08)}}.linked-fate-cell{aspect-ratio:1;color:#c7adff;text-shadow:0 0 8px #8052f2eb;border:1px solid #976fffdb;border-radius:50%;width:72%;font-size:clamp(8px,1.05vw,15px);box-shadow:inset 0 0 8px #976fff6b}.couple-cell{aspect-ratio:1;color:#ff477b;text-shadow:0 1px #fffffffa,0 0 8px #ff608fc2;background:radial-gradient(circle at 35% 25%,#ffffffb8,#0000 32%),#ffe2ed47;border:1.5px solid #ff5b89f0;border-radius:50%;width:78%;font-size:clamp(8px,1.05vw,15px);animation:1.6s ease-in-out infinite family-heartbeat;box-shadow:inset 0 0 10px #ff658f61,0 0 0 2px #ff97b529,0 0 10px #ff658f52}.couple-cell small{color:#fff;background:#ff4f7f;border-radius:999px;min-width:1.35em;padding:.16em .28em;font-size:.62em;font-weight:950;line-height:1;position:absolute;bottom:-18%;right:-18%;box-shadow:0 2px 8px #97234c61}.last-will-cell{aspect-ratio:1;color:#5c2f75;background:#f6e1ff4d;border:1px dashed #663173f0;border-radius:50%;width:74%;font-size:clamp(7px,.92vw,13px);box-shadow:inset 0 0 8px #6f378457,0 0 8px #d668986b}.last-will-cell.will-target{color:#d53a67;background:#ffe0e747;border-color:#da4569f2}.returning-stone-cell,.seed-cell{aspect-ratio:1;border-radius:50%;width:70%;font-size:clamp(8px,1vw,14px)}.returning-stone-cell{color:#2879dd;background:#deefff8c;border:1px dashed #377df0e0;animation:2.2s linear infinite returning-stone-spin;box-shadow:0 0 9px #3182ee7a}.seed-cell{color:#16824e;background:#e2fbebad;border:1px solid #2b9f60c2;transition:transform .18s;box-shadow:0 0 9px #30aa636b}.seed-cell.stage-1{transform:translate(-50%,-50%)scale(.68)}.seed-cell.stage-2{transform:translate(-50%,-50%)scale(.84)}.seed-cell.stage-3{transform:translate(-50%,-50%)scale(1)}.returning-stone-cell small,.seed-cell small{color:#fff;border-radius:999px;place-items:center;min-width:1.42em;min-height:1.42em;padding:.14em;font-size:.62em;line-height:1;display:grid;position:absolute;bottom:-17%;right:-17%;box-shadow:0 2px 7px #18364947}.family-child-cell{z-index:9;aspect-ratio:1;color:#fff;pointer-events:none;background:linear-gradient(145deg,#ff7ba2,#ee3f75);border:1px solid #fffffff0;border-radius:50%;place-items:center;width:30%;min-width:7px;font-size:clamp(5px,.58vw,9px);font-style:normal;line-height:1;animation:1.8s ease-in-out infinite family-child-pop;display:grid;position:absolute;top:13%;left:72%;transform:translate(-50%,-50%);box-shadow:0 2px 6px #7e1a3e5c,0 0 0 1px #ff528133}@keyframes family-heartbeat{0%,to{transform:translate(-50%,-50%)scale(1)}50%{transform:translate(-50%,-50%)scale(1.06)}}@keyframes family-child-pop{0%,to{transform:translate(-50%,-50%)scale(.94)}50%{transform:translate(-50%,-50%)scale(1.08)}}.returning-stone-cell small{background:#2879dd}.seed-cell small{background:#16824e}@keyframes returning-stone-spin{to{transform:translate(-50%,-50%)rotate(360deg)}}.fake-bomb-reveal-cell,.pandora-reveal-cell{color:#ef5b4d;background:#ffffffeb;border-radius:999px;min-width:64%;min-height:42%;padding:3px 5px;font-size:clamp(6px,.8vw,11px);animation:.95s ease-out both trap-reveal;box-shadow:0 5px 16px #222b3a33}.pandora-reveal-cell{color:#6e50c8}@keyframes trap-reveal{0%{opacity:0;transform:translate(-50%,-50%)scale(.45)rotate(-8deg)}35%{opacity:1;transform:translate(-50%,-50%)scale(1.16)rotate(3deg)}to{opacity:.78;transform:translate(-50%,-50%)scale(.92)}}.online-card.double-down-echo-card{background:linear-gradient(135deg,#7354ff21,#4199ff14),#f7f8fa;position:relative;box-shadow:inset 0 0 0 1px #6f52e23d}.echo-card-badge{color:#fff;background:#7357d5;border-radius:999px;padding:3px 6px;font-size:9px;font-style:normal;font-weight:900;position:absolute;top:7px;right:7px}.deck-card-demo-board .fake-bomb-cell,.deck-card-demo-board .pandora-box-cell,.deck-card-demo-board .linked-fate-cell,.deck-card-demo-board .couple-cell,.deck-card-demo-board .last-will-cell,.deck-card-demo-board .returning-stone-cell,.deck-card-demo-board .seed-cell{transform:translate(-50%,-50%)scale(.82)}*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth;min-width:280px}body{background:radial-gradient(circle at 15% 0%, #3f745629, transparent 34rem), radial-gradient(circle at 90% 26%, #b26f371a, transparent 30rem), var(--bg);min-width:280px;min-height:100vh;color:var(--ink);font-family:var(--font-geist-sans), "Pretendard", "Noto Sans KR", "Apple SD Gothic Neo", sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0}html.in-match,html.in-match body{overscroll-behavior:none;width:100%;height:100%;overflow:hidden}button,input{font:inherit}button{color:inherit}button,[role=button]{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,[role=grid]:focus-visible{outline:2px solid var(--gold-bright);outline-offset:3px}button:disabled{cursor:not-allowed}.lobby-screen{isolation:isolate;grid-template-rows:auto minmax(0,1fr) auto;min-height:100svh;display:grid;position:relative;overflow-x:hidden}.lobby-screen:before{z-index:-3;content:"";background-color:#0000;background-image:linear-gradient(#ffffff03 1px,#0000 1px),linear-gradient(90deg,#ffffff03 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:42px 42px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 78%);mask-image:linear-gradient(#000,#0000 78%)}.lobby-ambient{z-index:-2;aspect-ratio:1;filter:blur(90px);opacity:.13;pointer-events:none;border-radius:50%;width:min(48vw,680px);position:absolute}.ambient-one{background:#508d6f;top:-24vw;left:-13vw}.ambient-two{background:#a76436;bottom:-24vw;right:-19vw}.lobby-header,.lobby-footer{z-index:2;justify-content:space-between;align-items:center;width:min(1180px,100% - 48px);margin:0 auto;display:flex}.lobby-header-actions{align-items:center;gap:8px;display:flex}.deck-button b{color:var(--gold-bright);font-family:var(--font-geist-mono), monospace;margin-left:5px}.game-brand,.match-brand{align-items:center;display:flex}.game-brand>span,.match-brand>span{color:var(--gold);background:radial-gradient(circle at 35% 25%,#38423a,#161b18 58%,#090c0a);border:1px solid #dfb96880;border-radius:50%;place-items:center;font-family:Georgia,Noto Serif KR,serif;display:grid;box-shadow:inset 0 0 0 4px #ffffff06,0 8px 18px #00000042}.game-brand>div{flex-direction:column;gap:2px;display:flex}.game-brand strong{letter-spacing:-.03em;font-family:Georgia,Noto Serif KR,serif;font-size:18px;font-weight:600}.ghost-button,.primary-button,.secondary-button,.submit-button,.back-button,.menu-action,.leave-button,.header-actions button,.cancel-skill,.mobile-confirm-button,.end-turn-button,.connection-banner button{cursor:pointer;border:0}.ghost-button{border:1px solid var(--line-strong);color:#d4c9b6;background:#ffffff06;border-radius:10px;min-height:42px;padding:0 17px;font-size:12px;font-weight:750}.ghost-button:hover{background:#dfb96814;border-color:#dfb9688c}.lobby-main{grid-template-columns:minmax(0,1.05fr) minmax(360px,.72fr);align-items:center;gap:clamp(50px,8vw,120px);width:min(1180px,100% - 48px);margin:0 auto;padding:clamp(52px,8vh,96px) 0;display:grid}.lobby-intro>p,.step-label,.invite-panel>p,.result-panel>p{color:var(--gold);letter-spacing:.18em;margin:0;font-size:10px;font-weight:850}.lobby-intro h1{letter-spacing:-.065em;max-width:680px;margin:15px 0 22px;font-family:Georgia,Noto Serif KR,serif;font-size:clamp(44px,5.7vw,78px);font-weight:500;line-height:1.08}.lobby-intro>span{color:#bbb19f;max-width:590px;font-size:clamp(14px,1.4vw,16px);line-height:1.85;display:block}.feature-row{flex-wrap:wrap;gap:9px;margin-top:34px;display:flex}.feature-row i{border:1px solid var(--line);min-height:35px;color:var(--muted);background:#ffffff06;border-radius:999px;align-items:center;gap:7px;padding:0 13px;font-size:11px;font-style:normal;display:flex}.lobby-card{border:1px solid var(--line-strong);min-height:410px;box-shadow:var(--shadow);background:linear-gradient(145deg,#ffffff0b,#0000 46%),#121815f0;border-radius:22px;padding:clamp(28px,4vw,42px);position:relative}.lobby-card:after{content:"";pointer-events:none;border:1px solid #ffffff08;border-radius:15px;position:absolute;inset:8px}.lobby-card h2,.rules-modal h2,.match-menu h2,.invite-panel h2,.result-panel h2{letter-spacing:-.045em;margin:11px 0 10px;font-family:Georgia,Noto Serif KR,serif;font-size:clamp(25px,3vw,34px);font-weight:550;position:relative}.lobby-card>p{color:var(--muted);margin:0;font-size:13px;line-height:1.7;position:relative}.lobby-actions{gap:10px;margin-top:29px;display:grid;position:relative}.primary-button,.secondary-button{text-align:left;border-radius:13px;align-items:center;gap:14px;width:100%;min-height:76px;padding:14px 17px;display:flex}.primary-button{background:linear-gradient(115deg,#dfb96830,#dfb96812);border:1px solid #dfb96885}.ai-match-button{background:linear-gradient(115deg,#62c0a033,#62c0a011);border-color:#62c0a08f}.ai-match-button>b{background:var(--jade);color:#07130f;font-family:var(--font-geist-mono), monospace;font-size:12px;font-weight:900}.ai-match-button:hover{border-color:var(--jade)}.secondary-button{border:1px solid var(--line);background:#ffffff06}.primary-button:hover,.secondary-button:hover{transform:translateY(-1px)}.primary-button:hover{border-color:var(--gold)}.primary-button>b,.secondary-button>b{border-radius:50%;flex:none;place-items:center;width:43px;height:43px;font-size:20px;display:grid}.primary-button>b{background:var(--gold);color:#1a160e}.secondary-button>b{border:1px solid var(--line-strong);color:var(--muted)}.primary-button>span,.secondary-button>span{flex-direction:column;gap:4px;display:flex}.primary-button strong,.secondary-button strong{font-size:14px}.primary-button small,.secondary-button small{color:var(--muted);font-size:10px}.back-button{color:var(--muted);background:0 0;margin:-8px 0 24px;padding:0;font-size:11px;position:relative}.field{gap:8px;margin-top:19px;display:grid;position:relative}.field>span i{color:var(--faint);margin-left:5px;font-size:8px;font-style:normal;font-weight:650}.field input{border:1px solid var(--line-strong);width:100%;height:51px;color:var(--ink);background:#04070680;border-radius:10px;outline:0;padding:0 15px;font-size:14px}.field .room-code-input{font-family:var(--font-geist-mono), monospace;letter-spacing:.18em;text-transform:uppercase;font-size:19px;font-weight:800}.room-password-toggle{border:1px solid var(--line);cursor:pointer;background:#04070666;border-radius:10px;align-items:center;gap:11px;min-height:52px;margin-top:17px;padding:9px 13px;display:flex;position:relative}.room-password-toggle input{width:17px;height:17px;accent-color:var(--jade)}.room-password-toggle span{flex-direction:column;gap:2px;display:flex}.room-password-toggle b{color:var(--ink);font-size:11px}.room-password-toggle small{color:var(--faint);font-size:8px}.compact-password-field{margin-top:11px}.waiting-room-browser{border:1px solid var(--line);background:#04070661;border-radius:11px;margin-top:17px;position:relative;overflow:hidden}.waiting-room-browser-head{border-bottom:1px solid var(--line);color:#c9bfad;justify-content:space-between;align-items:center;min-height:38px;padding:0 12px;font-size:10px;font-weight:800;display:flex}.waiting-room-browser-head b{color:var(--jade)}.waiting-room-list{gap:6px;max-height:202px;padding:7px;display:grid;overflow-y:auto}.waiting-room-list>p{color:var(--faint);text-align:center;margin:0;padding:22px 10px;font-size:10px}.waiting-room-list button{width:100%;min-height:51px;color:var(--ink);cursor:pointer;text-align:left;background:#ffffff06;border:1px solid #0000;border-radius:8px;justify-content:space-between;align-items:center;padding:8px 10px;display:flex}.waiting-room-list button>span{flex-direction:column;gap:3px;min-width:0;display:flex}.waiting-room-list button strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.waiting-room-list button small{color:var(--faint);font-size:8px}.waiting-room-list button>b{color:var(--gold);font-size:9px}.difficulty-picker{border:0;min-width:0;margin:19px 0 0;padding:0;position:relative}.difficulty-picker legend{color:#c9bfad;margin-bottom:8px;font-size:11px;font-weight:750}.difficulty-picker>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid}.difficulty-picker button{border:1px solid var(--line);min-width:0;min-height:58px;color:var(--muted);cursor:pointer;background:#0407066b;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:9px 5px;display:flex}.difficulty-picker button:hover{border-color:var(--line-strong);background:#ffffff0a}.difficulty-picker strong{font-size:11px}.difficulty-picker small{max-width:100%;color:var(--faint);text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.form-error{color:#ed9582!important;margin:12px 0 -5px!important;font-size:11px!important}.submit-button{color:#1c170e;background:linear-gradient(145deg,#e5bf71,#cda45a);border:1px solid #e3bf74;border-radius:10px;width:100%;min-height:49px;margin-top:24px;font-size:13px;font-weight:850;box-shadow:0 10px 24px #c4914126}.submit-button:hover:not(:disabled){filter:brightness(1.07)}.submit-button:disabled{opacity:.55}.deck-ready-row{width:100%;min-height:49px;color:var(--ink);cursor:pointer;background:#62c0a012;border:1px solid #62c0a052;border-radius:10px;justify-content:space-between;align-items:center;margin-top:18px;padding:0 14px;display:flex}.deck-ready-row>span,.deck-ready-row>strong{align-items:center;gap:8px;display:flex}.deck-ready-row>span{font-size:11px}.deck-ready-row>span i{color:var(--jade);font-style:normal}.deck-ready-row>strong{color:#9edbc6;font-size:10px}.deck-ready-row>strong i{font-size:17px;font-style:normal}.deck-mode-picker>div{grid-template-columns:repeat(2,minmax(0,1fr))}.deck-ready-row.random-mode{background:linear-gradient(135deg,#7b57da26,#131b18d1);border-color:#9b7bef80}.deck-ready-row.random-mode>strong{color:#cbb8ff}.lobby-footer{border-top:1px solid var(--line);min-height:54px;color:var(--faint);letter-spacing:.04em;font-size:9px}.deck-builder-backdrop{z-index:120;padding:calc(14px + env(safe-area-inset-top)) calc(14px + env(safe-area-inset-right)) calc(14px + env(safe-area-inset-bottom)) calc(14px + env(safe-area-inset-left));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#030504d6;place-items:center;display:grid;position:fixed;inset:0}.deck-builder{border:1px solid var(--line-strong);background:radial-gradient(circle at 90% -10%,#62c0a01a,#0000 35%),linear-gradient(145deg,#ffffff09,#0000 42%),#111713;border-radius:22px;grid-template-rows:auto minmax(0,1fr) auto;width:min(1120px,100%);height:min(780px,100dvh - 28px);min-height:0;display:grid;overflow:hidden;box-shadow:0 32px 100px #000000b8}.deck-builder-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:start;padding:23px 64px 18px 25px;display:flex;position:relative}.deck-builder-header h2{letter-spacing:-.045em;margin:6px 0 4px;font-family:Georgia,Noto Serif KR,serif;font-size:29px;font-weight:550}.deck-builder-header p{color:var(--muted);margin:0;font-size:11px}.deck-builder-body{grid-template-columns:minmax(230px,.34fr) minmax(0,1fr);min-height:0;display:grid}.equipped-deck{border-right:1px solid var(--line);background:#04070640;grid-template-rows:auto minmax(0,1fr);min-height:0;padding:19px;display:grid}.deck-count{color:var(--muted);justify-content:space-between;align-items:center;padding:0 2px 14px;font-size:11px;display:flex}.deck-count strong{color:#d49476;font-family:var(--font-geist-mono), monospace;font-size:27px}.deck-count small{color:var(--faint);font-size:12px}.equipped-list,.card-collection{overscroll-behavior:contain;scrollbar-color:#dfb96852 transparent;min-height:0;overflow:auto}.equipped-list{flex-direction:column;gap:6px;padding-right:5px;display:flex}.equipped-list>p{color:var(--faint);margin:20px 0;font-size:11px;line-height:1.6}.equipped-card{border:1px solid var(--line);cursor:pointer;text-align:left;background:#ffffff06;border-radius:9px;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:48px;padding:6px 9px;display:grid}.equipped-card:hover{border-color:#dfb9686b}.equipped-card>i{width:29px;height:29px;color:var(--gold-bright);background:#ffffff0e;border-radius:50%;place-items:center;font-style:normal;display:grid}.equipped-card>span{flex-direction:column;gap:2px;min-width:0;display:flex}.equipped-card strong{font-size:11px}.equipped-card small{color:var(--faint);font-size:8px}.equipped-card>b{color:var(--jade);font-family:var(--font-geist-mono), monospace;font-size:11px}.card-collection{grid-template-columns:repeat(3,minmax(0,1fr));align-content:start;gap:8px;padding:19px;display:grid}.collection-card{border:1px solid var(--line);background:#ffffff06;border-radius:11px;grid-template-rows:minmax(0,1fr) auto;gap:9px;min-width:0;min-height:112px;padding:10px;display:grid}.collection-card-main{grid-template-columns:22px 29px minmax(0,1fr);align-items:start;gap:7px;min-width:0;display:grid}.collection-card-main>b{width:21px;height:21px;color:var(--gold-bright);font-family:var(--font-geist-mono), monospace;background:#dfb96824;border-radius:50%;place-items:center;font-size:9px;display:grid}.collection-card-main>i{width:28px;height:28px;color:var(--ink);background:#ffffff0d;border-radius:8px;place-items:center;font-style:normal;display:grid}.collection-card-main>span{flex-direction:column;gap:4px;min-width:0;display:flex}.collection-card-main strong{font-size:11px}.collection-card-main small{color:var(--faint);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:8px;line-height:1.35;display:-webkit-box;overflow:hidden}.collection-card-controls{grid-template-columns:30px minmax(32px,1fr) 30px;align-items:center;gap:4px;display:grid}.collection-card-controls button{border:1px solid var(--line);height:27px;color:var(--ink);cursor:pointer;background:#ffffff0a;border-radius:7px}.collection-card-controls button:last-child{color:#9fe1c9;border-color:#62c0a057}.collection-card-controls button:disabled{opacity:.28}.collection-card-controls span{color:var(--muted);font-family:var(--font-geist-mono), monospace;text-align:center;font-size:9px}.deck-builder-footer{border-top:1px solid var(--line);background:#04070652;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:13px 18px;display:grid}.deck-builder-footer>span{color:var(--muted);text-align:center;font-size:10px}.deck-reset,.deck-save{cursor:pointer;border-radius:9px;min-height:39px;padding:0 15px;font-size:10px;font-weight:800}.deck-reset{border:1px solid var(--line);color:var(--muted);background:#ffffff08}.deck-save{color:#07140f;background:linear-gradient(145deg,#70cdb0,#4ca386);border:1px solid #62c0a08c}.deck-save:disabled{opacity:.34}.modal-backdrop,.match-overlay{z-index:100;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));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#030504c2;place-items:center;display:grid;position:fixed;inset:0}.rules-modal,.match-menu,.invite-panel,.result-panel{border:1px solid var(--line-strong);background:linear-gradient(145deg,#ffffff0b,#0000 45%),#131915;border-radius:20px;width:min(460px,100%);max-height:min(680px,100dvh - 36px);padding:clamp(25px,5vw,42px);position:relative;overflow:auto;box-shadow:0 30px 90px #0000009e}.modal-close{width:36px;height:36px;color:var(--muted);cursor:pointer;background:#ffffff0b;border:0;border-radius:50%;place-items:center;font-size:23px;display:grid;position:absolute;top:13px;right:13px}.rules-modal ol,.menu-rules{gap:12px;margin:26px 0 0;padding:0;list-style:none;display:grid}.rules-modal li{grid-template-columns:34px 1fr;align-items:start;gap:12px;display:grid}.rules-modal li>b{width:32px;height:32px;color:var(--gold);border:1px solid #dfb9685c;border-radius:50%;place-items:center;font-size:11px;display:grid}.rules-modal li>span{color:var(--muted);flex-direction:column;gap:3px;font-size:11px;line-height:1.55;display:flex}.rules-modal li strong{color:var(--ink);font-size:12px}.match-screen{z-index:1;width:100%;min-width:280px;height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);overscroll-behavior:none;background:radial-gradient(circle at 18% -16%,#47785b3d,#0000 35%),radial-gradient(circle at 100% 100%,#7f47232e,#0000 36%),linear-gradient(145deg,#0a0e0c,#0d1210 58%,#090c0a);grid-template-rows:clamp(44px,6.4vh,58px) minmax(0,1fr);display:grid;position:fixed;inset:0;overflow:hidden}.match-screen:before{z-index:-1;content:"";pointer-events:none;background-image:linear-gradient(#ffffff03 1px,#0000 1px),linear-gradient(90deg,#ffffff03 1px,#0000 1px);background-size:38px 38px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000,#0000 84%);mask-image:radial-gradient(circle,#000,#0000 84%)}.match-header{z-index:20;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#090d0bc2;grid-template-columns:1fr auto 1fr;align-items:center;min-height:0;padding:0 clamp(10px,1.8vw,24px);display:grid;position:relative}.match-brand{gap:8px}.match-brand>span{width:31px;height:31px;font-size:15px}.match-brand strong{font-family:Georgia,Noto Serif KR,serif;font-size:14px;font-weight:600}.room-chip{border:1px solid var(--line);background:#ffffff08;border-radius:999px;align-items:center;gap:8px;min-height:31px;padding:0 11px;display:flex}.room-chip>span{color:var(--faint);letter-spacing:.12em;font-size:8px;font-weight:800}.room-chip b{font-family:var(--font-geist-mono), monospace;color:var(--gold-bright);letter-spacing:.12em;font-size:11px}.room-chip i,.player-resources i{background:var(--jade);border-radius:50%;width:6px;height:6px;display:block;box-shadow:0 0 9px #62c0a0bf}.room-chip i.connecting{background:var(--gold)}.room-chip i.offline,.player-resources i.offline{background:var(--red);box-shadow:0 0 9px #d46f5da6}.header-actions{justify-self:end;align-items:center;gap:6px;display:flex}.header-mode-badge{min-width:44px;height:28px;color:var(--jade);font-family:var(--font-geist-mono), monospace;letter-spacing:.1em;background:#62c0a014;border:1px solid #62c0a05c;border-radius:999px;place-items:center;padding:0 9px;font-size:8px;font-weight:850;display:grid}.header-actions button{border:1px solid var(--line);color:#c9bfad;background:#ffffff06;border-radius:8px;min-width:44px;height:34px;padding:0 11px;font-size:10px;font-weight:750}.header-actions button:hover{background:#dfb96812;border-color:#dfb9687a}.match-stage{grid-template-columns:minmax(0,1fr) clamp(300px,29vw,410px);gap:clamp(8px,1.35vw,20px);width:min(1600px,100%);min-width:0;min-height:0;margin:0 auto;padding:clamp(7px,1.35vh,14px) clamp(8px,1.4vw,20px);display:grid;overflow:hidden}.board-zone{place-items:center;min-width:0;min-height:0;display:grid}.board-shell{aspect-ratio:1;background:linear-gradient(135deg,#ffffff17,#0000 26%),linear-gradient(145deg,#7b4d2b,#4b2c1a);border:1px solid #edd2a74d;border-radius:clamp(10px,1.2vw,17px);width:min(100%,100dvh - 84px);max-width:100%;max-height:100%;padding:clamp(4px,.65vw,9px);position:relative;box-shadow:0 25px 70px #00000078,inset 0 0 0 3px #23130a57}.board-shell:after{border-radius:inherit;content:"";pointer-events:none;border:1px solid #00000047;position:absolute;inset:2px}.ai-thinking-pill{z-index:70;color:#d7eee5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:none;white-space:nowrap;background:#070e0be6;border:1px solid #62c0a061;border-radius:999px;align-items:center;gap:8px;min-height:34px;padding:7px 12px;display:flex;position:absolute;bottom:clamp(14px,4.5%,30px);left:50%;transform:translate(-50%);box-shadow:0 10px 28px #0000005c}.ai-thinking-pill>span{align-items:center;gap:3px;display:flex}.ai-thinking-pill i{background:var(--jade);border-radius:50%;width:4px;height:4px;animation:.9s ease-in-out infinite ai-thinking}.ai-thinking-pill i:nth-child(2){animation-delay:.13s}.ai-thinking-pill i:nth-child(3){animation-delay:.26s}.ai-thinking-pill b{font-size:9px;font-weight:750}@keyframes ai-thinking{0%,to{opacity:.4;transform:translateY(1px)}50%{opacity:1;transform:translateY(-2px)}}.ai-action-banner{z-index:13;min-width:min(220px,72%);min-height:48px;color:var(--ink);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:none;background:#0a0f0ceb;border:1px solid #dfb96880;border-radius:12px;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:9px;padding:7px 13px 7px 8px;display:grid;position:absolute;top:clamp(12px,4.5%,28px);left:50%;transform:translate(-50%);box-shadow:0 12px 34px #0000006b}.ai-action-banner.stage-card-effect{border-color:#62c0a094;box-shadow:0 12px 34px #0000006b,0 0 24px #62c0a01f}.ai-action-banner.stage-stone{border-color:#e5d3b17a}.ai-action-banner.stage-resolution,.ai-action-banner.stage-reset{border-color:#7fa9cc8c}.ai-action-icon{aspect-ratio:1;width:34px;color:var(--gold-bright);background:#dfb9681a;border:1px solid #dfb96852;border-radius:9px;place-items:center;font-size:17px;display:grid}.stage-card-effect .ai-action-icon{color:#8ce0c2;background:#62c0a01a;border-color:#62c0a057}.stage-resolution .ai-action-icon,.stage-reset .ai-action-icon{color:#aac8df;background:#7fa9cc1a;border-color:#7fa9cc57}.ai-action-copy{flex-direction:column;gap:2px;min-width:0;display:flex}.ai-action-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.ai-action-copy small{color:var(--gold);letter-spacing:.08em;font-size:8px;font-weight:800}.stage-card-effect .ai-action-copy small{color:var(--jade)}.stage-resolution .ai-action-copy small,.stage-reset .ai-action-copy small{color:var(--blue)}.online-board{background:linear-gradient(90deg, #ffffff06, transparent 34%, #3a1d0c14), repeating-linear-gradient(2deg, #4c270f1f 0 1px, transparent 1px 5px), linear-gradient(135deg, var(--board-light), var(--board-mid) 50%, #986135);touch-action:none;-webkit-user-select:none;user-select:none;border-radius:clamp(7px,.9vw,12px);width:100%;height:100%;position:relative;overflow:hidden;box-shadow:inset 0 0 55px #46200a40,inset 0 0 0 1px #ffe8be21}.board-impact{z-index:12;aspect-ratio:1;filter:saturate(1.18);mix-blend-mode:screen;opacity:0;pointer-events:none;background:radial-gradient(circle,#fffce2 0 7%,#ffd568 11%,#f36a27 30%,#9f2312bd 49%,#0000 72%);border-radius:50%;width:16%;animation:.9s cubic-bezier(.16,.78,.2,1) forwards bomb-impact-core;position:absolute;transform:translate(-50%,-50%)scale(.12)}.board-impact.impact-nuclear{background:radial-gradient(circle,#fff 0 5%,#faffbd 8%,#dfff4e 18%,#ffc947 34%,#f04a1cd6 51%,#5b140d66 64%,#0000 75%);width:39%;animation-duration:1.25s}.board-impact.impact-mine{width:11%}.board-impact.impact-cross-mine{background:radial-gradient(circle,#fffde1 0 7%,#ffd968 12%,#ff7044 30%,#9c2536b3 51%,#0000 73%);border-radius:34%;width:18%}.board-impact.impact-sensitive{background:radial-gradient(circle,#fffde6 0 7%,#ffd253 12%,#ff7137 31%,#8e1c53b8 52%,#0000 73%)}.board-impact>b{border:clamp(1px,.18vw,3px) solid #fff6beeb;border-radius:50%;animation:.88s ease-out forwards bomb-shockwave;position:absolute;inset:8%;box-shadow:0 0 8px #ffffdcf2,0 0 24px #ff9f34db}.board-impact.impact-nuclear>b{border-color:#edff8ef2;animation-duration:1.18s;box-shadow:0 0 12px #f7ffcafa,0 0 36px #d6ff4bdb}.board-impact>span{aspect-ratio:1;background:#fff5b6;border-radius:50%;width:4%;animation:.82s ease-out forwards bomb-debris;position:absolute;top:48%;left:48%;box-shadow:-42px -23px #ffb33d,39px -28px #ffe47a,46px 21px #ff7b35,-37px 31px #ffd54d,9px -49px #fff2a5,-4px 51px #ff8a35}.board-impact.impact-nuclear>span{animation-duration:1.12s;box-shadow:-74px -43px #dbff4f,71px -51px #fff18a,85px 38px #ff922f,-78px 59px #ffce40,12px -91px #f2ffad,-7px 94px #ff7130}@keyframes bomb-impact-core{0%{opacity:0;transform:translate(-50%,-50%)scale(.08)}14%{opacity:1;transform:translate(-50%,-50%)scale(.46)}44%{opacity:.96;transform:translate(-50%,-50%)scale(1.08)}to{opacity:0;transform:translate(-50%,-50%)scale(1.42)}}@keyframes bomb-shockwave{0%{opacity:0;transform:scale(.08)}24%{opacity:1}to{opacity:0;transform:scale(2.1)}}@keyframes bomb-debris{0%{opacity:0;transform:scale(.2)rotate(0)}24%{opacity:1}to{opacity:0;transform:scale(1.35)rotate(34deg)}}.online-intersection.impact-target{z-index:7}.impact-spark{z-index:10;aspect-ratio:1;pointer-events:none;background:radial-gradient(circle,#fff9c4eb,#f4632373 38%,#0000 70%);border-radius:50%;width:122%;animation:.88s ease-out forwards impact-cell-flash;position:absolute}.impact-spark.impact-nuclear{background:radial-gradient(circle,#f9ffcff5,#d2ff3e7a 38%,#f45f1f47 58%,#0000 73%);animation-duration:1.18s}.impact-spark.impact-mine{background:radial-gradient(circle,#fff8c7,#ff91279e 34%,#0000 72%)}.impact-spark.impact-cross-mine{background:radial-gradient(circle,#fffbd7,#ff743aad 34%,#84274940 58%,#0000 73%)}@keyframes impact-cell-flash{0%{opacity:0;transform:scale(.15)}18%{opacity:1;transform:scale(1.12)}56%{opacity:.75;transform:scale(1.42)}to{opacity:0;transform:scale(1.65)}}.board-card-flash{--effect-rgb:223, 185, 104;z-index:10;border:1px solid rgba(var(--effect-rgb), .52);background:radial-gradient(circle, rgba(var(--effect-rgb), .22), rgba(var(--effect-rgb), .06) 42%, transparent 70%);box-shadow:inset 0 0 46px rgba(var(--effect-rgb), .12), 0 0 24px rgba(var(--effect-rgb), .13);opacity:0;pointer-events:none;border-radius:12%;place-items:center;animation:.82s ease-out forwards board-card-flash;display:grid;position:absolute;inset:7%}.board-card-flash:before,.board-card-flash:after{border:1px solid rgba(var(--effect-rgb), .54);content:"";border-radius:50%;animation:.82s ease-out forwards card-effect-ring;position:absolute;inset:12%}.board-card-flash:after{animation-delay:70ms;inset:28%}.board-card-flash>b{color:rgba(var(--effect-rgb), .9);text-shadow:0 0 24px rgba(var(--effect-rgb), .78);font-size:clamp(22px,7vw,58px);font-weight:800;animation:.82s ease-out forwards global-card-glyph}.card-effect-burst{--effect-rgb:223, 185, 104;z-index:11;aspect-ratio:1;border:1px solid rgba(var(--effect-rgb), .76);background:radial-gradient(circle, #fff6 0 8%, rgba(var(--effect-rgb), .3) 15%, rgba(var(--effect-rgb), .08) 50%, transparent 72%);width:126%;box-shadow:inset 0 0 10px rgba(var(--effect-rgb), .35), 0 0 14px rgba(var(--effect-rgb), .28);opacity:0;pointer-events:none;border-radius:50%;place-items:center;animation:.82s cubic-bezier(.18,.72,.22,1) forwards card-effect-bloom;display:grid;position:absolute}.card-effect-burst:before,.card-effect-burst:after{border:1px solid rgba(var(--effect-rgb), .68);content:"";border-radius:50%;animation:.8s ease-out forwards card-effect-ring;position:absolute}.card-effect-burst:before{inset:-12%}.card-effect-burst:after{animation-delay:60ms;inset:14%}.card-effect-burst>b{color:rgb(var(--effect-rgb));text-shadow:0 0 8px rgba(var(--effect-rgb), .9);font-size:clamp(7px,1.05vw,14px);font-weight:900}.effect-attack{--effect-rgb:238, 92, 63}.effect-control{--effect-rgb:139, 112, 235}.effect-defense{--effect-rgb:79, 209, 165}.effect-utility{--effect-rgb:235, 190, 99}@keyframes card-effect-bloom{0%{opacity:0;transform:scale(.24)rotate(-18deg)}24%{opacity:1;transform:scale(.92)rotate(0)}68%{opacity:.82;transform:scale(1.18)rotate(9deg)}to{opacity:0;transform:scale(1.48)rotate(14deg)}}@keyframes card-effect-ring{0%{opacity:0;transform:scale(.3)}28%{opacity:.92}to{opacity:0;transform:scale(1.28)}}@keyframes board-card-flash{0%{opacity:0;transform:scale(.88)}24%{opacity:1}to{opacity:0;transform:scale(1.04)}}@keyframes global-card-glyph{0%{opacity:0;transform:scale(.35)rotate(-12deg)}34%{opacity:.92;transform:scale(1)rotate(0)}to{opacity:0;transform:scale(1.28)rotate(8deg)}}.online-board.interactive{cursor:crosshair}.online-grid-lines{pointer-events:none;background-image:linear-gradient(90deg,#301c10c2 1px,#0000 1px),linear-gradient(#301c10c2 1px,#0000 1px);background-position:-.5px -.5px;background-size:7.14286% 7.14286%;border:1px solid #301c10db;position:absolute;inset:5.5%;box-shadow:0 1px #ffe1ac1f}.armed-bomb-zone{--zone-fill:#e25c2e1f;--zone-line:#7e2d1b61;z-index:1;aspect-ratio:1;opacity:.68;filter:saturate(1.08);pointer-events:none;width:19.3%;animation:2.8s ease-in-out infinite armed-zone-breathe;position:absolute;transform:translate(-50%,-50%)}.armed-bomb-zone.zone-blast:before,.armed-bomb-zone.zone-blast:after,.armed-bomb-zone.zone-cross-mine:before,.armed-bomb-zone.zone-cross-mine:after,.armed-bomb-zone.zone-self-destruct:before,.armed-bomb-zone.zone-self-destruct:after,.armed-bomb-zone.zone-sensitive:before,.armed-bomb-zone.zone-sensitive:after{border:1px solid var(--zone-line);background:linear-gradient(135deg, #ffffff14, transparent 45%), var(--zone-fill);box-shadow:inset 0 0 8px var(--zone-fill), 0 0 7px var(--zone-fill);content:"";border-radius:999px;position:absolute}.armed-bomb-zone.zone-blast:before,.armed-bomb-zone.zone-cross-mine:before,.armed-bomb-zone.zone-self-destruct:before,.armed-bomb-zone.zone-sensitive:before{width:34%;height:100%;top:0;left:33%}.armed-bomb-zone.zone-blast:after,.armed-bomb-zone.zone-cross-mine:after,.armed-bomb-zone.zone-self-destruct:after,.armed-bomb-zone.zone-sensitive:after{width:100%;height:34%;top:33%;left:0}.armed-bomb-zone.zone-self-destruct{--zone-fill:#e83c2b21;--zone-line:#96271c6b;animation-duration:2.2s}.armed-bomb-zone.zone-sensitive{--zone-fill:#f4712f21;--zone-line:#9a341f6e;animation-duration:1.9s}.armed-bomb-zone.zone-cross-mine{--zone-fill:#ff6f3d21;--zone-line:#842b3075;animation-duration:2.15s}.armed-bomb-zone.zone-nuclear{background:linear-gradient(135deg,#ebffa11f,#0000 42%),repeating-linear-gradient(90deg,#c9ef4917 0 20%,#5974140e 20% 40%);border:1px dashed #566d147a;border-radius:9%;width:31.98%;animation-duration:3.2s;box-shadow:inset 0 0 18px #c2ec3a24,0 0 12px #b0d9321a}.armed-bomb-zone.zone-mine{background:radial-gradient(circle,#f5b33e29,#54361612 55%,#0000 72%);border:1px dashed #59391685;border-radius:50%;width:7.3%;animation-duration:2.4s;box-shadow:0 0 9px #e08f2b1f}@keyframes armed-zone-breathe{0%,to{opacity:.52;filter:saturate()}50%{opacity:.78;filter:saturate(1.18)}}.online-intersection{z-index:2;aspect-ratio:1;pointer-events:none;border-radius:50%;place-items:center;width:6.55%;display:grid;position:absolute;transform:translate(-50%,-50%)}.online-intersection.aimed:before,.online-intersection.target:before,.online-intersection.pending-stone-target:before,.online-intersection.revive-option:before{z-index:-1;aspect-ratio:1;content:"";border-radius:50%;width:68%;position:absolute}.online-intersection.replay-pulse:after{z-index:4;aspect-ratio:1;content:"";pointer-events:none;background:#ffe08b2e;border:2px solid #fff2bef2;border-radius:50%;width:92%;animation:.72s ease-out infinite replay-target-pulse;position:absolute;box-shadow:0 0 0 2px #4f33182e,0 0 18px #ffdd84cc}@keyframes replay-target-pulse{0%{opacity:.55;transform:scale(.72)}58%{opacity:1}to{opacity:.16;transform:scale(1.22)}}.online-intersection.aimed:before{background:#fff4d133;border:1.5px solid #fff5d6e6;box-shadow:0 0 12px #ffe8b08c}.online-intersection.target:before{background:#41a78433;border:2px solid #7de0bd;box-shadow:0 0 12px #5bd0a999}.online-intersection.pending-stone-target:before{background:#ffe08b29;border:2px dashed #ffebaef2;width:96%;animation:.8s ease-in-out infinite alternate placement-preview-pulse;box-shadow:0 0 16px #ffdc7dad}@keyframes placement-preview-pulse{0%{opacity:.66;transform:scale(.88)}to{opacity:1;transform:scale(1.05)}}.online-intersection.selectable-target:after{z-index:6;aspect-ratio:1;content:"";background:#1c896680;border:2px solid #7ef4cdf5;border-radius:50%;width:34%;animation:1.15s ease-in-out infinite alternate selectable-target-pulse;position:absolute;box-shadow:0 0 0 2px #0a2d222e,0 0 10px #6aefc2d1}.online-intersection.selectable-target:has(.game-stone):after{background:#38c9991f;border-color:#79f6cdfa;width:96%;box-shadow:0 0 0 2px #05312359,0 0 15px #5be8b8eb}@keyframes selectable-target-pulse{0%{opacity:.46;transform:scale(.72)}to{opacity:1;transform:scale(1.12)}}.selection-order{z-index:8;aspect-ratio:1;color:#fff9dd;background:#178d69;border:1px solid #fffae0eb;border-radius:50%;place-items:center;width:39%;min-width:13px;font-size:clamp(7px,.75vw,11px);font-style:normal;font-weight:950;line-height:1;display:grid;position:absolute;top:-18%;right:-14%;box-shadow:0 2px 7px #08342894}.online-intersection.effect-preview{background:radial-gradient(circle,#e2463247 0 42%,#e246321a 44% 66%,#0000 68%);box-shadow:inset 0 0 0 1px #d74b3766}.online-intersection.preview-shield,.online-intersection.preview-omokDefense,.online-intersection.preview-guardianFormation,.online-intersection.preview-terasaimo,.online-intersection.preview-summon,.online-intersection.preview-relocate{background:radial-gradient(circle,#40be9247 0 45%,#0000 68%);box-shadow:inset 0 0 0 1px #54d2a87a}.online-intersection.preview-gravityField{background:radial-gradient(circle,#8466f457 0 44%,#452ab024 46% 68%,#0000 70%);box-shadow:inset 0 0 0 1px #a68fff9e}.online-intersection.preview-crossBlast{background:radial-gradient(circle,#d1fa4d5c 0 44%,#5e791429 46% 68%,#0000 70%);box-shadow:inset 0 0 0 1px #cbf449a8}.online-intersection.preview-crossMine{background:linear-gradient(#0000 32%,#ee5b3438 33% 67%,#0000 68%),linear-gradient(90deg,#0000 32%,#ee5b3438 33% 67%,#0000 68%);box-shadow:inset 0 0 0 1px #f2744894}.online-intersection.preview-sniper,.online-intersection.sniper-target{background:radial-gradient(circle,#ffe78f1a 0 24%,#0000 26% 42%,#f2533d66 44% 50%,#0000 52%);box-shadow:inset 0 0 0 1px #ffb97194}.online-intersection.sniper-origin:before{border-color:#ffda85f2;box-shadow:0 0 15px #ffbd4eb8}.online-intersection.preview-paint{background:radial-gradient(circle,#f05cbd52 0 44%,#0000 69%);box-shadow:inset 0 0 0 1px #ff8bd794}.online-intersection.preview-push,.online-intersection.preview-swap{background:radial-gradient(circle,#e7b24e47 0 45%,#0000 68%);box-shadow:inset 0 0 0 1px #e7be647a}.game-stone.preview-displaced{opacity:.28;filter:saturate(.45)}.game-stone.preview-ghost{z-index:6;opacity:.72;outline-offset:2px;filter:saturate(.78);outline:2px dashed #fff5c6e6;width:83%;position:absolute;box-shadow:0 0 17px #ffe08bb8}.game-stone.placement-preview{z-index:6;opacity:.72;outline-offset:2px;filter:saturate(.72);outline:2px dashed #ffefbcf0;width:83%;position:absolute;box-shadow:0 0 18px #ffdd83b3}.selection-path{z-index:5;transform-origin:0;pointer-events:none;background:linear-gradient(90deg,#48c69b,#ffe5a2);border-radius:999px;height:3px;position:absolute;box-shadow:0 0 9px #49cb9ee0}.selection-path>b{color:#fff4c6;text-shadow:0 0 7px #144836bf;font-size:20px;line-height:1;position:absolute;top:50%;right:-2px;transform:translate(35%,-54%)}.selection-path.sniper-aim-line{z-index:7;background:repeating-linear-gradient(90deg,#fff7c9fa 0 10px,#f8583d9e 10px 15px);height:2px;animation:.76s ease-in-out infinite alternate sniper-line-pulse;box-shadow:0 0 6px #ffe7a3eb,0 0 13px #ef4835b3}.selection-path.sniper-fire-line{height:4px;animation:.72s ease-out forwards sniper-fire}.selection-path.sniper-aim-line>b{color:#fff3ba;text-shadow:0 0 6px #fff2af,0 0 13px #eb4330f2;font-size:17px}@keyframes sniper-line-pulse{0%{opacity:.62;filter:brightness(.92)}to{opacity:1;filter:brightness(1.28)}}@keyframes sniper-fire{0%{opacity:0;filter:brightness(2.2)}16%{opacity:1}to{opacity:0;filter:brightness()}}.board-selection-guide{z-index:15;color:#e9fff5;pointer-events:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a120fe0;border:1px solid #61d2aa7a;border-radius:10px;grid-template-columns:29px minmax(0,1fr);align-items:center;gap:7px;min-width:min(260px,74%);min-height:38px;padding:5px 11px 5px 6px;display:grid;position:absolute;top:2.2%;left:50%;transform:translate(-50%);box-shadow:0 7px 23px #1a322847}.board-selection-guide>i{aspect-ratio:1;color:#8de2c2;background:#48c39826;border-radius:8px;place-items:center;width:29px;font-family:Georgia,serif;font-style:normal;display:grid}.board-selection-guide>span{flex-direction:column;gap:1px;min-width:0;display:flex}.board-selection-guide strong{font-size:9px}.board-selection-guide small{color:#e0f6edb3;text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.online-intersection.revive-option:before{background:#f5ae3833;border:2px solid #ffd269f5;width:88%;animation:.9s ease-in-out infinite alternate revive-option-pulse;box-shadow:0 0 0 3px #643a1829,0 0 18px #ffbe48d1}@keyframes revive-option-pulse{0%{opacity:.65;transform:scale(.78)}to{opacity:1;transform:scale(1.08)}}.hoshi{aspect-ratio:1;background:#2f1a0ee6;border-radius:50%;width:16%;min-width:3px;max-width:7px;box-shadow:0 1px #ffe7b71a}.game-stone,.mini-stone,.result-stone{aspect-ratio:1;border-radius:50%;place-items:center;font-style:normal;display:grid}.game-stone{z-index:2;color:#ffffffc7;width:83%;font-size:clamp(7px,1.25vw,18px);font-weight:850;line-height:1;position:relative}.game-stone.black,.mini-stone.black,.result-stone.black{background:radial-gradient(circle at 32% 24%,#656c67,#232724 29%,#070908 75%);border:1px solid #ffffff17;box-shadow:0 3px 5px #00000094,inset -2px -3px 4px #00000080}.game-stone.white,.mini-stone.white,.result-stone.white{color:#655747;background:radial-gradient(circle at 32% 23%,#fffdf7,#eee6d5 44%,#b7aa92 100%);border:1px solid #685b4685;box-shadow:0 3px 5px #36200f73,inset -2px -3px 4px #715d4338}.game-stone.temporary{opacity:.67;outline-offset:-3px;outline:1px dashed #ffffffb8}.game-stone.painted{color:#ffd1f0;box-shadow:0 0 0 2px #e74eb1eb,0 0 17px #eb50b8c7}.game-stone.shielded{isolation:isolate;outline-offset:2px;outline:2px solid #6bd1aeeb;box-shadow:0 0 14px #5acda699,inset 0 0 8px #84ffd833}.game-stone.shielded:before{z-index:-1;clip-path:polygon(25% 7%,75% 7%,100% 50%,75% 93%,25% 93%,0 50%);content:"";opacity:.72;background:conic-gradient(from 30deg,#68e4ba0d,#9effde6b,#68e4ba0d 40%,#9effde57 70%,#68e4ba0d);border:1px solid #9cf7d9d1;animation:4.8s linear infinite shield-aura-turn;position:absolute;inset:-18%}@keyframes shield-aura-turn{to{transform:rotate(360deg)}}.game-stone.sealed{filter:saturate(.4);outline-offset:1px;outline:2px solid #d36754d9}.game-stone.sealed:after{content:"";border:1px dashed #7a2826c7;border-radius:50%;animation:5.5s linear infinite reverse seal-ring-turn;position:absolute;inset:-8%}@keyframes seal-ring-turn{to{transform:rotate(360deg)}}.game-stone.self-destruct{animation:.9s infinite alternate danger-stone-pulse}.game-stone.sensitive-bomb{color:#ffcf78;outline-offset:2px;outline:2px solid #f67e40eb;animation:.62s infinite alternate sensitive-bomb-pulse}@keyframes sensitive-bomb-pulse{0%{transform:scale(1);box-shadow:0 0 5px #f67e4073}to{transform:scale(1.055);box-shadow:0 0 19px #ffb04cfa}}.game-stone.future-strike{box-shadow:0 0 0 2px #aa72e1b8,0 0 16px #a363e09e}.game-stone.blast-marked{color:#ffcf78;animation:.9s infinite alternate danger-stone-pulse;box-shadow:0 0 0 2px #7e2d1bd1,0 0 15px #ef6f42b8}.game-stone.cross-blast-marked{color:#d9ff73;animation:.68s infinite alternate nuclear-marker-pulse;box-shadow:0 0 0 2px #677e1be6,0 0 19px #c5f43fe0}@keyframes nuclear-marker-pulse{0%{transform:scale(1);box-shadow:0 0 5px #a7d12b7a}to{transform:scale(1.06);box-shadow:0 0 22px #d8ff5bfa}}@keyframes danger-stone-pulse{0%{box-shadow:0 0 5px #e44a3766}to{box-shadow:0 0 18px #f44730f2}}.blocked-cell,.blast-cell,.prediction-cell,.prediction-hit-cell,.mine-cell,.cross-mine-cell,.mine-hit-cell,.cross-blast-cell,.revive-cell{aspect-ratio:1;pointer-events:none;border-radius:50%;place-items:center;width:58%;font-style:normal;font-weight:900;line-height:1;display:grid}.blocked-cell{color:#7c291f;background:#8d2c2340;border:1px solid #af4033b8;font-size:clamp(7px,1.2vw,16px);position:relative}.blocked-cell:after,.mine-cell:after,.cross-mine-cell:after{aspect-ratio:1;border-radius:50%;place-items:center;width:clamp(10px,1vw,14px);font-size:clamp(5px,.52vw,7px);font-style:normal;font-weight:950;line-height:1;display:grid;position:absolute;bottom:-18%;right:-18%;box-shadow:0 1px 4px #0000007a}.blocked-cell.owner-black:after,.mine-cell.owner-black:after,.cross-mine-cell.owner-black:after{content:"흑";color:#f4eee2;background:#171b19;border:1px solid #ffffff47}.blocked-cell.owner-white:after,.mine-cell.owner-white:after,.cross-mine-cell.owner-white:after{content:"백";color:#473d31;background:#f4eddf;border:1px solid #372d1f7a}.blast-cell{z-index:4;color:#4e1d11;text-shadow:0 0 7px #ffdc91eb;background:radial-gradient(circle,#ffca689e,#842d1957);border:1px solid #7e2d1bb8;width:52%;font-size:clamp(8px,1.35vw,18px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 10px #ef6f42a8}.prediction-cell,.prediction-hit-cell,.mine-cell,.cross-mine-cell,.mine-hit-cell,.cross-blast-cell{z-index:3;color:#5d2a79;text-shadow:0 0 8px #b870e2c2;font-size:clamp(8px,1.35vw,18px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.mine-cell{z-index:4;color:#ffd77d;background:radial-gradient(circle,#302a22e6,#6e481d80);border:1px dashed #3d2a18db;width:58%;font-size:clamp(8px,1.25vw,17px);box-shadow:0 0 10px #eca33685}.cross-mine-cell{z-index:4;color:#ffe08b;background:linear-gradient(#0000 34%,#de4e2f70 35% 65%,#0000 66%),linear-gradient(90deg,#0000 34%,#de4e2f70 35% 65%,#0000 66%),radial-gradient(circle,#362622f5,#753023b3);border:1px dashed #612225e0;width:62%;font-size:clamp(8px,1.25vw,17px);animation:1.7s ease-in-out infinite alternate cross-mine-ready;box-shadow:0 0 0 2px #75262624,0 0 12px #f05e3099}.cross-mine-hit-cell{background:radial-gradient(circle,#fff4abfa,#f4522cc7 38%,#66182626 70%,#0000 74%);border-color:#ffe185fa}@keyframes cross-mine-ready{0%{filter:saturate(.95);transform:translate(-50%,-50%)scale(.94)}to{filter:saturate(1.25);transform:translate(-50%,-50%)scale(1.04)}}.mine-hit-cell{z-index:9;color:#fff5cb;background:radial-gradient(circle,#ffe891f0,#f16725b8 38%,#5b1c0e1f 70%,#0000 74%);border:2px solid #ffdc80f5;width:92%;animation:.72s ease-in-out infinite alternate mine-hit-pulse;box-shadow:0 0 28px #f46523f5}.online-intersection.mine-hit{z-index:6}@keyframes mine-hit-pulse{0%{opacity:.7;transform:translate(-50%,-50%)scale(.72)rotate(-8deg)}to{opacity:1;transform:translate(-50%,-50%)scale(1.12)rotate(8deg)}}.prediction-hit-cell{z-index:8;color:#fff3ff;background:radial-gradient(circle,#cd7dffbd,#5b1c7f26 58%,#0000 72%);border:2px solid #ebbefff5;width:82%;animation:.9s ease-in-out infinite alternate prediction-hit-pulse;box-shadow:0 0 0 2px #541e6f47,0 0 24px #bb5beff2}.online-intersection.prediction-hit{z-index:5}@keyframes prediction-hit-pulse{0%{opacity:.72;transform:translate(-50%,-50%)scale(.8)}to{opacity:1;transform:translate(-50%,-50%)scale(1.08)}}.prediction-dodge-cell{z-index:9;aspect-ratio:1;color:#6d348c;pointer-events:none;background:radial-gradient(circle,#e6c0fa4d,#66348714 58%,#0000 72%);border:1px solid #bc71e6b3;border-radius:50%;align-content:center;place-items:center;width:86%;font-style:normal;line-height:1;animation:1.25s cubic-bezier(.42,0,.72,1) forwards prediction-dodge-dismiss;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 14px #a65dcf6b}.prediction-dodge-cell>b{font-family:Georgia,serif;font-size:clamp(8px,1.35vw,18px)}.prediction-dodge-cell>small{margin-top:-1px;font-size:clamp(4px,.45vw,7px);font-weight:850}.online-intersection.prediction-dodge{z-index:6}@keyframes prediction-dodge-dismiss{0%{opacity:0;transform:translate(-50%,-50%)scale(1.08)rotate(0)}18%{opacity:.92}68%{opacity:.72;transform:translate(-50%,-50%)scale(.62)rotate(360deg)}to{opacity:0;transform:translate(-50%,-50%)scale(.08)rotate(620deg)}}.last-move-indicator{z-index:8;aspect-ratio:1;pointer-events:none;background:#3182f6;border:1.5px solid #fffffff5;border-radius:50%;width:22%;min-width:5px;animation:.42s ease-out both last-move-settle;position:absolute;top:50%;left:50%;box-shadow:0 1px 4px #1f3b6959,0 0 0 1px #3182f633}@keyframes last-move-settle{0%{opacity:0;transform:translate(-50%,-50%)scale(.45)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.cross-blast-cell{color:#344308;text-shadow:0 0 9px #e3ff81f5;background:radial-gradient(circle,#e0ff6fb8,#657e1c57);border:1px solid #5c6f18d6;width:58%;animation:.8s infinite alternate nuclear-cell-pulse;box-shadow:0 0 15px #c1eb41db}.bomb-countdown-stack{z-index:8;pointer-events:none;flex-direction:column;align-items:flex-end;gap:2px;display:flex;position:absolute;top:-13%;right:-13%}.bomb-countdown{aspect-ratio:1;color:#fff2cf;background:#8d321d;border:1px solid #ffe1bbf5;border-radius:50%;place-items:center;width:clamp(13px,42%,19px);min-width:13px;font-size:clamp(6px,.68vw,10px);font-style:normal;font-weight:950;line-height:1;display:grid;box-shadow:0 2px 7px #32120a9e,0 0 10px #f06a3ab3}.bomb-countdown.countdown-nuclear{color:#f3ffad;background:#43520f;border-color:#f4ffb5f0;box-shadow:0 2px 7px #202a05a3,0 0 10px #cdf74ab8}.bomb-countdown.countdown-self-destruct{color:#fff0e0;background:#98251d;box-shadow:0 2px 7px #360906a8,0 0 10px #fa4830bd}@keyframes nuclear-cell-pulse{0%{transform:translate(-50%,-50%)scale(.92)}to{transform:translate(-50%,-50%)scale(1.08)}}.revive-cell{z-index:3;color:#673816;text-shadow:0 0 7px #ffe59eeb;background:#ffda8061;border:1px dashed #704119b8;font-size:clamp(8px,1.25vw,17px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.match-panel{border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(145deg,#ffffff09,#0000 38%),#111714e0;border-radius:16px;grid-template-rows:auto auto minmax(0,1fr) auto;gap:clamp(7px,1.1vh,12px);min-width:0;min-height:0;padding:clamp(9px,1.4vw,16px);display:grid;position:relative;overflow:hidden;box-shadow:0 18px 55px #0000003d}.player-badge{background:#ffffff06;border:1px solid #0000;border-radius:11px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;min-width:0;min-height:48px;padding:7px 9px;transition:border-color .16s,background .16s;display:grid}.player-badge.active{background:#dfb9680e;border-color:#dfb96852}.opponent-overview{gap:5px;min-width:0;display:grid}.opponent-hand-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;min-width:0;display:grid}.opponent-mini-card{border:1px solid var(--line);min-width:0;height:38px;color:var(--muted);background:radial-gradient(circle at 72% 20%,#ffffff0f,#0000 48%),#080c0a9e;border-radius:8px;outline:0;grid-template-rows:1fr auto;grid-template-columns:17px minmax(0,1fr);align-items:center;gap:0 4px;padding:4px;display:grid;overflow:hidden}.opponent-mini-card:focus-visible{border-color:#dfb968b3;box-shadow:0 0 0 2px #dfb96824}.opponent-mini-card>b{width:17px;height:17px;color:var(--gold-bright);background:#2a2418;border:1px solid #f6d99959;border-radius:50%;grid-row:1/3;place-items:center;font-size:8px;display:grid}.opponent-mini-card>i{color:#d7cdbd;text-align:center;font-family:Georgia,serif;font-size:13px;font-style:normal;line-height:1;overflow:hidden}.opponent-mini-card>small{color:var(--faint);text-align:center;text-overflow:ellipsis;white-space:nowrap;font-size:7px;font-weight:750;line-height:1;overflow:hidden}.opponent-mini-card.tone-attack>i{color:#ec9482}.opponent-mini-card.tone-control>i{color:#9fc7e6}.opponent-mini-card.tone-defense>i{color:#87d6ba}.opponent-mini-card.tone-utility>i{color:#dfbd72}.opponent-mini-card.empty{opacity:.34;border-style:dashed;grid-template-columns:1fr;place-items:center;display:grid}.opponent-mini-card.empty>i{font-size:16px}.mini-stone{flex:none;width:30px}.player-copy{flex-direction:column;gap:2px;min-width:0;display:flex}.player-copy>span{color:var(--faint);letter-spacing:.1em;font-size:8px;font-weight:800}.player-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.player-name-line{align-items:center;gap:6px;min-width:0;display:flex}.player-name-line>strong{min-width:0}.player-passives{flex:none;align-items:center;gap:3px;display:flex}.player-passive{color:#8ee0c3;cursor:help;background:linear-gradient(145deg,#67d9b12e,#163a2f33),#080e0cf0;border:1px solid #7ed3b57a;border-radius:5px;outline:0;flex:none;place-items:center;width:19px;height:19px;display:grid;position:relative;box-shadow:inset 0 0 9px #50cda11a}.player-passive>i{font-family:Georgia,serif;font-size:11px;font-style:normal;line-height:1}.player-passive>em{z-index:40;width:max-content;max-width:190px;color:var(--paper);pointer-events:none;background:#080c0afa;border:1px solid #dfb96847;border-radius:7px;padding:7px 9px;font-style:normal;display:none;position:absolute;top:calc(100% + 7px);left:50%;transform:translate(-50%);box-shadow:0 9px 24px #00000061}.player-passive>em:before{content:"";border:4px solid #0000;border-bottom-color:#dfb96847;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.player-passive>em b,.player-passive>em small{white-space:nowrap;display:block}.player-passive>em b{font-size:9px}.player-passive>em small{color:var(--muted);margin-top:2px;font-size:8px}.player-passive:hover>em,.player-passive:focus-visible>em,.player-passive:focus>em{display:block}.player-resources{color:var(--muted);white-space:nowrap;align-items:center;gap:7px;font-size:9px;display:flex}.player-resources>span:first-child{color:var(--gold-bright);font-weight:800}.turn-status{border-left:2px solid var(--gold);background:#0003;border-radius:5px 10px 10px 5px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;min-height:52px;padding:9px 11px;display:grid}.turn-status>div{flex-direction:column;gap:3px;min-width:0;display:flex}.turn-status span{color:var(--gold);letter-spacing:.14em;font-size:8px;font-weight:900}.turn-status strong{color:#d8cfbf;text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:650;overflow:hidden}.turn-status>b{border:1px solid var(--line);width:34px;height:34px;color:var(--gold-bright);font-family:var(--font-geist-mono), monospace;border-radius:50%;place-items:center;font-size:10px;display:grid}.turn-status>b.turn-timer{--timer-color:#65d8b1;isolation:isolate;background:conic-gradient(from 0deg, var(--timer-color) 0 var(--turn-progress), #ffffff1a var(--turn-progress) 360deg);box-shadow:0 0 14px var(--timer-color);border:0;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.turn-status>b.turn-timer{box-shadow:0 0 14px color-mix(in srgb, var(--timer-color) 24%, transparent)}}.turn-status>b.turn-timer{color:#eafbf5;font-variant-numeric:tabular-nums;font-size:11px}.turn-status>b.turn-timer:before{z-index:-1;border-radius:inherit;content:"";background:#121a17;border:1px solid #ffffff12;position:absolute;inset:3px}.turn-timer>em{font-style:normal}.turn-status>b.turn-timer.warning{--timer-color:#e3ba5b;color:#ffe7a9}.turn-status>b.turn-timer.critical{--timer-color:#ff665c;color:#ffe0dc;animation:.7s ease-in-out infinite alternate turn-timer-pulse}.turn-status>b.turn-timer.replaying{--timer-color:#7c8f87;color:#aebbb6;animation:none}@keyframes turn-timer-pulse{0%{transform:scale(1);box-shadow:0 0 8px #ff665c38}to{transform:scale(1.055);box-shadow:0 0 18px #ff665c7a}}.online-intersection.pending-king-target:before,.online-intersection.king-preview-origin:before{z-index:-1;aspect-ratio:1;content:"";background:#ffc44933;border:2px solid #ffda70fa;border-radius:50%;width:104%;animation:.72s ease-in-out infinite alternate king-target-pulse;position:absolute;box-shadow:0 0 0 3px #70481033,0 0 20px #ffc64beb}.online-intersection.king-move-target:after{z-index:6;aspect-ratio:1;content:"";background:#9d65137a;border:2px solid #ffe58ffa;border-radius:28% 28% 48% 48%;width:43%;animation:.92s ease-in-out infinite alternate king-target-pulse;position:absolute;box-shadow:0 0 0 2px #4c2e0833,0 0 13px #ffcf5deb}.online-intersection.king-move-target:has(.game-stone):after{background:#d98b261f;width:100%}.online-intersection.king-preview-destination{z-index:7}.selection-path.king-move-line{z-index:7;background:linear-gradient(90deg,#9b651d,#ffe49a,#fff3bd);height:4px;box-shadow:0 0 7px #ffda79f2,0 0 16px #ce8320b8}.selection-path.king-move-line>b{color:#fff1b8;text-shadow:0 0 5px #fff4c6f2,0 0 13px #78470af2;font-family:Georgia,serif;font-size:22px}.game-stone.king{z-index:4;color:#ffe8a1;text-shadow:0 1px #372005eb,0 0 8px #ffd363b8;border-radius:30% 30% 46% 46%;width:92%;font-family:Georgia,Times New Roman,serif;font-size:clamp(15px,2.65vw,34px);font-weight:700;box-shadow:0 0 0 2px #ffd56cdb,0 4px 7px #0000008c,0 0 16px #ebab36b3}.game-stone.king.white{color:#7a4d0f;text-shadow:0 1px #ffffffeb,0 0 8px #ffd059b3}.game-stone.king-origin-preview{z-index:6;opacity:.78;outline-offset:2px;filter:saturate(.74);outline:2px dashed #ffde82eb;width:83%;position:absolute;box-shadow:0 0 16px #ffcd5fad}@keyframes king-target-pulse{0%{opacity:.56;transform:scale(.78)}to{opacity:1;transform:scale(1.08)}}@media (prefers-reduced-motion:reduce){.turn-status>b.turn-timer.critical{animation:none}}.online-hand{grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(6px,.75vw,9px);min-height:0;display:grid}.card-choice-popover{z-index:30;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:radial-gradient(circle at 50% 0,#dfb9681a,#0000 45%),#0e1411f7;border:1px solid #dfb96875;border-radius:13px;grid-template-rows:auto minmax(0,1fr);gap:10px;min-height:0;padding:clamp(11px,1.25vw,16px);display:grid;position:absolute;inset:clamp(118px,22vh,154px) clamp(9px,1.4vw,16px) clamp(91px,13vh,118px);overflow:hidden;box-shadow:0 18px 44px #0000007a}.card-choice-popover>div:first-child{white-space:normal;flex-direction:column;gap:4px;min-width:0;display:flex}.card-choice-popover>div:first-child strong{color:var(--cream);font-size:clamp(12px,1.15vw,15px)}.card-choice-popover>div:first-child small{color:var(--muted);font-size:9px;line-height:1.45}.card-choice-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;min-height:0;display:grid}.card-choice-option{border:1px solid var(--line);min-width:0;color:var(--cream);background:#ffffff06;border-radius:10px;align-content:center;place-items:center;gap:5px;padding:7px 4px;display:grid;position:relative;overflow:hidden}.card-choice-option>b{aspect-ratio:1;width:18px;color:var(--gold-bright);background:#2b2418;border-radius:50%;place-items:center;font-size:8px;display:grid;position:absolute;top:5px;left:5px}.card-choice-option>i{font-family:Georgia,serif;font-size:clamp(17px,2vw,26px);font-style:normal}.card-choice-option>span{text-overflow:ellipsis;max-width:100%;font-size:9px;font-weight:800;overflow:hidden}.card-choice-option>em{color:#81dabb;font-size:7px;font-style:normal;font-weight:900;position:absolute;bottom:5px;right:5px}.online-card{border:1px solid var(--line);cursor:pointer;text-align:center;background:radial-gradient(circle at 50% 17%,#ffffff0f,#0000 46%),#151b18;border-radius:12px;grid-template-rows:auto auto auto;align-content:center;justify-items:center;gap:clamp(4px,.65vh,7px);min-width:0;min-height:0;padding:clamp(9px,1.1vw,14px);transition:transform .14s,border-color .14s,background .14s;display:grid;position:relative;overflow:hidden}.online-card:after{content:"";pointer-events:none;border:1px solid #ffffff06;border-radius:9px;position:absolute;inset:3px}.online-card:hover:not(:disabled),.online-card.selected{z-index:2;background:radial-gradient(circle at 50% 17%,#dfb96826,#0000 46%),#1a201c;border-color:#dfb968b8;transform:translateY(-2px)}.online-card-cost{z-index:2;width:23px;height:23px;color:var(--gold-bright);background:#2a2418;border:1px solid #f6d9996b;border-radius:50%;place-items:center;font-size:10px;font-weight:900;display:grid;position:absolute;top:7px;left:7px}.online-card-icon{aspect-ratio:1;border:1px solid var(--line);background:#00000038;border-radius:50%;place-items:center;width:clamp(30px,3.4vw,45px);font-family:Georgia,serif;font-size:clamp(15px,1.7vw,23px);display:grid}.tone-attack .online-card-icon{color:#ec9482;border-color:#d46f5d59}.tone-control .online-card-icon{color:#9fc7e6;border-color:#7fa9cc57}.tone-defense .online-card-icon{color:#83d8ba;border-color:#62c0a05c}.tone-utility .online-card-icon{color:#e8c982;border-color:#dfb96857}.online-card strong{letter-spacing:-.02em;font-size:clamp(10px,1vw,13px)}.online-card small{max-width:16em;color:var(--muted);font-size:clamp(8px,.72vw,10px);line-height:1.45}.self-controls{gap:7px;display:grid}.energy-bar{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;min-height:29px;padding:0 3px;display:grid}.energy-bar>span,.energy-bar>b{color:var(--muted);font-size:9px}.energy-bar>div{grid-auto-columns:1fr;grid-auto-flow:column;gap:4px;display:grid}.energy-bar i{background:#ffffff14;border-radius:999px;height:5px}.first-turn-lock{color:var(--muted);text-align:center;font-size:9px}.cancel-skill{color:#e49686;background:#d46f5d12;border:1px solid #d46f5d59;border-radius:8px;min-height:32px;font-size:9px;font-weight:750}.mobile-confirm-button{color:#bff5df;background:linear-gradient(115deg,#62c0a03d,#62c0a01a);border:1px solid #62c0a08a;border-radius:8px;min-height:32px;font-size:9px;font-weight:850;display:none}.mobile-confirm-button:disabled{opacity:.38}.selection-actions{grid-template-columns:1fr;gap:5px;display:grid}.end-turn-button{min-height:32px;color:var(--gold-bright);background:#dfb96817;border:1px solid #dfb9686b;border-radius:8px;font-size:9px;font-weight:800}.mobile-opponent,.mobile-self{display:none}.match-overlay{z-index:60}.invite-panel,.result-panel{text-align:center;width:min(430px,100%)}.waiting-pulse{border:2px solid var(--jade);border-radius:50%;width:14px;height:14px;margin:0 auto 20px;animation:1.8s infinite waiting-pulse;display:block;box-shadow:0 0 #62c0a073}@keyframes waiting-pulse{70%{box-shadow:0 0 0 13px #62c0a000}to{box-shadow:0 0 #62c0a000}}.large-room-code{color:var(--gold-bright);font-family:var(--font-geist-mono), monospace;letter-spacing:.19em;text-indent:.19em;background:#00000038;border:1px dashed #dfb96873;border-radius:11px;margin:24px 0 3px;padding:17px 12px;font-size:clamp(24px,7vw,36px);font-weight:850}.waiting-lock{min-height:25px;color:var(--gold);background:#dfb96812;border:1px solid #dfb96847;border-radius:999px;align-items:center;margin-top:9px;padding:0 10px;font-size:9px;font-weight:800;display:inline-flex}.waiting-actions{gap:8px;display:grid}.waiting-cancel-button{border:1px solid var(--line-strong);width:100%;min-height:43px;color:var(--muted);cursor:pointer;background:#ffffff06;border-radius:10px;font-size:11px;font-weight:800}.waiting-cancel-button:hover{color:var(--ink);border-color:#e5d3b159}.invite-panel>small{color:var(--muted);margin-top:15px;font-size:10px;line-height:1.55;display:block}.result-stone{width:72px;margin:0 auto 20px;font-family:Georgia,serif;font-size:26px}.result-stone.draw{border:1px solid var(--line-strong);color:var(--gold);background:#ffffff0a}.result-panel>span:not(.result-stone){color:var(--muted);font-size:11px}.learning-data-note{color:#8bcbb5;background:#62c0a00f;border:1px solid #62c0a03d;border-radius:9px;margin-top:12px;padding:9px 11px;font-size:9px;line-height:1.55;display:block}.result-panel>div{grid-template-columns:1fr .58fr;gap:8px;margin-top:4px;display:grid}.result-panel .ghost-button,.result-panel .submit-button{min-height:46px;margin-top:20px}.match-menu{width:min(430px,100%)}.menu-action{border:1px solid var(--line);text-align:left;background:#ffffff06;border-radius:10px;grid-template-columns:28px 1fr;align-items:center;gap:9px;width:100%;min-height:51px;margin-top:8px;padding:0 13px;display:grid}.menu-action:hover{border-color:var(--line-strong);background:#ffffff0b}.menu-action>span{color:var(--gold);font-size:17px}.menu-action>b{font-size:11px}.menu-rules{color:var(--muted);padding-left:20px;font-size:11px;line-height:1.65;list-style:decimal}.menu-log{border-top:1px solid var(--line);color:var(--muted);margin-top:12px;font-size:10px}.menu-log summary{cursor:pointer;color:#c7bdab;padding:15px 0 8px;font-weight:750}.menu-log ol{gap:6px;max-height:180px;margin:0;padding:0 0 0 18px;line-height:1.45;display:grid;overflow:auto}.leave-button{color:#dc8776;background:#d46f5d0f;border:1px solid #d46f5d4d;border-radius:9px;width:100%;min-height:43px;margin-top:18px;font-size:10px;font-weight:750}.connection-banner{z-index:80;right:max(12px, env(safe-area-inset-right));bottom:max(12px, env(safe-area-inset-bottom));color:#edb3a8;background:#321714f0;border:1px solid #d46f5d66;border-radius:10px;align-items:center;gap:11px;max-width:min(420px,100% - 24px);min-height:43px;padding:7px 8px 7px 13px;font-size:10px;display:flex;position:fixed;box-shadow:0 14px 38px #0000007a}.connection-banner button{color:#24120e;background:#d98977;border-radius:7px;min-width:72px;min-height:29px;font-size:9px;font-weight:850}.replay-announcement{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=900px){.lobby-main{grid-template-columns:minmax(0,1fr) minmax(330px,.85fr);gap:34px}.lobby-intro h1{font-size:clamp(39px,6vw,58px)}.match-stage{grid-template-columns:minmax(0,1fr) clamp(280px,35vw,330px)}.online-card small{display:none}}@media (width<=700px) and (orientation:portrait){.match-screen{grid-template-rows:42px minmax(0,1fr)}.match-header{padding:0 7px}.match-brand{gap:0}.match-brand>span{width:29px;height:29px}.match-brand strong{display:none}.room-chip{gap:6px;min-height:29px;padding:0 8px}.room-chip>span{display:none}.room-chip b{font-size:10px}.header-actions{gap:4px}.header-actions button{min-width:38px;height:31px;padding:0 8px}.header-mode-badge{min-width:38px;height:27px;padding:0 6px;font-size:7px}.match-stage{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);gap:4px;padding:3px 5px 5px}.board-zone{grid-template-rows:33px minmax(0,1fr) 33px;gap:2px}.mobile-opponent,.mobile-self{width:100%;min-width:0;display:block}.mobile-opponent .player-badge,.mobile-self .player-badge{background:#0e1310d1;border-radius:8px;height:33px;min-height:33px;padding:3px 8px}.mobile-opponent .player-badge.with-public-hand{grid-template-columns:auto minmax(38px,1fr) auto auto;gap:5px}.mobile-opponent .opponent-hand-strip.inline{grid-template-columns:repeat(4,30px);gap:2px}.mobile-opponent .opponent-mini-card{border-radius:5px;grid-template-rows:1fr auto;grid-template-columns:9px minmax(0,1fr);gap:1px;width:30px;height:27px;padding:1px 2px}.mobile-opponent .opponent-mini-card>b{grid-row:1;width:9px;height:9px;font-size:5px}.mobile-opponent .opponent-mini-card>i{font-size:10px}.mobile-opponent .opponent-mini-card>small{grid-column:1/3;font-size:5px;display:block}.mobile-opponent .player-resources{gap:0}.mobile-opponent .player-resources>span:nth-child(2){display:none}.mobile-opponent .mini-stone,.mobile-self .mini-stone{width:22px}.mobile-opponent .player-copy,.mobile-self .player-copy{flex-direction:row;align-items:center;gap:6px}.mobile-opponent .player-copy>span,.mobile-self .player-copy>span{font-size:7px}.mobile-opponent .player-copy strong,.mobile-self .player-copy strong{font-size:10px}.mobile-opponent .player-name-line,.mobile-self .player-name-line{gap:4px}.mobile-opponent .player-passives,.mobile-self .player-passives{gap:2px}.mobile-opponent .player-passive,.mobile-self .player-passive{border-radius:4px;width:16px;height:16px}.mobile-opponent .player-passive>i,.mobile-self .player-passive>i{font-size:9px}.mobile-opponent .player-resources,.mobile-self .player-resources{font-size:8px}.board-shell{width:auto;height:min(calc(100vw - 12px - env(safe-area-inset-left) - env(safe-area-inset-right)), calc(100dvh - 244px - env(safe-area-inset-top) - env(safe-area-inset-bottom)));aspect-ratio:1;border-radius:10px;max-width:100%;max-height:100%;padding:3px}.online-board{border-radius:7px}.game-stone{font-size:clamp(7px,3vw,12px)}.board-selection-guide{grid-template-columns:24px minmax(0,1fr);gap:5px;min-width:min(230px,78%);min-height:31px;padding:3px 8px 3px 4px;top:1.4%}.board-selection-guide>i{width:24px}.board-selection-guide strong{font-size:8px}.board-selection-guide small{font-size:7px}.ai-thinking-pill{min-height:29px;padding:5px 9px}.ai-thinking-pill b{font-size:8px}.ai-action-banner{border-radius:9px;grid-template-columns:29px minmax(0,1fr);gap:7px;min-width:min(190px,76%);min-height:40px;padding:5px 9px 5px 6px}.ai-action-icon{border-radius:7px;width:29px;font-size:14px}.ai-action-copy strong{font-size:9px}.ai-action-copy small{font-size:7px}.match-panel{border-radius:11px;grid-template-rows:31px 76px auto;gap:4px;padding:5px}.desktop-player{display:none}.turn-status{height:31px;min-height:31px;padding:3px 7px}.turn-status>div{flex-direction:row;align-items:center;gap:7px}.turn-status span{flex:none;font-size:7px}.turn-status strong{font-size:9px}.turn-status>b{width:24px;height:24px;font-size:8px}.online-hand{grid-template-rows:76px;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}.card-choice-popover{border-radius:9px;grid-template-rows:1fr;grid-template-columns:minmax(115px,.72fr) minmax(0,1.28fr);align-items:stretch;gap:6px;padding:6px;inset:36px 5px 29px}.card-choice-popover>div:first-child{justify-content:center;gap:2px}.card-choice-popover>div:first-child .step-label{font-size:6px}.card-choice-popover>div:first-child strong{font-size:9px}.card-choice-popover>div:first-child small{font-size:6px;line-height:1.3}.card-choice-grid{gap:4px}.card-choice-option{border-radius:7px;gap:2px;padding:3px 2px}.card-choice-option>b{width:13px;font-size:6px;top:2px;left:2px}.card-choice-option>i{font-size:15px}.card-choice-option>span{font-size:7px}.online-card{border-radius:8px;grid-template-rows:auto auto;align-content:center;gap:4px;min-height:44px;padding:7px 2px 4px}.online-card:hover:not(:disabled),.online-card.selected{transform:translateY(-1px)}.online-card-cost{width:19px;height:19px;font-size:8px;top:3px;left:3px}.online-card-icon{width:29px;font-size:15px}.online-card strong{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:9px;overflow:hidden}.online-card small{display:none}.self-controls{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:5px;min-height:21px;display:grid}.energy-bar{gap:6px;min-height:21px;padding:0 4px}.energy-bar>span,.energy-bar>b{font-size:8px}.energy-bar i{height:4px}.first-turn-lock{white-space:nowrap;font-size:7px}.cancel-skill{min-height:24px;padding:0 9px;font-size:8px}.selection-actions.with-mobile-confirm{grid-template-columns:auto minmax(100px,1fr);min-width:min(190px,54vw)}.mobile-confirm-button{min-height:28px;padding:0 11px;font-size:8px;display:block}}@media (orientation:landscape) and (height<=600px){.match-screen{grid-template-rows:38px minmax(0,1fr)}.match-header{padding:0 7px}.match-brand>span{width:27px;height:27px}.match-brand strong{display:none}.room-chip{min-height:27px}.header-actions button{height:29px}.match-stage{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr) clamp(245px,40vw,320px);gap:6px;padding:4px 6px}.board-zone{grid-template-rows:minmax(0,1fr);place-items:center;display:grid}.mobile-opponent,.mobile-self{display:none}.board-shell{width:min(100%, calc(100dvh - 48px - env(safe-area-inset-top) - env(safe-area-inset-bottom)));border-radius:9px;max-height:100%;padding:3px}.match-panel{border-radius:10px;grid-template-rows:59px 34px minmax(0,1fr) 22px;gap:4px;padding:6px}.card-choice-popover{top:102px;bottom:31px}.match-panel>.desktop-player{display:block}.match-panel>.opponent-overview{gap:2px;display:grid}.match-panel>.desktop-player .player-badge{height:35px;min-height:35px;padding:3px 7px}.match-panel>.desktop-player .mini-stone{width:23px}.match-panel>.desktop-player .player-copy strong{font-size:10px}.opponent-overview .opponent-mini-card{border-radius:5px;grid-template-rows:1fr;grid-template-columns:12px minmax(0,1fr);gap:2px;height:20px;padding:2px}.opponent-overview .opponent-mini-card>b{grid-row:1;width:12px;height:12px;font-size:6px}.opponent-overview .opponent-mini-card>i{font-size:9px}.opponent-overview .opponent-mini-card>small{display:none}.turn-status{height:34px;min-height:34px;padding:3px 7px}.turn-status>div{gap:1px}.turn-status strong{font-size:8px}.turn-status>b{width:24px;height:24px;font-size:8px}.online-hand{grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}.online-card{text-align:left;border-radius:8px;grid-template-rows:auto;grid-template-columns:auto 1fr;align-content:center;justify-items:start;gap:6px;padding:4px}.online-card-cost{width:17px;height:17px;font-size:7px;top:3px;left:3px}.online-card-icon{width:27px;margin-left:10px;font-size:14px}.online-card strong{font-size:9px}.online-card small{display:none}.self-controls{display:block}.self-controls .desktop-player{display:none}.energy-bar{min-height:22px;padding:0 3px}.first-turn-lock{display:none}.selection-actions{position:absolute;bottom:8px;right:8px}.selection-actions.with-mobile-confirm{grid-template-columns:auto minmax(100px,1fr)}.selection-actions .cancel-skill{min-height:22px;padding:0 8px;position:static}.mobile-confirm-button{min-height:22px;padding:0 10px;font-size:8px;display:block}.game-stone{font-size:clamp(7px,2.4vh,12px)}}@media (width<=700px){.lobby-screen{min-height:100svh;display:block;overflow-x:hidden}.lobby-header,.lobby-footer,.lobby-main{width:min(100% - 28px,560px)}.lobby-header{min-height:64px}.lobby-header-actions{gap:5px}.lobby-header-actions .ghost-button{min-height:36px;padding:0 9px;font-size:9px}.game-brand>span{width:36px;height:36px;font-size:17px}.game-brand strong{font-size:15px}.lobby-main{grid-template-columns:1fr;gap:38px;padding:46px 0 36px;display:grid}.lobby-intro h1{margin:12px 0 17px;font-size:clamp(39px,12vw,58px)}.lobby-intro>span{font-size:13px}.feature-row{margin-top:24px}.lobby-card{border-radius:17px;min-height:0;padding:28px 22px}.lobby-card h2{font-size:27px}.lobby-footer{gap:12px;min-height:58px}.lobby-footer>span:last-child{text-align:right}.rules-modal,.match-menu,.invite-panel,.result-panel{border-radius:16px}.deck-builder-backdrop{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.deck-builder{border-width:0;border-radius:0;width:100%;height:100dvh}.deck-builder-header{padding:15px 52px 12px 15px}.deck-builder-header h2{margin:3px 0;font-size:23px}.deck-builder-header p{font-size:9px}.deck-builder-body{grid-template-rows:minmax(128px,.34fr) minmax(0,1fr);grid-template-columns:1fr}.equipped-deck{border-right:0;border-bottom:1px solid var(--line);grid-template-rows:auto minmax(0,1fr);padding:11px 13px}.deck-count{padding-bottom:8px}.deck-count strong{font-size:21px}.equipped-list{grid-template-rows:repeat(2,42px);grid-auto-columns:minmax(128px,42%);grid-auto-flow:column;gap:5px;padding:0 0 3px;display:grid;overflow:auto hidden}.equipped-card{grid-template-columns:24px minmax(0,1fr) auto;gap:5px;min-height:42px}.equipped-card>i{width:23px;height:23px}.card-collection{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:11px}.collection-card{min-height:102px;padding:8px}.collection-card-main{grid-template-columns:19px 24px minmax(0,1fr);gap:5px}.collection-card-main>i{width:23px;height:23px}.deck-builder-footer{grid-template-columns:auto 1fr;gap:7px;padding:9px 10px}.deck-builder-footer>span{display:none}.deck-reset,.deck-save{min-height:38px;padding:0 10px;font-size:9px}}@media (width<=370px) and (orientation:portrait){.match-panel{grid-template-rows:29px 68px auto}.turn-status{height:29px;min-height:29px}.online-hand{grid-template-rows:68px}.online-card{padding-top:12px}.online-card-icon{width:25px;font-size:13px}.mobile-opponent .player-badge.with-public-hand{grid-template-columns:auto minmax(32px,1fr) auto auto;gap:3px}.mobile-opponent .opponent-hand-strip.inline{grid-template-columns:repeat(4,27px);gap:1px}.mobile-opponent .opponent-mini-card{width:27px;height:25px}.board-shell{width:auto;height:min(calc(100vw - 10px - env(safe-area-inset-left) - env(safe-area-inset-right)), calc(100dvh - 226px - env(safe-area-inset-top) - env(safe-area-inset-bottom)));aspect-ratio:1}.player-resources>span:nth-child(2){display:none}}.account-button{gap:8px}.ranking-button{gap:7px}.ranking-button i{color:#f2b84b;filter:drop-shadow(0 3px 7px #c584183d);font-size:17px;font-style:normal}.account-button i{color:#fff;background:linear-gradient(145deg,#7f55e8,#4d7ef7);border-radius:50%;place-items:center;width:24px;height:24px;font-style:normal;font-weight:900;display:grid}.account-modal-backdrop{z-index:120;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f1220ad;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.account-modal{color:#27223d;background:radial-gradient(circle at 92% 0,#8e6cff2b,#0000 34%),#fff;border:1px solid #624eaf29;border-radius:28px;width:min(620px,100%);max-height:min(820px,100dvh - 36px);padding:30px;position:relative;overflow:auto;box-shadow:0 28px 90px #130e3047}.account-modal>h2{margin:8px 0;font-size:clamp(26px,5vw,38px)}.account-modal-copy{color:#716b82;margin:0 0 20px;line-height:1.55}.account-mode-tabs{background:#f0eef7;border-radius:16px;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:18px;padding:5px;display:grid}.account-mode-tabs button{color:#777084;cursor:pointer;background:0 0;border:0;border-radius:12px;min-height:42px;font-weight:850}.account-mode-tabs button.selected{color:#fff;background:linear-gradient(135deg,#7150df,#496ff0);box-shadow:0 8px 20px #524bd73d}.account-submit{width:100%;margin-top:6px}.account-security-copy{color:#8d8799;text-align:center;margin-top:12px;line-height:1.45;display:block}.account-profile-head{align-items:center;gap:14px;margin:12px 0 18px;display:flex}.account-profile-head h2,.account-profile-head p{margin:0}.account-profile-head p{color:#817a91;margin-top:3px}.account-avatar{color:#fff;background:linear-gradient(145deg,#8158e9,#4778f5);border-radius:20px;flex:none;place-items:center;width:58px;height:58px;font-size:24px;font-weight:950;display:grid;box-shadow:0 12px 28px #5148cf42}.account-stat-row{grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:10px;display:grid}.account-stat-row span{color:#7d758d;text-align:center;background:#f5f3fa;border-radius:14px;padding:12px 8px;font-size:12px}.account-stat-row b{color:#302943;font-size:18px;display:block}.owned-card-heading{justify-content:space-between;align-items:end;gap:12px;margin-bottom:10px;display:flex}.owned-card-heading small{color:#8b8498;text-align:right}.owned-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:360px;padding-right:4px;display:grid;overflow:auto}.owned-card{background:#faf9fd;border:1px solid #5f50871c;border-radius:14px;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:8px;padding:10px;display:grid}.owned-card>i{color:#fff;background:#6b5bd4;border-radius:10px;place-items:center;width:32px;height:32px;font-style:normal;display:grid}.owned-card>span{min-width:0}.owned-card strong,.owned-card small{display:block}.owned-card strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.owned-card small{color:#8b8498;margin-top:2px;font-size:10px}.owned-card>b{color:#6d60b8}.owned-card.locked{filter:grayscale();opacity:.48}.account-logout{color:#7c7289;cursor:pointer;background:#fff;border:1px solid #ded9ea;border-radius:14px;width:100%;min-height:44px;margin-top:18px;font-weight:850}.collection-card-controls span small{color:#8b8498;margin-top:1px;font-size:8px;display:block}.account-ranking-copy{color:#837b92;text-align:center;margin:0 0 22px;font-size:11px;line-height:1.5}.ranking-modal{width:min(780px,100%)}.my-ranking-card{color:#45365e;background:linear-gradient(135deg,#7d57e61f,#4174f214),#fbfaff;border:1px solid #7052dc2e;border-radius:18px;grid-template-columns:auto auto 1fr auto;align-items:center;gap:12px;margin-bottom:18px;padding:14px 16px;display:grid}.my-ranking-card>span,.my-ranking-card>small{color:#80778f;font-size:11px}.my-ranking-card>strong{color:#684dd2;font-size:22px}.my-ranking-card>b{color:#332b45;justify-self:end}.my-ranking-card.unranked{grid-template-columns:auto auto 1fr}.my-ranking-card.unranked small{grid-column:1/-1}.ranking-podium{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:18px;display:grid}.ranking-podium article{text-align:center;background:#f8f6fc;border:1px solid #5f50871f;border-radius:18px;justify-items:center;min-width:0;padding:16px 10px;display:grid}.ranking-podium article.place-1{background:radial-gradient(circle at 50% 0,#ffd1694f,#0000 55%),#fffaf0;border-color:#e0a42c59;box-shadow:0 12px 30px #a46d141a}.ranking-podium article>i{color:#fff;background:linear-gradient(145deg,#8061db,#4f78e8);border-radius:12px;place-items:center;width:34px;height:34px;margin-bottom:7px;font-style:normal;font-weight:950;display:grid}.ranking-podium .place-1>i{color:#6e4300;background:linear-gradient(145deg,#ffd979,#efac39)}.ranking-podium article>strong{text-overflow:ellipsis;white-space:nowrap;color:#302943;width:100%;font-size:13px;overflow:hidden}.ranking-podium article>b{color:#6554b8;margin-top:4px;font-size:12px}.ranking-podium article>small{color:#8c8598;margin-top:3px;font-size:9px}.ranking-loading,.ranking-empty{color:#817a90;text-align:center;background:#f7f5fb;border-radius:18px;padding:34px 16px}.ranking-table{border:1px solid #5f50871f;border-radius:18px;overflow:hidden}.ranking-table-head,.ranking-table-row{grid-template-columns:52px minmax(130px,1fr) 80px 130px 64px;align-items:center;gap:8px;padding:10px 14px;display:grid}.ranking-table-head{color:#8d859a;background:#f3f1f8;font-size:10px;font-weight:850}.ranking-table-row{color:#433a53;background:#fff;border-top:1px solid #5f508714;min-height:52px}.ranking-table-row>b:first-child{color:#745bcd}.ranking-table-row>span{align-items:center;gap:8px;min-width:0;display:flex}.ranking-table-row>span i{color:#fff;background:linear-gradient(145deg,#7b5bdb,#4d78ed);border-radius:10px;flex:none;place-items:center;width:28px;height:28px;font-style:normal;font-weight:900;display:grid}.ranking-table-row>span strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.ranking-table-row>small{color:#817a8f;font-size:10px}@media (width<=620px){.account-modal{border-radius:22px;padding:24px 18px}.account-button span,.ranking-button span{display:none}.account-stat-row{grid-template-columns:repeat(3,1fr)}.owned-card-grid{grid-template-columns:1fr}.my-ranking-card{grid-template-columns:auto auto 1fr}.my-ranking-card small{grid-column:1/-1}.ranking-podium{grid-template-columns:1fr}.ranking-table{overflow-x:auto}.ranking-table-head,.ranking-table-row{min-width:610px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ui-bg:#f3f6fb;--ui-bg-soft:#f8f9ff;--ui-panel:#fff;--ui-panel-soft:#f7f9fc;--ui-panel-blue:#e8f3ff;--ui-text:#161c25;--ui-muted:#6b7280;--ui-faint:#98a2b3;--ui-line:#e5e8eb;--ui-line-strong:#d5dae7;--ui-blue:#0064ff;--ui-blue-dark:#004ecb;--ui-green:#00a86b;--ui-red:#e5484d;--ui-shadow:0 4px 20px #0f172a0e;--ui-shadow-raised:0 18px 48px #2230491f}html{background:var(--ui-bg-soft)}body{background:var(--ui-bg-soft);color:var(--ui-text);font-family:var(--font-plus-jakarta), "Pretendard", "Noto Sans KR", "Apple SD Gothic Neo", sans-serif;letter-spacing:0}button,input{letter-spacing:0}button:focus-visible,input:focus-visible,[role=grid]:focus-visible{outline-offset:2px;outline:3px solid #0064ff33}.lobby-screen{color:var(--ui-text);background:radial-gradient(circle at 8% 12%,#0064ff0e,#0000 25rem),linear-gradient(#f8f9ff 0%,#f3f6fb 64%,#eef2f8 100%)}.lobby-screen:before,.lobby-ambient{display:none}.lobby-header,.lobby-footer{width:min(1240px,100% - 80px)}.lobby-header{border-bottom:1px solid #d5dae7cc;min-height:82px}.lobby-header:after{content:"";background:linear-gradient(90deg,#0000,#0064ff33,#0000);height:1px;position:absolute;bottom:-1px;left:0;right:0}.game-brand,.match-brand{gap:12px}.game-brand>span,.match-brand>span{background:var(--ui-blue);color:#fff;font-family:var(--font-plus-jakarta), sans-serif;border:0;border-radius:12px;font-weight:800;box-shadow:0 10px 24px #0064ff33}.game-brand>span{width:44px;height:44px;font-size:18px}.game-brand strong,.match-brand strong{color:var(--ui-text);font-family:var(--font-plus-jakarta), "Pretendard", sans-serif;letter-spacing:0;font-weight:800}.game-brand strong{font-size:19px}.game-brand small{color:var(--ui-faint);letter-spacing:.08em;font-size:10px;font-weight:700}.lobby-header-actions{background:#ffffffb8;border:1px solid #d5dae7b8;border-radius:18px;gap:6px;padding:5px;box-shadow:0 2px 12px #0f172a09}.ghost-button{color:#4b5565;background:0 0;border:0;border-radius:13px;min-height:40px;padding:0 15px;font-size:12px;font-weight:700;transition:background .16s,color .16s,transform .16s}.ghost-button:hover{background:var(--ui-panel-blue);color:var(--ui-blue);border-color:#0000;transform:translateY(-1px)}.deck-button b{color:var(--ui-blue)}.ranking-button i{color:var(--ui-blue);filter:none}.account-button i{background:var(--ui-blue);box-shadow:none;border-radius:9px}.lobby-main{grid-template-columns:minmax(0,.88fr) minmax(430px,.74fr);gap:clamp(56px,7vw,112px);width:min(1240px,100% - 80px);padding:clamp(64px,8vh,104px) 0}.lobby-intro{animation:.52s cubic-bezier(.22,1,.36,1) both ui-rise}.lobby-intro>p,.step-label,.invite-panel>p,.result-panel>p{color:var(--ui-blue);letter-spacing:.08em;font-size:11px;font-weight:800}.lobby-intro h1{max-width:720px;color:var(--ui-text);font-family:var(--font-plus-jakarta), "Pretendard", sans-serif;letter-spacing:-.02em;margin:18px 0 24px;font-size:clamp(48px,5.9vw,82px);font-weight:800;line-height:1.06}.lobby-intro>span{max-width:620px;color:var(--ui-muted);font-size:clamp(15px,1.35vw,17px);font-weight:500;line-height:1.75}.feature-row{gap:8px;margin-top:32px}.feature-row i{border:1px solid var(--ui-line);min-height:38px;color:var(--ui-muted);background:#ffffffc7;border-radius:12px;padding:0 14px;font-size:11px;font-weight:600;box-shadow:0 2px 9px #0f172a06}.feature-row b{color:var(--ui-text)}.feature-row .learning-count{background:#00a86b14;border-color:#00a86b29}.feature-row .learning-count b{color:var(--ui-green)}.lobby-card{background:var(--ui-panel);min-height:460px;box-shadow:var(--ui-shadow-raised);border:1px solid #d5dae7b3;border-radius:28px;padding:clamp(30px,3.2vw,42px);animation:.58s cubic-bezier(.22,1,.36,1) 80ms both ui-rise}.lobby-card:before{background:var(--ui-green);content:"";border-radius:50%;width:9px;height:9px;position:absolute;top:28px;right:28px;box-shadow:0 0 0 7px #00a86b17}.lobby-card:after{display:none}.lobby-card h2,.rules-modal h2,.match-menu h2,.invite-panel h2,.result-panel h2{color:var(--ui-text);font-family:var(--font-plus-jakarta), "Pretendard", sans-serif;letter-spacing:-.01em;font-weight:800}.lobby-card h2{margin:13px 0 10px;font-size:clamp(28px,3vw,38px)}.lobby-card>p{color:var(--ui-muted);font-size:13px;line-height:1.7}.lobby-actions{gap:10px;margin-top:28px}.primary-button,.secondary-button{border-radius:18px;min-height:74px;padding:13px 16px;transition:transform .16s,box-shadow .16s,background .16s}.primary-button,.ai-match-button{background:var(--ui-blue);color:#fff;border:0;box-shadow:0 12px 28px #0064ff33}.secondary-button{border:1px solid var(--ui-line);background:var(--ui-panel-soft);color:var(--ui-text)}.primary-button:hover,.ai-match-button:hover{background:var(--ui-blue-dark);border-color:#0000;box-shadow:0 16px 32px #004ecb3d}.secondary-button:hover{background:var(--ui-panel-blue);border-color:#0064ff29}.primary-button>b,.secondary-button>b{border-radius:14px;width:44px;height:44px}.primary-button>b,.ai-match-button>b{color:#fff;background:#ffffff29;border:1px solid #ffffff40}.secondary-button>b{color:var(--ui-blue);background:#e8f3ff;border:0}.primary-button strong,.secondary-button strong{font-size:14px;font-weight:800}.primary-button small,.ai-match-button small{color:#ffffffbd}.secondary-button small{color:var(--ui-muted)}.back-button{color:var(--ui-blue);margin:-5px 0 24px;font-weight:700}.back-button:hover{color:var(--ui-blue-dark)}.field{gap:8px;margin-top:18px}.field>span{color:#4b5565;font-size:11px;font-weight:700}.field>span i{color:var(--ui-faint)}.field input{border:1px solid var(--ui-line);height:54px;color:var(--ui-text);background:#f9fafb;border-radius:15px;padding:0 16px;font-size:14px}.field input:focus{border-color:var(--ui-blue);box-shadow:0 0 0 3px #0064ff1a}.field input::placeholder{color:#adb5bd}.room-password-toggle,.deck-ready-row{border-color:var(--ui-line);background:var(--ui-panel-soft);color:var(--ui-text);border-radius:16px}.room-password-toggle:hover,.deck-ready-row:hover{background:var(--ui-panel-blue);border-color:#0064ff2e}.room-password-toggle small,.deck-ready-row>span,.deck-ready-row>strong{color:var(--ui-muted)}.deck-ready-row>span i{color:var(--ui-blue);background:#e8f3ff}.deck-ready-row>strong i{color:var(--ui-blue)}.difficulty-picker{border-color:var(--ui-line);background:var(--ui-panel-soft);border-radius:18px}.difficulty-picker legend{color:#4b5565}.difficulty-picker button{color:var(--ui-muted);background:0 0;border-color:#0000;border-radius:13px}.difficulty-picker button:hover{background:#fff}.difficulty-picker button.selected{color:var(--ui-blue);background:#fff;border-color:#0064ff1f;box-shadow:0 5px 16px #1f2d4614}.difficulty-picker small{color:var(--ui-faint)}.waiting-room-browser{border-color:var(--ui-line);background:var(--ui-panel-soft);border-radius:18px}.waiting-room-browser-head{border-color:var(--ui-line);color:var(--ui-muted)}.waiting-room-list button{border-color:var(--ui-line);color:var(--ui-text);background:#fff;border-radius:14px}.waiting-room-list button:hover,.waiting-room-list button.selected{background:var(--ui-panel-blue);border-color:#0064ff3d}.waiting-room-list small,.waiting-room-list>p{color:var(--ui-muted)}.submit-button{background:var(--ui-blue);color:#fff;border:0;border-radius:16px;min-height:54px;font-size:13px;font-weight:800;box-shadow:0 12px 28px #0064ff2e}.submit-button:hover:not(:disabled){background:var(--ui-blue-dark);transform:translateY(-1px)}.submit-button:disabled{color:#9aa4b2;box-shadow:none;background:#dfe5ee}.form-error{color:var(--ui-red);background:#e5484d14;border-color:#e5484d2e;border-radius:13px}.lobby-footer{border-top:1px solid var(--ui-line);min-height:64px;color:var(--ui-faint);font-size:9px}.deck-builder-backdrop,.modal-backdrop,.match-overlay,.account-modal-backdrop{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#141d2c57}.deck-builder{background:var(--ui-bg);width:min(1180px,100%);color:var(--ui-text);border:1px solid #d5dae7db;border-radius:28px;box-shadow:0 32px 100px #1e2d4633}.deck-builder-header{border-bottom:1px solid var(--ui-line);background:#ffffffe6;padding:25px 70px 21px 28px}.deck-builder-header h2{color:var(--ui-text);font-family:var(--font-plus-jakarta), "Pretendard", sans-serif;letter-spacing:-.01em;font-size:30px;font-weight:800}.deck-builder-header p{color:var(--ui-muted);font-size:11px}.deck-builder-body{grid-template-columns:minmax(260px,.34fr) minmax(0,1fr);gap:18px;padding:18px}.equipped-deck,.card-collection{box-shadow:var(--ui-shadow);background:#fff;border:1px solid #d5dae7b3;border-radius:22px}.equipped-deck{border-right:1px solid #d5dae7b3;padding:20px}.deck-count{color:var(--ui-muted)}.deck-count strong{color:var(--ui-blue)}.deck-count strong.complete{color:var(--ui-green)}.deck-count small,.equipped-list>p{color:var(--ui-faint)}.equipped-list,.card-collection{scrollbar-color:#0064ff3d transparent}.equipped-card{border:1px solid var(--ui-line);background:var(--ui-panel-soft);min-height:54px;color:var(--ui-text);border-radius:14px;padding:7px 10px}.equipped-card:hover{background:var(--ui-panel-blue);border-color:#0064ff3d}.equipped-card>i{color:var(--ui-blue);background:#e8f3ff;border-radius:10px}.equipped-card small{color:var(--ui-muted)}.equipped-card>b{color:var(--ui-blue)}.card-collection{padding:16px}.collection-card{border:1px solid var(--ui-line);background:var(--ui-panel-soft);min-height:118px;color:var(--ui-text);border-radius:16px;padding:12px;transition:border-color .16s,box-shadow .16s,transform .16s}.collection-card:hover{border-color:#0064ff2e;transform:translateY(-1px);box-shadow:0 8px 22px #23345012}.collection-card.equipped{background:#f4f8ff;border-color:#0064ff3d}.collection-card-main>b{background:var(--ui-blue);color:#fff}.collection-card-main>i{color:var(--ui-blue);background:#e8f3ff;border-radius:10px}.collection-card-main small{color:var(--ui-muted)}.collection-card-controls button{border-color:var(--ui-line);color:var(--ui-text);background:#fff;border-radius:10px}.collection-card-controls button:last-child{color:var(--ui-blue);background:#e8f3ff;border-color:#0000}.collection-card-controls span,.collection-card-controls span small{color:var(--ui-muted)}.deck-builder-footer{border-top:1px solid var(--ui-line);background:#fff;padding:14px 18px}.deck-builder-footer>span{color:var(--ui-muted)}.deck-reset,.deck-save{border-radius:13px;min-height:42px}.deck-reset{border-color:var(--ui-line);background:var(--ui-panel-soft);color:var(--ui-muted)}.deck-save{background:var(--ui-blue);color:#fff;border:0;box-shadow:0 10px 22px #0064ff2e}.rules-modal,.match-menu,.invite-panel,.result-panel,.account-modal{color:var(--ui-text);background:#fff;border:1px solid #d5dae7c2;border-radius:26px;box-shadow:0 30px 90px #1927412e}.modal-close{background:var(--ui-panel-soft);width:38px;height:38px;color:var(--ui-muted);border-radius:12px;top:16px;right:16px}.modal-close:hover{background:var(--ui-panel-blue);color:var(--ui-blue)}.rules-modal li>b{color:var(--ui-blue);background:#e8f3ff;border:0;border-radius:11px}.rules-modal li>span,.menu-rules,.invite-panel>small,.result-panel>span:not(.result-stone){color:var(--ui-muted)}.rules-modal li strong{color:var(--ui-text)}.large-room-code{color:var(--ui-blue);background:#f4f8ff;border-color:#0064ff3d;border-radius:16px}.waiting-lock{color:var(--ui-blue);background:#e8f3ff;border-color:#0064ff29}.waiting-lock.open{color:var(--ui-green);background:#00a86b14;border-color:#00a86b29}.waiting-cancel-button,.menu-action{border-color:var(--ui-line);background:var(--ui-panel-soft);color:var(--ui-text);border-radius:14px}.waiting-cancel-button:hover,.menu-action:hover{background:var(--ui-panel-blue);color:var(--ui-blue);border-color:#0064ff2e}.menu-action>span{color:var(--ui-blue)}.menu-log{border-color:var(--ui-line);color:var(--ui-muted)}.menu-log summary{color:var(--ui-text)}.leave-button{color:var(--ui-red);background:#e5484d14;border-color:#e5484d2e;border-radius:14px}.learning-data-note{color:#087a53;background:#00a86b14;border-color:#00a86b29;border-radius:13px}.match-screen{color:var(--ui-text);background:radial-gradient(circle at 18% 0%, #0064ff0e, transparent 28rem), var(--ui-bg-soft)}.match-screen:before{display:none}.match-header{border-bottom:1px solid var(--ui-line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffe6;min-height:0;box-shadow:0 3px 14px #17243a0a}.match-brand>span{border-radius:10px;width:32px;height:32px;font-size:13px}.match-brand strong{font-size:14px}.room-chip{border:1px solid var(--ui-line);background:var(--ui-panel-soft);min-height:34px}.room-chip>span{color:var(--ui-faint)}.room-chip i,.player-resources i{background:var(--ui-green);box-shadow:none}.header-mode-badge{color:var(--ui-blue);background:#e8f3ff;border:0}.header-actions button{border:1px solid var(--ui-line);color:#4b5565;background:#fff;border-radius:11px}.header-actions button:hover{background:var(--ui-panel-blue);color:var(--ui-blue);border-color:#0064ff29}.match-panel{box-shadow:var(--ui-shadow);-webkit-backdrop-filter:none;backdrop-filter:none;background:#fff;border:1px solid #d5dae7c2;border-radius:22px;gap:clamp(8px,1.1vh,13px);padding:clamp(11px,1.45vw,18px)}.player-badge{border:1px solid var(--ui-line);background:var(--ui-panel-soft);min-height:54px;color:var(--ui-text);border-radius:15px;padding:8px 10px}.player-badge.active{background:#f2f7ff;border-color:#0064ff3d;box-shadow:0 0 0 3px #0064ff0e}.player-copy>span,.player-resources{color:var(--ui-muted)}.player-copy strong{color:var(--ui-text)}.player-resources>span:first-child{color:var(--ui-blue)}.player-passive{color:var(--ui-green);box-shadow:none;background:#00a86b14;border-color:#00a86b2e;border-radius:7px}.player-passive.tone-negative{color:var(--ui-red);background:#e5484d14;border-color:#e5484d2e}.player-passive.tone-utility{color:var(--ui-blue);background:#e8f3ff;border-color:#0064ff29}.player-passive>em{border-color:var(--ui-line);color:var(--ui-text);box-shadow:var(--ui-shadow-raised);background:#fff}.player-passive>em:before{border-bottom-color:var(--ui-line)}.player-passive>em small{color:var(--ui-muted)}.opponent-mini-card{border:1px solid var(--ui-line);background:var(--ui-panel-soft);height:42px;color:var(--ui-muted);border-radius:11px}.opponent-mini-card>b{background:var(--ui-blue);color:#fff;border:0}.opponent-mini-card>i{color:#536174}.opponent-mini-card>small{color:var(--ui-muted)}.turn-status{background:var(--ui-blue);border:0;border-radius:16px;min-height:58px;padding:10px 12px;box-shadow:0 10px 22px #0064ff29}.turn-status span{color:#ffffffb8}.turn-status strong{color:#fff}.turn-status>b{color:#fff;border-color:#ffffff3d}.turn-status>b.turn-timer:before{background:var(--ui-blue-dark);border-color:#ffffff24}.online-hand{gap:clamp(7px,.8vw,10px)}.online-card{border:1px solid var(--ui-line);background:var(--ui-panel-soft);color:var(--ui-text);border-radius:16px;padding:clamp(10px,1.1vw,14px)}.online-card:after{display:none}.online-card:hover:not(:disabled),.online-card.selected{background:#f2f7ff;border-color:#0064ff4d;box-shadow:0 8px 22px #1f3b6917}.online-card:disabled{opacity:.45;filter:grayscale(.25)}.online-card-cost{background:var(--ui-blue);color:#fff;border:0}.online-card-icon{color:var(--ui-blue);background:#e8f3ff;border:0;border-radius:13px}.tone-attack .online-card-icon{color:var(--ui-red);background:#e5484d1a}.tone-control .online-card-icon{color:var(--ui-blue);background:#0064ff1a}.tone-defense .online-card-icon{color:var(--ui-green);background:#00a86b1a}.tone-utility .online-card-icon{color:#d98600;background:#f59f001f}.online-card strong{color:var(--ui-text)}.online-card small{color:var(--ui-muted)}.self-controls{gap:8px}.energy-bar>span{color:var(--ui-muted)}.energy-bar>b{color:var(--ui-blue)}.energy-bar i{background:#e4e9f1}.energy-bar i.filled{background:var(--ui-blue);box-shadow:none}.first-turn-lock{color:var(--ui-muted)}.cancel-skill,.mobile-confirm-button,.end-turn-button{border-radius:12px;min-height:36px;font-weight:800}.cancel-skill{color:var(--ui-red);background:#e5484d14;border-color:#e5484d29}.mobile-confirm-button,.end-turn-button{background:var(--ui-blue);color:#fff;border:0}.card-choice-popover{border:1px solid var(--ui-line);box-shadow:var(--ui-shadow-raised);background:#fffffffa;border-radius:18px}.card-choice-popover>div:first-child strong,.card-choice-option{color:var(--ui-text)}.card-choice-popover>div:first-child small{color:var(--ui-muted)}.card-choice-option{border-color:var(--ui-line);background:var(--ui-panel-soft);border-radius:14px}.card-choice-option:hover,.card-choice-option.chosen{background:var(--ui-panel-blue);border-color:#0064ff3d;box-shadow:0 0 0 3px #0064ff0f}.card-choice-option>b{background:var(--ui-blue);color:#fff}.card-choice-option>em{color:var(--ui-blue)}.connection-banner{box-shadow:var(--ui-shadow-raised);color:var(--ui-red);background:#fff;border-color:#e5484d29;border-radius:15px}.connection-banner button{background:var(--ui-red);color:#fff;border-radius:10px}.account-modal{color:var(--ui-text);background:#fff;border-color:#d5dae7c2}.account-modal-copy,.account-profile-head p,.account-security-copy,.account-ranking-copy,.owned-card-heading small,.owned-card small,.ranking-podium article>small,.ranking-table-row>small{color:var(--ui-muted)}.account-mode-tabs{background:var(--ui-panel-soft)}.account-mode-tabs button{color:var(--ui-muted)}.account-mode-tabs button.selected{background:var(--ui-blue);color:#fff;box-shadow:0 8px 20px #0064ff2e}.account-avatar,.ranking-table-row>span i{background:var(--ui-blue);box-shadow:none;border-radius:14px}.account-stat-row span,.owned-card,.ranking-podium article,.ranking-loading,.ranking-empty{border-color:var(--ui-line);background:var(--ui-panel-soft);color:var(--ui-muted)}.account-stat-row b,.owned-card strong,.ranking-podium article>strong,.ranking-table-row{color:var(--ui-text)}.owned-card>i{color:var(--ui-blue);background:#e8f3ff}.owned-card>b,.ranking-podium article>b,.ranking-table-row>b:first-child{color:var(--ui-blue)}.account-logout{border-color:var(--ui-line);background:var(--ui-panel-soft);color:var(--ui-muted)}.my-ranking-card{color:var(--ui-text);background:#f2f7ff;border-color:#0064ff29}.my-ranking-card>strong{color:var(--ui-blue)}.my-ranking-card>b{color:var(--ui-text)}.ranking-podium article.place-1{box-shadow:none;background:#f2f7ff;border-color:#0064ff33}.ranking-podium article>i,.ranking-podium .place-1>i{background:var(--ui-blue);color:#fff;border-radius:11px}.ranking-table{border-color:var(--ui-line)}.ranking-table-head{background:var(--ui-panel-soft);color:var(--ui-muted)}.ranking-table-row{border-color:var(--ui-line);background:#fff}.ranking-table-row.current-player{background:#f2f7ff}@keyframes ui-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media (width<=900px){.lobby-header,.lobby-footer,.lobby-main{width:min(100% - 40px,900px)}.lobby-main{grid-template-columns:minmax(0,.9fr) minmax(350px,.8fr);gap:36px}.lobby-intro h1{font-size:clamp(42px,6vw,60px)}.match-stage{grid-template-columns:minmax(0,1fr) clamp(285px,35vw,340px)}}@media (width<=700px){.lobby-header,.lobby-footer,.lobby-main{width:min(100% - 32px,560px)}.lobby-header{min-height:70px}.lobby-header-actions{border-radius:15px;padding:4px}.lobby-header-actions .ghost-button{border-radius:11px;min-height:36px}.game-brand>span{border-radius:11px;width:38px;height:38px}.game-brand small{display:none}.lobby-main{gap:36px;padding:44px 0 38px}.lobby-intro h1{font-size:clamp(40px,12vw,58px)}.lobby-intro>span{font-size:14px}.feature-row{margin-top:24px}.feature-row i{border-radius:11px;min-height:36px}.lobby-card{border-radius:24px;padding:28px 22px}.lobby-card:before{top:24px;right:24px}.primary-button,.secondary-button{min-height:72px}.lobby-footer{min-height:66px}.deck-builder{border-radius:0}.deck-builder-header{padding:18px 56px 14px 18px}.deck-builder-body{grid-template-rows:minmax(132px,.34fr) minmax(0,1fr);grid-template-columns:1fr;gap:10px;padding:10px}.equipped-deck{border:1px solid var(--ui-line);padding:12px}.card-collection{padding:10px}.match-header{background:#fffffff0}.match-stage{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);gap:4px;padding:4px 5px 6px}.board-zone{grid-template-rows:33px minmax(0,1fr) 33px;gap:2px}.mobile-opponent .player-badge,.mobile-self .player-badge{border-color:var(--ui-line);background:#fff}.match-panel{border-color:var(--ui-line);background:#fff;border-radius:14px}.turn-status,.online-card{border-radius:10px}.online-card-icon{border-radius:9px}.rules-modal,.match-menu,.invite-panel,.result-panel,.account-modal{border-radius:22px}}@media (orientation:landscape) and (height<=600px){.match-panel{background:#fff;border-radius:13px}.match-panel>.desktop-player .player-badge{background:var(--ui-panel-soft)}.opponent-overview .opponent-mini-card{border-color:var(--ui-line);background:var(--ui-panel-soft)}.online-card{border-radius:10px}}@media (prefers-reduced-motion:reduce){.lobby-intro,.lobby-card{animation:none}}.lobby-header{grid-template-columns:1fr auto 1fr;gap:24px;display:grid;position:relative}.lobby-nav{justify-content:center;align-items:center;gap:28px;height:100%;display:flex}.lobby-nav button{color:#4b5565;cursor:pointer;background:0 0;border:0;height:100%;padding:0 2px;font-size:13px;font-weight:650;position:relative}.lobby-nav button:after{background:var(--ui-blue);content:"";opacity:0;border-radius:3px 3px 0 0;height:3px;transition:opacity .16s,transform .16s;position:absolute;bottom:-1px;left:0;right:0;transform:scaleX(.4)}.lobby-nav button.active:after{opacity:1;transform:scaleX(1)}.lobby-header-tools{justify-self:end;align-items:center;gap:8px;display:flex}.header-icon-button{color:#263244;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:13px;place-items:center;width:40px;height:40px;transition:border-color .16s,background .16s,color .16s;display:grid}.header-icon-button:hover{border-color:var(--ui-line);color:var(--ui-blue);background:#fff}.header-icon-button span{border:1px solid #cbd3df;border-radius:50%;place-items:center;width:27px;height:27px;font-size:13px;font-weight:800;line-height:1;display:grid}.lobby-dashboard{grid-template-columns:minmax(280px,350px) minmax(0,1fr);align-items:stretch;gap:24px;width:min(1240px,100% - 80px);min-height:min(770px,100svh - 146px);margin:0 auto;padding:clamp(48px,6.5vh,72px) 0;animation:.44s cubic-bezier(.22,1,.36,1) both lobby-dashboard-in;display:grid}.lobby-profile-column,.lobby-play-column{align-content:start;gap:20px;min-width:0;display:grid}.player-summary-card,.lobby-quick-menu,.open-games-card{box-shadow:var(--ui-shadow);background:#fff;border:1px solid #d5dae7b8;border-radius:24px}.player-summary-head{width:100%;color:var(--ui-text);cursor:pointer;text-align:left;background:0 0;border:0;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:0;display:grid}.lobby-avatar{background:linear-gradient(145deg, #ffffff5c, transparent), var(--ui-blue);color:#fff;border:4px solid #e8f3ff;border-radius:19px;place-items:center;width:58px;height:58px;font-size:22px;font-weight:850;display:grid;box-shadow:0 9px 22px #0064ff2e}.player-summary-head>span:nth-child(2){flex-direction:column;gap:4px;min-width:0;display:flex}.player-summary-head strong{text-overflow:ellipsis;white-space:nowrap;font-size:18px;font-weight:800;overflow:hidden}.player-summary-head small{color:var(--ui-muted);font-size:11px;font-weight:550}.player-summary-head>i{color:#8e99a9;font-size:24px;font-style:normal;transition:transform .16s}.player-summary-head:hover>i{color:var(--ui-blue);transform:translate(3px)}.rating-summary{gap:10px;margin-top:28px;display:grid}.rating-summary>span:first-child,.rating-tier{justify-content:space-between;align-items:end;gap:12px;display:flex}.rating-summary small{color:var(--ui-muted);font-size:10px;font-weight:650}.rating-summary>span:first-child strong{color:var(--ui-blue-dark);letter-spacing:-.02em;font-size:23px;font-weight:850}.rating-track{background:#e6ebf2;border-radius:999px;height:8px;overflow:hidden}.rating-track i{border-radius:inherit;background:var(--ui-blue);height:100%;display:block;box-shadow:0 0 14px #0064ff40}.rating-tier small:last-child{color:#4b5565}.player-stat-grid{background:#f6f8fc;border-radius:17px;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:24px;padding:18px 10px;display:grid}.player-stat-grid span{border-right:1px solid #dce2eb;justify-items:center;gap:5px;padding:0 9px;display:grid}.player-stat-grid span:last-child{border-right:0}.player-stat-grid small{color:var(--ui-muted);font-size:10px;font-weight:650}.player-stat-grid strong{color:var(--ui-text);font-size:21px;font-weight:800}.lobby-quick-menu{gap:2px;padding:10px;display:grid}.lobby-quick-menu button{min-height:54px;color:var(--ui-text);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:14px;grid-template-columns:30px minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:0 12px;display:grid}.lobby-quick-menu button>span{width:30px;height:30px;color:var(--ui-blue);background:#eef4ff;border-radius:10px;place-items:center;font-size:14px;font-weight:800;display:grid}.lobby-quick-menu strong{font-size:12px;font-weight:700}.lobby-quick-menu b{color:var(--ui-muted);font-size:10px;font-weight:650}.lobby-quick-menu i{color:#a1abba;font-size:20px;font-style:normal}.lobby-play-column{grid-template-rows:auto minmax(0,1fr)}.match-entry-grid{grid-template-columns:minmax(0,1.45fr) minmax(250px,.9fr);gap:20px;display:grid}.recommended-match-card{isolation:isolate;color:#fff;cursor:pointer;text-align:left;background:linear-gradient(135deg,#0874ff 0%,#0064ff 56%,#0053dc 100%);border:0;border-radius:26px;min-height:238px;padding:28px 30px;transition:transform .18s,box-shadow .18s;position:relative;overflow:hidden;box-shadow:0 20px 42px #0064ff38}.recommended-match-card:before,.recommended-match-card:after{z-index:-1;content:"";border:1px solid #ffffff24;border-radius:50%;position:absolute}.recommended-match-card:before{width:250px;height:250px;bottom:-124px;right:-82px}.recommended-match-card:after{width:150px;height:150px;bottom:-68px;right:-28px}.recommended-match-card:hover{transform:translateY(-3px);box-shadow:0 25px 48px #0056de47}.recommended-label{color:#ffffffeb;letter-spacing:.08em;background:#002d8738;border-radius:999px;align-items:center;min-height:27px;padding:0 12px;font-size:9px;font-weight:800;display:inline-flex}.recommended-mark{color:#ffffffe6;background:#ffffff24;border-radius:17px;place-items:center;width:52px;height:52px;font-size:17px;font-style:normal;font-weight:850;display:grid;position:absolute;top:26px;right:28px}.recommended-copy{flex-direction:column;gap:4px;display:flex;position:absolute;bottom:28px;left:30px;right:30px}.recommended-copy small{color:#ffffffb3;font-size:11px;font-weight:600}.recommended-copy strong{letter-spacing:-.02em;font-size:clamp(30px,3vw,42px);font-weight:850}.recommended-copy b{color:#ffffffc7;font-size:12px;font-weight:550}.recommended-arrow{color:#fff;font-size:22px;position:absolute;bottom:32px;right:30px}.match-entry-actions{grid-template-rows:repeat(2,minmax(0,1fr));gap:16px;display:grid}.match-entry-actions button{min-height:110px;color:var(--ui-text);box-shadow:var(--ui-shadow);cursor:pointer;text-align:left;background:#fff;border:1px solid #d5dae7b8;border-radius:22px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:15px;padding:18px 20px;transition:border-color .16s,box-shadow .16s,transform .16s;display:grid}.match-entry-actions button:hover{border-color:#0064ff2e;transform:translateY(-2px);box-shadow:0 12px 28px #20335117}.entry-action-icon{width:50px;height:50px;color:var(--ui-blue);background:#e8f3ff;border-radius:17px;place-items:center;font-size:20px;font-weight:800;display:grid}.match-entry-actions button>span:nth-child(2){flex-direction:column;gap:4px;display:flex}.match-entry-actions strong{font-size:15px;font-weight:780}.match-entry-actions small{color:var(--ui-muted);font-size:10px;font-weight:550}.match-entry-actions i{color:#9ba5b4;font-size:24px;font-style:normal}.open-games-card{grid-template-rows:auto minmax(240px,1fr) auto;min-height:0;padding:28px 30px 22px;display:grid}.open-games-card>header{justify-content:space-between;align-items:start;gap:20px;display:flex}.open-games-card h2{color:var(--ui-text);letter-spacing:-.01em;margin:5px 0 0;font-size:24px;font-weight:820}.open-games-live{color:var(--ui-blue);letter-spacing:.08em;align-items:center;gap:6px;font-size:9px;font-weight:800;display:flex}.open-games-live i,.room-host-copy small i{background:var(--ui-blue);border-radius:50%;width:7px;height:7px}.open-games-card>header>button{background:var(--ui-panel-soft);color:#4b5565;cursor:pointer;border:0;border-radius:12px;min-height:36px;padding:0 12px;font-size:10px;font-weight:700}.open-games-card>header>button span{margin-left:5px;font-size:17px}.home-room-list{align-content:start;gap:6px;min-height:0;padding:20px 0;display:grid}.home-room-row{min-height:70px;color:var(--ui-text);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:16px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:8px 10px;transition:background .15s;display:grid}.room-host-avatar{color:#35435a;background:#e7edf7;border-radius:15px;place-items:center;width:46px;height:46px;font-size:16px;font-weight:800;display:grid}.room-host-copy{flex-direction:column;gap:5px;min-width:0;display:flex}.room-host-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:750;overflow:hidden}.room-host-copy small{color:var(--ui-muted);align-items:center;gap:7px;font-size:10px;display:flex}.room-host-copy small i{flex:none}.room-join,.room-lock{min-width:72px;min-height:38px;color:var(--ui-blue);background:#e8f3ff;border-radius:13px;place-items:center;font-size:10px;font-weight:750;display:grid}.room-lock{color:#707b8b;background:#f1f3f6}.home-room-empty{min-height:220px;color:var(--ui-text);text-align:center;align-content:center;place-items:center;gap:8px;display:grid}.home-room-empty>strong{font-size:14px;font-weight:750}.home-room-empty>small{color:var(--ui-muted);font-size:10px}.home-room-empty>button{min-height:38px;color:var(--ui-blue);cursor:pointer;background:#e8f3ff;border:0;border-radius:13px;margin-top:7px;padding:0 15px;font-size:10px;font-weight:750}.empty-board-icon{width:48px;height:48px;color:var(--ui-blue);background:#eef4ff;border-radius:16px;place-items:center;font-size:20px;display:grid}.room-loading-dots{align-items:center;gap:5px;height:28px;display:flex}.room-loading-dots i{background:var(--ui-blue);border-radius:50%;width:7px;height:7px;animation:.9s ease-in-out infinite lobby-dot}.room-loading-dots i:nth-child(2){animation-delay:.12s}.room-loading-dots i:nth-child(3){animation-delay:.24s}.lobby-learning-strip{border-top:1px solid var(--ui-line);grid-template-columns:1.2fr 1fr auto;align-items:center;gap:16px;min-height:62px;padding-top:18px;display:grid}.lobby-learning-strip>span{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:2px 9px;display:grid}.lobby-learning-strip>span>i{width:36px;height:36px;color:var(--ui-blue);background:#e8f3ff;border-radius:12px;grid-row:1/3;place-items:center;font-style:normal;font-weight:800;display:grid}.lobby-learning-strip small{color:var(--ui-muted);font-size:9px}.lobby-learning-strip strong{color:var(--ui-text);font-size:11px}.lobby-learning-strip>button{background:var(--ui-panel-soft);color:#4b5565;cursor:pointer;border:0;border-radius:12px;min-height:38px;padding:0 13px;font-size:10px;font-weight:700}.lobby-learning-strip>button:hover{background:var(--ui-panel-blue);color:var(--ui-blue)}.lobby-setup-main{padding-top:clamp(44px,6vh,72px);padding-bottom:clamp(44px,6vh,72px)}@keyframes lobby-dashboard-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes lobby-dot{0%,to{opacity:.45;transform:translateY(2px)}50%{opacity:1;transform:translateY(-3px)}}@media (width<=980px){.lobby-dashboard{grid-template-columns:270px minmax(0,1fr);width:min(100% - 40px,920px)}.match-entry-grid{grid-template-columns:1fr}.recommended-match-card{min-height:210px}.match-entry-actions{grid-template-rows:1fr;grid-template-columns:repeat(2,minmax(0,1fr))}.match-entry-actions button{min-height:100px}}@media (width<=700px){.lobby-header{grid-template-columns:auto minmax(0,1fr) auto;gap:9px;width:min(100% - 24px,560px);min-height:66px}.game-brand{gap:0}.game-brand>div{display:none}.game-brand>span{border-radius:11px;width:36px;height:36px}.lobby-nav{justify-content:center;gap:4px}.lobby-nav button{min-width:38px;padding:0 4px;font-size:10px}.lobby-header-tools{gap:2px}.header-icon-button{border-radius:11px;width:36px;height:36px}.header-icon-button:nth-child(2){display:none}.header-icon-button span{width:25px;height:25px}.lobby-dashboard{grid-template-columns:1fr;gap:18px;width:min(100% - 28px,560px);min-height:0;padding:28px 0 36px}.lobby-profile-column,.lobby-play-column{gap:14px}.lobby-play-column{order:1}.lobby-profile-column{order:2}.player-summary-card,.lobby-quick-menu,.open-games-card{border-radius:20px}.player-summary-card{padding:20px}.lobby-avatar{border-radius:17px;width:52px;height:52px}.player-summary-head strong{font-size:16px}.rating-summary{margin-top:22px}.player-stat-grid{margin-top:20px}.lobby-quick-menu{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;padding:8px}.lobby-quick-menu button{text-align:center;grid-template-columns:1fr;align-content:center;justify-items:center;gap:5px;min-height:72px;padding:9px 5px}.lobby-quick-menu button>span{width:30px;height:30px}.lobby-quick-menu strong{font-size:9px}.lobby-quick-menu b,.lobby-quick-menu i{display:none}.match-entry-grid{gap:14px}.recommended-match-card{border-radius:22px;min-height:200px;padding:24px}.recommended-mark{top:23px;right:23px}.recommended-copy{bottom:24px;left:24px;right:24px}.recommended-copy strong{font-size:32px}.recommended-arrow{bottom:26px;right:24px}.match-entry-actions{gap:10px}.match-entry-actions button{border-radius:18px;gap:10px;min-height:94px;padding:14px}.entry-action-icon{border-radius:14px;width:42px;height:42px}.match-entry-actions strong{font-size:12px}.match-entry-actions small{font-size:8px}.match-entry-actions i{display:none}.open-games-card{min-height:430px;padding:22px 18px 18px}.open-games-card h2{font-size:21px}.home-room-list{padding:15px 0}.home-room-row{gap:10px;min-height:66px;padding:7px 6px}.room-host-avatar{border-radius:14px;width:42px;height:42px}.room-join,.room-lock{min-width:58px}.lobby-learning-strip{grid-template-columns:1fr auto;gap:10px}.lobby-learning-strip>span:nth-child(2){display:none}}@media (width<=390px){.lobby-header{width:calc(100% - 16px)}.lobby-nav button{min-width:34px;font-size:9px}.header-icon-button{width:33px}.lobby-dashboard{width:calc(100% - 20px)}.match-entry-actions{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.lobby-dashboard,.room-loading-dots i{animation:none}}:root{--clarity-bg:#f2f4f6;--clarity-card:#fff;--clarity-text:#191f28;--clarity-subtext:#6b7684;--clarity-faint:#8b95a1;--clarity-line:#e5e8eb;--clarity-blue:#3182f6;--clarity-blue-strong:#1b64da;--clarity-blue-soft:#e8f3ff;--clarity-shadow:0 8px 28px #2125290e}body{background:var(--clarity-bg);color:var(--clarity-text)}.lobby-screen{background:var(--clarity-bg)}.lobby-header{border-bottom:0;width:min(1120px,100% - 48px);min-height:68px}.lobby-header:after{background:var(--clarity-line);left:0;right:0}.game-brand{gap:10px}.game-brand>span{background:var(--clarity-blue);width:38px;height:38px;box-shadow:none;border-radius:12px;font-size:16px}.game-brand strong{color:var(--clarity-text);letter-spacing:-.02em;font-size:17px}.game-brand small{display:none}.lobby-nav{gap:30px}.lobby-nav button{color:var(--clarity-subtext);font-size:14px;font-weight:650}.lobby-nav button:hover,.lobby-nav button.active{color:var(--clarity-text)}.lobby-nav button:after{background:var(--clarity-blue);height:2px}.lobby-header-tools{gap:4px}.header-icon-button{width:38px;height:38px;color:var(--clarity-subtext);border:0;border-radius:12px}.header-icon-button:hover{color:var(--clarity-text);background:#e9edf2;border-color:#0000}.header-icon-button span{border-color:#d3d9e0;width:27px;height:27px;font-size:12px}.lobby-dashboard{grid-template-columns:minmax(0,1.7fr) minmax(280px,.72fr);grid-template-areas:"heading heading""play profile";align-items:start;gap:24px;width:min(1120px,100% - 48px);min-height:0;margin:0 auto;padding:42px 0 56px}.lobby-page-heading{grid-area:heading;justify-content:space-between;align-items:end;gap:24px;min-width:0;display:flex}.lobby-page-heading>div{min-width:0}.lobby-page-heading>div>span{color:var(--clarity-blue);letter-spacing:.08em;font-size:10px;font-weight:800}.lobby-page-heading h1{color:var(--clarity-text);letter-spacing:-.035em;margin:8px 0 7px;font-size:clamp(28px,3.4vw,40px);font-weight:800;line-height:1.16}.lobby-page-heading p{color:var(--clarity-subtext);margin:0;font-size:14px;font-weight:500;line-height:1.55}.lobby-deck-status{background:var(--clarity-card);min-width:210px;min-height:64px;color:var(--clarity-text);box-shadow:var(--clarity-shadow);cursor:pointer;text-align:left;border:0;border-radius:18px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;padding:10px 14px;display:grid}.lobby-deck-status>span:first-child{background:var(--clarity-blue-soft);width:38px;height:38px;color:var(--clarity-blue);border-radius:12px;place-items:center;font-size:15px;font-weight:800;display:grid}.lobby-deck-status>span:nth-child(2){flex-direction:column;gap:2px;min-width:0;display:flex}.lobby-deck-status small{color:var(--clarity-faint);font-size:9px;font-weight:650}.lobby-deck-status strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:750;overflow:hidden}.lobby-deck-status i{color:#a0a8b2;font-size:21px;font-style:normal}.lobby-deck-status:hover{background:#f9fafb}.lobby-profile-column{grid-area:profile;gap:14px}.lobby-play-column{grid-area:play;grid-template-rows:auto auto;gap:16px}.player-summary-card,.lobby-quick-menu,.open-games-card{background:var(--clarity-card);box-shadow:var(--clarity-shadow);border:0;border-radius:22px}.player-summary-card{padding:22px}.lobby-avatar{background:var(--clarity-blue);width:50px;height:50px;box-shadow:none;border:0;border-radius:16px;font-size:19px}.player-summary-head{gap:12px}.player-summary-head strong{color:var(--clarity-text);font-size:16px}.player-summary-head small,.rating-summary small,.rating-tier small:last-child{color:var(--clarity-subtext)}.rating-summary{gap:8px;margin-top:24px}.rating-summary>span:first-child strong{color:var(--clarity-text);font-size:22px}.rating-track{background:#edf0f3;height:7px}.rating-track i{background:var(--clarity-blue);box-shadow:none}.player-stat-grid{background:#f7f8fa;border-radius:16px;margin-top:20px;padding:15px 8px}.player-stat-grid span{border-color:var(--clarity-line)}.player-stat-grid strong{font-size:19px}.player-stat-grid strong.accent{color:var(--clarity-blue)}.lobby-quick-menu{padding:8px}.lobby-quick-menu button{border-radius:13px;min-height:50px}.lobby-quick-menu button:hover{background:#f4f6f8}.lobby-quick-menu button>span{background:var(--clarity-blue-soft);color:var(--clarity-blue)}.match-entry-grid{grid-template-columns:minmax(0,1fr) minmax(260px,.75fr);gap:16px}.recommended-match-card{background:var(--clarity-blue);border-radius:24px;min-height:188px;padding:24px 26px;box-shadow:0 12px 28px #3182f633}.recommended-match-card:hover{background:var(--clarity-blue-strong);transform:translateY(-2px);box-shadow:0 16px 32px #1b64da3d}.recommended-label{background:#00358233;min-height:24px;padding:0 10px;font-size:8px;position:absolute;top:24px;left:26px}.recommended-mark{border-radius:15px;width:46px;height:46px;top:22px;right:24px}.recommended-copy{gap:3px;bottom:24px;left:26px;right:26px}.recommended-copy small{font-size:10px}.recommended-copy strong{letter-spacing:-.035em;font-size:clamp(27px,3vw,34px)}.recommended-copy b{max-width:calc(100% - 42px);font-size:10px;line-height:1.45}.recommended-arrow{bottom:25px;right:26px}.match-entry-actions{gap:10px}.match-entry-actions button{background:var(--clarity-card);min-height:89px;box-shadow:var(--clarity-shadow);border:0;border-radius:19px;gap:12px;padding:14px 16px}.match-entry-actions button:hover{box-shadow:var(--clarity-shadow);background:#f9fafb;border-color:#0000;transform:none}.entry-action-icon{background:var(--clarity-blue-soft);width:42px;height:42px;color:var(--clarity-blue);border-radius:14px}.match-entry-actions strong{color:var(--clarity-text);font-size:13px}.match-entry-actions small{color:var(--clarity-subtext);font-size:9px}.open-games-card{grid-template-rows:auto minmax(150px,1fr) auto;min-height:286px;padding:24px 26px 18px}.open-games-card h2{color:var(--clarity-text);letter-spacing:-.025em;margin-top:4px;font-size:21px}.open-games-live{color:var(--clarity-blue)}.open-games-live i,.room-host-copy small i{background:var(--clarity-blue)}.open-games-card>header>button{min-height:34px;color:var(--clarity-subtext);background:#f2f4f6}.open-games-card>header>button:hover{background:var(--clarity-blue-soft);color:var(--clarity-blue)}.home-room-list{gap:2px;padding:13px 0}.home-room-row{border-radius:14px;min-height:60px}.home-room-row:hover{background:#f6f7f9}.room-host-avatar{background:#edf1f5;border-radius:13px;width:40px;height:40px}.room-join,.room-lock{background:var(--clarity-blue-soft);min-width:62px;min-height:34px;color:var(--clarity-blue);border-radius:12px}.home-room-empty{gap:6px;min-height:142px}.empty-board-icon{background:var(--clarity-blue-soft);width:42px;height:42px;color:var(--clarity-blue);border-radius:14px}.lobby-learning-strip{border-color:var(--clarity-line);min-height:56px;padding-top:14px}.lobby-learning-strip>span>i{background:var(--clarity-blue-soft);color:var(--clarity-blue)}.lobby-learning-strip>button{color:var(--clarity-subtext);background:#f2f4f6}.lobby-footer{border-color:var(--clarity-line);width:min(1120px,100% - 48px);min-height:54px}.lobby-mobile-nav{display:none}.lobby-main.lobby-setup-main{grid-template-columns:1fr;gap:0;width:min(680px,100% - 40px);min-height:0;margin:0 auto;padding:42px 0 64px;display:grid}.lobby-setup-main .lobby-intro{display:none}.lobby-setup-main .lobby-card{width:100%;min-height:0;box-shadow:var(--clarity-shadow);border:0;border-radius:26px;padding:34px 36px 36px}.lobby-setup-main .lobby-card:before{display:none}.lobby-setup-main .back-button{min-height:36px;color:var(--clarity-blue);margin:-6px 0 18px;padding:0;font-size:12px;display:block}.lobby-setup-main .step-label{color:var(--clarity-blue);font-size:9px}.lobby-setup-main .lobby-card h2{color:var(--clarity-text);letter-spacing:-.035em;margin:8px 0 22px;font-size:clamp(27px,4vw,34px)}.lobby-setup-main .field{gap:7px;margin-top:15px}.lobby-setup-main .field>span,.lobby-setup-main .difficulty-picker legend{color:var(--clarity-subtext);font-size:10px}.lobby-setup-main .field input{border-color:var(--clarity-line);background:#f7f8fa;border-radius:14px;height:52px}.lobby-setup-main .field input:focus{border-color:var(--clarity-blue);background:#fff;box-shadow:0 0 0 3px #3182f61c}.lobby-setup-main .difficulty-picker{background:#f2f4f6;border:0;border-radius:17px;margin-top:17px;padding:7px}.lobby-setup-main .difficulty-picker button{border:0;border-radius:13px;min-height:54px}.lobby-setup-main .difficulty-picker button.selected{color:var(--clarity-blue);border:0;box-shadow:0 3px 10px #21252912}.lobby-setup-main .deck-ready-row,.lobby-setup-main .room-password-toggle{background:#f7f8fa;border:0;border-radius:15px;min-height:50px;margin-top:15px}.lobby-setup-main .deck-ready-row:hover,.lobby-setup-main .room-password-toggle:hover{background:var(--clarity-blue-soft);border-color:#0000}.lobby-setup-main .submit-button{background:var(--clarity-blue);min-height:54px;box-shadow:none;border-radius:15px;margin-top:18px}.lobby-setup-main .submit-button:hover:not(:disabled){background:var(--clarity-blue-strong);transform:none}.match-screen{background:#f2f4f6;grid-template-rows:56px minmax(0,1fr)}.match-header{border-color:var(--clarity-line);box-shadow:none;background:#fffffff5;padding:0 clamp(12px,2vw,28px)}.match-brand>span{background:var(--clarity-blue);border-radius:11px}.match-brand strong{color:var(--clarity-text);font-size:13px}.room-chip{background:#f2f4f6;border:0}.room-chip b{color:var(--clarity-text)}.header-mode-badge{background:var(--clarity-blue-soft);color:var(--clarity-blue)}.header-actions button{color:var(--clarity-subtext);background:#f2f4f6;border:0}.header-actions button:hover{color:var(--clarity-text);background:#e8ebef;border-color:#0000}.match-stage{grid-template-columns:minmax(0,1fr) clamp(320px,27vw,380px);gap:clamp(12px,1.4vw,20px);width:min(1480px,100%);padding:clamp(10px,1.5vh,16px) clamp(10px,1.6vw,22px)}.match-panel{box-shadow:var(--clarity-shadow);background:#fff;border:0;border-radius:20px;gap:10px;padding:clamp(11px,1.2vw,16px)}.player-badge{background:#f7f8fa;border:0;border-radius:14px}.player-badge.active{background:var(--clarity-blue-soft);box-shadow:none;border:0}.turn-status{background:var(--clarity-blue);min-height:54px;box-shadow:none;border-radius:15px}.online-card{background:#f7f8fa;border:0;border-radius:15px}.online-card:hover:not(:disabled),.online-card.selected{background:var(--clarity-blue-soft);box-shadow:none;border-color:#0000}.online-card.selected{box-shadow:inset 0 0 0 2px #3182f647}.online-card-cost{background:var(--clarity-blue)}.online-card-icon{background:var(--clarity-blue-soft);color:var(--clarity-blue)}.end-turn-button,.mobile-confirm-button{background:var(--clarity-blue)}.end-turn-button:hover:not(:disabled){background:var(--clarity-blue-strong)}@media (width<=980px){.lobby-dashboard{grid-template-columns:minmax(0,1.45fr) minmax(250px,.7fr);width:min(920px,100% - 40px)}.match-entry-grid{grid-template-columns:1fr}.match-entry-actions{grid-template-rows:1fr;grid-template-columns:repeat(2,minmax(0,1fr))}.match-entry-actions button{min-height:80px}}@media (width<=700px){.lobby-screen{padding-bottom:calc(72px + env(safe-area-inset-bottom))}.lobby-header{z-index:40;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#f2f4f6eb;border-bottom:1px solid #e5e8ebe6;grid-template-columns:1fr auto;width:100%;min-height:58px;padding:0 18px;position:sticky;top:0}.lobby-header:after,.lobby-nav,.lobby-header-tools .header-icon-button:nth-child(2){display:none}.game-brand>div{display:block}.game-brand>span{width:34px;height:34px}.game-brand strong{font-size:15px}.header-icon-button{width:36px;height:36px}.lobby-dashboard{grid-template-columns:minmax(0,1fr);grid-template-areas:"heading""play""profile";gap:18px;width:min(100% - 32px,560px);padding:22px 0 34px}.lobby-page-heading{align-items:start;gap:12px;display:grid}.lobby-page-heading h1{margin-top:6px;font-size:28px}.lobby-page-heading p{font-size:12px}.lobby-deck-status{display:none}.lobby-play-column,.lobby-profile-column{gap:13px}.recommended-match-card{border-radius:22px;min-height:164px;padding:21px}.recommended-mark{width:42px;height:42px;top:20px;right:20px}.recommended-label{display:none}.recommended-copy{bottom:21px;left:21px;right:21px}.recommended-copy strong{font-size:29px}.recommended-copy b{font-size:9px}.recommended-arrow{bottom:22px;right:21px}.match-entry-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.match-entry-actions button{border-radius:18px;grid-template-columns:auto minmax(0,1fr);min-height:82px;padding:12px}.match-entry-actions button>i{display:none}.entry-action-icon{border-radius:13px;width:38px;height:38px}.match-entry-actions strong{font-size:11px}.match-entry-actions small{font-size:8px;line-height:1.35}.open-games-card{border-radius:20px;min-height:260px;padding:21px 18px 16px}.open-games-card h2{font-size:20px}.home-room-empty{min-height:125px}.player-summary-card{border-radius:20px;padding:19px}.lobby-quick-menu{grid-template-columns:repeat(3,minmax(0,1fr))}.lobby-quick-menu button{text-align:center;grid-template-columns:1fr;align-content:center;justify-items:center;gap:5px;min-height:68px;padding:8px 4px}.lobby-quick-menu button>span{width:30px;height:30px}.lobby-quick-menu strong{font-size:9px}.lobby-quick-menu b,.lobby-quick-menu i,.lobby-footer{display:none}.lobby-mobile-nav{z-index:50;min-height:calc(64px + env(safe-area-inset-bottom));padding:6px 10px env(safe-area-inset-bottom);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffffff5;border-top:1px solid #e5e8ebe6;grid-template-columns:repeat(4,minmax(0,1fr));display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 22px #2125290a}.lobby-mobile-nav button{min-width:0;min-height:54px;color:var(--clarity-faint);cursor:pointer;background:0 0;border:0;border-radius:14px;align-content:center;place-items:center;gap:3px;display:grid}.lobby-mobile-nav button.active{color:var(--clarity-blue)}.lobby-mobile-nav button>span{place-items:center;width:24px;height:24px;font-size:15px;font-weight:800;display:grid}.lobby-mobile-nav button>small{font-size:8px;font-weight:700}.lobby-main.lobby-setup-main{width:min(100% - 28px,560px);padding:24px 0 32px}.lobby-setup-main .lobby-card{border-radius:22px;padding:26px 20px 22px}.lobby-setup-main .lobby-card h2{margin-bottom:18px;font-size:28px}.lobby-setup-main .difficulty-picker button{min-height:51px}.match-screen{grid-template-rows:44px minmax(0,1fr)}.match-header{padding:0 7px}.match-stage{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);gap:4px;padding:4px 5px 6px}.board-zone{grid-template-rows:33px minmax(0,1fr) 33px;gap:2px}.mobile-opponent .player-badge,.mobile-self .player-badge{background:#fff;border:0}.match-panel{background:#fff;border-radius:15px;box-shadow:0 -5px 18px #2125290d}.turn-status{border-radius:12px}.online-card{border-radius:11px}}@media (width<=390px){.lobby-dashboard{width:calc(100% - 24px)}.lobby-page-heading h1{font-size:25px}.match-entry-actions{grid-template-columns:1fr}.match-entry-actions button{min-height:68px}}.deck-page{--deck-bg:#f2f4f6;--deck-card:#fff;--deck-text:#191f28;--deck-muted:#6b7684;--deck-faint:#9aa4af;--deck-line:#e5e8eb;--deck-blue:#3182f6;--deck-blue-soft:#e8f3ff;background:var(--deck-bg);width:100%;min-width:280px;height:100svh;min-height:100svh;color:var(--deck-text);grid-template-rows:64px minmax(0,1fr);display:grid;overflow:hidden}.deck-page button,.deck-page input{color:inherit}.deck-page button:focus-visible,.deck-page input:focus-visible{outline-offset:2px;outline:3px solid #3182f63d}.deck-page-header{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffffff0;border-bottom:1px solid #e5e8ebeb;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:12px;min-width:0;padding:0 max(22px,50vw - 720px);display:grid;position:relative;box-shadow:0 4px 18px #21252909}.deck-page-back{color:#4e5968;cursor:pointer;background:#f2f4f6;border:0;border-radius:13px;place-items:center;width:38px;height:38px;font-size:19px;font-weight:800;transition:background .15s,color .15s,transform .15s;display:grid}.deck-page-back:hover{background:var(--deck-blue-soft);color:var(--deck-blue);transform:translate(-1px)}.deck-page-brand{align-items:center;gap:10px;min-width:0;display:flex}.deck-page-brand>span{background:var(--deck-blue);color:#fff;border-radius:11px;flex:none;place-items:center;width:34px;height:34px;font-size:15px;display:grid;box-shadow:0 7px 16px #3182f62e}.deck-page-brand>div{flex-direction:column;gap:1px;min-width:0;display:flex}.deck-page-brand strong{color:var(--deck-text);letter-spacing:-.025em;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:820;overflow:hidden}.deck-page-brand small{color:var(--deck-faint);letter-spacing:.12em;font-size:7px;font-weight:800}.deck-page-status{align-items:center;gap:10px;min-width:0;display:flex}.deck-page-status small{color:var(--deck-muted);font-size:9px;font-weight:650}.deck-page-status strong{background:var(--deck-blue-soft);min-width:55px;color:var(--deck-blue);text-align:center;border-radius:12px;padding:8px 11px;font-size:12px;font-weight:850}.deck-page-layout{grid-template-columns:minmax(0,1fr) 352px;gap:16px;width:min(1440px,100%);min-height:0;margin:0 auto;padding:18px 22px 22px;display:grid}.deck-library-panel,.deck-summary-panel{background:var(--deck-card);border:1px solid #e5e8ebe6;border-radius:24px;min-width:0;min-height:0;box-shadow:0 10px 30px #2125290e}.deck-library-panel{grid-template-rows:auto auto auto minmax(0,1fr);display:grid;overflow:hidden}.deck-library-heading{padding:18px 26px 14px;display:block}.deck-library-heading>div>span,.deck-summary-head>div>span{color:var(--deck-blue);letter-spacing:.14em;margin-bottom:5px;font-size:8px;font-weight:850;display:block}.deck-library-heading h1{color:var(--deck-text);letter-spacing:-.045em;margin:0;font-size:clamp(25px,2.3vw,34px);font-weight:850;line-height:1.18}.deck-library-heading p{color:var(--deck-muted);margin:8px 0 0;font-size:10px;font-weight:520;line-height:1.55}.deck-search{background:#f6f7f9;border:1px solid #0000;border-radius:15px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;width:min(420px,100%);min-width:0;height:47px;padding:0 9px 0 14px;transition:border-color .15s,background .15s,box-shadow .15s;display:grid}.deck-search:focus-within{background:#fff;border-color:#3182f63d;box-shadow:0 0 0 4px #3182f614}.deck-search>span{color:#8b95a1;font-size:18px}.deck-search input{width:100%;min-width:0;height:100%;color:var(--deck-text);background:0 0;border:0;outline:0;font-size:11px;font-weight:600}.deck-search input::placeholder{color:#a8b0ba}.deck-search button{color:#6b7684;cursor:pointer;background:#e5e8eb;border:0;border-radius:50%;place-items:center;width:28px;height:28px;font-size:15px;display:grid}.deck-filter-row{justify-content:space-between;align-items:center;gap:14px;min-width:0;padding:0 26px 14px;display:flex}.deck-tone-filters,.deck-cost-filters{align-items:center;gap:5px;min-width:0;display:flex}.deck-tone-filters button,.deck-cost-filters button{color:var(--deck-muted);cursor:pointer;background:0 0;border:0;font-weight:720;transition:background .14s,color .14s,transform .14s}.deck-tone-filters button{border-radius:11px;min-height:34px;padding:0 13px;font-size:9px}.deck-cost-filters{scrollbar-width:none;overflow-x:auto}.deck-cost-filters::-webkit-scrollbar{display:none}.deck-cost-filters button{background:#f4f5f7;border-radius:10px;flex:none;place-items:center;width:30px;height:30px;font-size:9px;display:grid}.deck-cost-filters button:first-child{width:auto;padding:0 10px}.deck-tone-filters button:hover,.deck-cost-filters button:hover{color:var(--deck-blue);background:#edf4ff;transform:translateY(-1px)}.deck-tone-filters button.active,.deck-cost-filters button.active{background:var(--deck-blue);color:#fff;box-shadow:0 6px 14px #3182f626}.deck-library-summary{min-height:38px;color:var(--deck-muted);background:#fbfbfc;border-top:1px solid #f0f1f3;border-bottom:1px solid #f0f1f3;justify-content:space-between;align-items:center;gap:12px;padding:0 27px;font-size:9px;display:flex}.deck-library-summary strong{color:var(--deck-text)}.deck-library-summary small{color:var(--deck-faint);font-size:8px}.deck-library-summary button{color:#d9363e;cursor:pointer;background:#fff0f1;border:0;border-radius:8px;align-items:center;gap:5px;padding:5px 8px;font-size:8px;font-weight:680;display:flex}.deck-library-summary button b{font-weight:820}.deck-card-grid{overscroll-behavior:contain;scrollbar-color:#3182f638 transparent;grid-template-columns:repeat(4,minmax(0,1fr));align-content:start;gap:11px;min-height:0;padding:16px 18px 24px;display:grid;overflow:auto}.deck-library-card{--tone-color:#3182f6;--tone-soft:#e8f3ff;--rarity-color:#c9cfd6;border:1px solid var(--rarity-color);grid-template-rows:86px minmax(62px,1fr) auto;gap:8px;min-width:0;min-height:206px;padding:10px;display:grid;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.deck-library-card{border:1px solid color-mix(in srgb, var(--rarity-color) 42%, #e8ebee)}}.deck-library-card{color:var(--deck-text);cursor:pointer;text-align:left;background:#fff;border-radius:18px;transition:transform .15s,border-color .15s,box-shadow .15s;box-shadow:0 4px 13px #21252909}.deck-library-card.rarity-rare{--rarity-color:#3182f6}.deck-library-card.rarity-epic{--rarity-color:#8b5cf6}.deck-library-card.rarity-legendary{--rarity-color:#e6a11a;box-shadow:inset 0 3px 0 var(--rarity-color), 0 6px 18px #b5790b17}@supports (color:color-mix(in lab, red, red)){.deck-library-card.rarity-legendary{box-shadow:inset 0 3px 0 color-mix(in srgb, var(--rarity-color) 68%, transparent), 0 6px 18px #b5790b17}}.deck-library-card.tone-attack,.deck-equipped-row.tone-attack{--tone-color:#f04452;--tone-soft:#fff0f1}.deck-library-card.tone-control,.deck-equipped-row.tone-control{--tone-color:#7c5ce7;--tone-soft:#f2efff}.deck-library-card.tone-defense,.deck-equipped-row.tone-defense{--tone-color:#20a36a;--tone-soft:#eafaf3}.deck-library-card.tone-utility,.deck-equipped-row.tone-utility{--tone-color:#3182f6;--tone-soft:#e8f3ff}.deck-library-card:after{border:18px solid var(--tone-soft);content:"";opacity:.52;pointer-events:none;border-radius:50%;width:92px;height:92px;position:absolute;bottom:-32px;right:-26px}.deck-library-card:hover:not(:disabled){z-index:2;border-color:var(--tone-color);transform:translateY(-3px)}@supports (color:color-mix(in lab, red, red)){.deck-library-card:hover:not(:disabled){border-color:color-mix(in srgb, var(--tone-color) 30%, #e5e8eb)}}.deck-library-card:hover:not(:disabled){box-shadow:0 13px 28px #21252917}.deck-library-card:active:not(:disabled){transform:translateY(-1px)scale(.99)}.deck-library-card.in-deck{border-color:var(--tone-color)}@supports (color:color-mix(in lab, red, red)){.deck-library-card.in-deck{border-color:color-mix(in srgb, var(--tone-color) 34%, #e5e8eb)}}.deck-library-card.in-deck{box-shadow:inset 0 0 0 1px var(--tone-color), 0 5px 16px #2125290b}@supports (color:color-mix(in lab, red, red)){.deck-library-card.in-deck{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--tone-color) 8%, transparent), 0 5px 16px #2125290b}}.deck-library-card:disabled{cursor:default;opacity:1}.deck-card-cost{z-index:4;background:var(--deck-blue);color:#fff;border:3px solid #fff;border-radius:50%;place-items:center;width:31px;height:31px;font-size:12px;font-weight:900;display:grid;position:absolute;top:9px;left:9px;box-shadow:0 4px 10px #3182f63d}.deck-card-art{background:radial-gradient(circle at 50% 42%, #fff 0 6%, transparent 7%), linear-gradient(145deg, #fff, var(--tone-soft));border-radius:13px;place-items:center;min-width:0;display:grid;position:relative;overflow:hidden}.deck-card-art:before,.deck-card-art:after{border:1px solid var(--tone-color);position:absolute}@supports (color:color-mix(in lab, red, red)){.deck-card-art:before,.deck-card-art:after{border:1px solid color-mix(in srgb, var(--tone-color) 18%, transparent)}}.deck-card-art:before,.deck-card-art:after{content:"";border-radius:50%}.deck-card-art:before{width:105px;height:105px}.deck-card-art:after{width:65px;height:65px}.deck-card-art i{z-index:2;color:var(--tone-color);filter:drop-shadow(0 6px 8px var(--tone-color));position:relative}@supports (color:color-mix(in lab, red, red)){.deck-card-art i{filter:drop-shadow(0 6px 8px color-mix(in srgb, var(--tone-color) 20%, transparent))}}.deck-card-art i{font-size:32px;font-style:normal}.deck-card-copy{flex-direction:column;gap:5px;min-width:0;padding:0 2px;display:flex}.deck-card-copy strong{color:var(--deck-text);letter-spacing:-.025em;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:830;overflow:hidden}.deck-card-copy small{color:#5f6b7a;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:8.5px;font-weight:560;line-height:1.45;display:-webkit-box;overflow:hidden}.deck-card-meta{z-index:2;border-top:1px solid #f0f1f3;justify-content:space-between;align-items:center;gap:5px;min-width:0;padding-top:8px;display:flex;position:relative}.deck-card-tags{align-items:center;gap:4px;min-width:0;display:flex}.deck-card-meta em{background:var(--tone-soft);color:var(--tone-color);border-radius:8px;padding:4px 7px;font-size:7px;font-style:normal;font-weight:820}.deck-card-meta .rarity-chip{color:#6b7684;background:#f2f4f6}.deck-card-meta .rarity-chip.rarity-rare{color:#2272d9;background:#e8f3ff}.deck-card-meta .rarity-chip.rarity-epic{color:#7651d6;background:#f1edff}.deck-card-meta .rarity-chip.rarity-legendary{color:#b87500;background:#fff5d9}.deck-card-ownership{color:#8b95a1;text-overflow:ellipsis;white-space:nowrap;font-size:7px;font-weight:650;overflow:hidden}.deck-card-equipped{z-index:4;color:#fff;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#191f28c7;border-radius:8px;padding:5px 7px;font-size:7px;font-weight:760;position:absolute;top:10px;right:10px}.deck-filter-empty{min-height:320px;color:var(--deck-faint);text-align:center;grid-column:1/-1;align-content:center;place-items:center;gap:8px;display:grid}.deck-filter-empty>span{font-size:36px}.deck-filter-empty strong{color:var(--deck-muted);font-size:12px}.deck-filter-empty button{background:var(--deck-blue-soft);color:var(--deck-blue);cursor:pointer;border:0;border-radius:11px;margin-top:4px;padding:9px 13px;font-size:9px;font-weight:760}.deck-summary-panel{grid-template-rows:auto auto auto minmax(0,1fr) auto auto;gap:12px;padding:20px;display:grid;overflow:hidden}.deck-summary-head{justify-content:space-between;align-items:flex-end;gap:12px;min-width:0;display:flex}.deck-summary-head h2{color:var(--deck-text);letter-spacing:-.04em;margin:0;font-size:23px;font-weight:850}.deck-summary-head>strong{color:#f04452;letter-spacing:-.06em;font-size:27px;font-weight:900}.deck-summary-head>strong.complete{color:#20a36a}.deck-summary-head>strong small{color:var(--deck-faint);letter-spacing:-.02em;font-size:12px}.deck-progress{background:#edf0f2;border-radius:999px;height:6px;overflow:hidden}.deck-progress i{border-radius:inherit;background:linear-gradient(90deg, #5aa1ff, var(--deck-blue));height:100%;transition:width .18s;display:block;box-shadow:0 0 12px #3182f640}.deck-curve-card{background:#f8f9fa;border:1px solid #eceef0;border-radius:15px;padding:12px 12px 10px}.deck-curve-card header{justify-content:space-between;align-items:center;gap:8px;display:flex}.deck-curve-card header strong{font-size:9px;font-weight:780}.deck-curve-card header small{color:var(--deck-muted);font-size:8px;font-weight:680}.deck-curve-bars{grid-template-columns:repeat(9,minmax(0,1fr));align-items:end;gap:4px;height:66px;margin-top:8px;display:grid}.deck-curve-bars>span{grid-template-rows:minmax(0,1fr) 12px;place-items:end center;height:100%;display:grid}.deck-curve-bars i{background:#92bfff;border-radius:5px 5px 2px 2px;width:min(16px,80%);min-height:4px;display:block;position:relative}.deck-curve-bars b{color:#4e5968;font-size:6px;position:absolute;transform:translateY(-15px)}.deck-curve-bars small{color:var(--deck-faint);font-size:7px;font-weight:700}.deck-equipped-list{overscroll-behavior:contain;scrollbar-color:#3182f638 transparent;flex-direction:column;gap:5px;min-height:0;padding-right:3px;display:flex;overflow:auto}.deck-equipped-row{--tone-color:#3182f6;--tone-soft:#e8f3ff;width:100%;min-height:44px;color:var(--deck-text);cursor:pointer;text-align:left;background:#fff;border:1px solid #eceef0;border-radius:12px;grid-template-columns:28px 26px minmax(0,1fr) auto 20px;align-items:center;gap:7px;padding:6px 8px;transition:background .13s,border-color .13s,transform .13s;display:grid;position:relative;overflow:hidden}.deck-equipped-row:before{background:var(--tone-color);content:"";width:3px;position:absolute;top:0;bottom:0;left:0}.deck-equipped-row:hover{border-color:var(--tone-color);transform:translate(-2px)}@supports (color:color-mix(in lab, red, red)){.deck-equipped-row:hover{border-color:color-mix(in srgb, var(--tone-color) 23%, #e5e8eb)}}.deck-equipped-row:hover{background:var(--tone-soft)}.deck-equipped-row>b{background:var(--deck-blue);color:#fff;border-radius:50%;place-items:center;width:27px;height:27px;font-size:9px;font-weight:900;display:grid}.deck-equipped-row>i{background:var(--tone-soft);width:25px;height:25px;color:var(--tone-color);border-radius:8px;place-items:center;font-size:12px;font-style:normal;display:grid}.deck-equipped-row>span{flex-direction:column;gap:1px;min-width:0;display:flex}.deck-equipped-row>span strong{text-overflow:ellipsis;white-space:nowrap;font-size:9px;font-weight:790;overflow:hidden}.deck-equipped-row>span small{color:var(--deck-faint);font-size:7px}.deck-equipped-row>em{min-width:23px;color:var(--deck-muted);text-align:right;font-size:9px;font-style:normal;font-weight:820}.deck-remove-hint{color:#8b95a1;background:#f2f4f6;border-radius:7px;place-items:center;width:19px;height:19px;font-size:12px;font-weight:800;display:grid}.deck-empty-state{text-align:center;background:#fafbfc;border:1px dashed #d9dde2;border-radius:16px;align-content:center;place-items:center;gap:6px;min-height:180px;display:grid}.deck-empty-state>span{color:#aab2bc;font-size:26px}.deck-empty-state strong{font-size:11px}.deck-empty-state small{color:var(--deck-muted);font-size:8px}.deck-empty-state button{background:var(--deck-blue-soft);color:var(--deck-blue);cursor:pointer;border:0;border-radius:10px;margin-top:5px;padding:9px 12px;font-size:8px;font-weight:760}.deck-management-actions{grid-template-columns:minmax(0,1.35fr) minmax(0,.9fr) minmax(0,.9fr);gap:5px;display:grid}.deck-management-actions button{color:#4e5968;cursor:pointer;text-overflow:ellipsis;white-space:nowrap;background:#f2f4f6;border:0;border-radius:10px;min-width:0;min-height:34px;padding:0 7px;font-size:7px;font-weight:740;overflow:hidden}.deck-management-actions button:hover:not(:disabled){background:var(--deck-blue-soft);color:var(--deck-blue)}.deck-management-actions button.danger{color:#e5484d}.deck-management-actions button.danger:hover:not(:disabled){color:#d9363e;background:#fff0f1}.deck-management-actions button:disabled{opacity:.38}.deck-save-panel{border-top:1px solid #eceef0;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding-top:12px;display:grid}.deck-save-panel>div{flex-direction:column;gap:2px;min-width:0;display:flex}.deck-save-panel strong{color:var(--deck-text);font-size:9px;font-weight:780}.deck-save-panel small{color:var(--deck-muted);text-overflow:ellipsis;white-space:nowrap;font-size:7px;overflow:hidden}.deck-save-panel em{color:#e5484d;margin-top:2px;font-size:7px;font-style:normal}.deck-primary-save{background:var(--deck-blue);cursor:pointer;border:0;border-radius:13px;min-width:112px;min-height:43px;padding:0 16px;font-size:9px;font-weight:820;box-shadow:0 9px 19px #3182f633;color:#fff!important}.deck-primary-save:hover:not(:disabled){background:#1b64da}.deck-primary-save:disabled{box-shadow:none;background:#d7dce1;color:#8b95a1!important}.deck-mobile-tabs,.deck-mobile-bottom-nav{display:none}@media (width<=1180px){.deck-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.deck-filter-row{flex-direction:column;align-items:flex-start}.deck-cost-filters{width:100%}}@media (width<=820px){.deck-page{height:100svh;padding-bottom:calc(64px + env(safe-area-inset-bottom));grid-template-rows:48px minmax(0,1fr)}.deck-page-header{display:none}.deck-mobile-tabs{z-index:10;border-bottom:1px solid var(--deck-line);background:#fffffff5;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:5px 14px;display:grid;position:relative}.deck-mobile-tabs button{min-width:0;color:var(--deck-muted);cursor:pointer;background:0 0;border:0;border-radius:10px;justify-content:center;align-items:center;gap:6px;font-size:9px;font-weight:760;display:flex}.deck-mobile-tabs button b{font-size:8px}.deck-mobile-tabs button.active{background:var(--deck-blue-soft);color:var(--deck-blue)}.deck-page-layout{width:100%;height:100%;padding:0;display:block}.deck-library-panel,.deck-summary-panel{width:100%;height:100%;box-shadow:none;border:0;border-radius:0}.deck-mobile-hidden{display:none}.deck-library-heading{padding:11px 14px 9px}.deck-search{width:100%;height:42px}.deck-filter-row{gap:9px;padding:0 16px 12px}.deck-tone-filters{scrollbar-width:none;width:100%;overflow-x:auto}.deck-tone-filters::-webkit-scrollbar{display:none}.deck-tone-filters button{flex:1 0 auto}.deck-library-summary{padding:0 16px}.deck-library-summary small{display:none}.deck-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:12px 13px 20px}.deck-library-card{min-height:195px}.deck-summary-panel{padding:16px 15px calc(13px + env(safe-area-inset-bottom));grid-template-rows:auto auto auto minmax(0,1fr) auto auto}.deck-curve-card{padding:10px 12px 8px}.deck-equipped-list{gap:6px}.deck-equipped-row{min-height:48px}.deck-management-actions button{min-height:38px;font-size:8px}.deck-save-panel{padding-top:10px}.deck-primary-save{min-width:118px;min-height:45px}.deck-mobile-bottom-nav{z-index:80;min-height:calc(64px + env(safe-area-inset-bottom));padding:6px 10px env(safe-area-inset-bottom);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffffff7;border-top:1px solid #e5e8ebf0;grid-template-columns:repeat(4,minmax(0,1fr));display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 22px #2125290d}.deck-mobile-bottom-nav button{color:#9aa4af;cursor:pointer;background:0 0;border:0;border-radius:14px;align-content:center;place-items:center;gap:3px;min-width:0;min-height:52px;display:grid}.deck-mobile-bottom-nav button.active{color:var(--deck-blue)}.deck-mobile-bottom-nav button>span{place-items:center;width:24px;height:24px;font-size:15px;font-weight:820;display:grid}.deck-mobile-bottom-nav button>small{font-size:8px;font-weight:720}}@media (width<=380px){.deck-card-grid{gap:7px}.deck-library-card{min-height:186px;padding:8px}.deck-card-copy strong{font-size:11px}.deck-management-actions{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (orientation:landscape) and (height<=600px) and (width<=980px){.deck-page{grid-template-rows:42px minmax(0,1fr)}.deck-library-heading{padding:7px 14px 6px}.deck-search{width:min(360px,100%);height:38px}.deck-filter-row{flex-direction:row;align-items:center;padding:0 14px 8px}.deck-tone-filters button{min-height:29px;padding:0 9px}.deck-library-summary{display:none}.deck-library-panel{grid-template-rows:auto auto minmax(0,1fr)}.deck-card-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.deck-library-card{grid-template-rows:60px minmax(54px,1fr) auto;min-height:170px}.deck-summary-panel{grid-template-rows:auto auto minmax(0,1fr) auto;grid-template-columns:180px minmax(0,1fr);gap:8px 12px}.deck-summary-head,.deck-progress{grid-column:1}.deck-curve-card{grid-area:3/1}.deck-equipped-list{grid-area:1/2/4}.deck-management-actions{grid-area:4/1}.deck-save-panel{grid-area:4/2}}.lobby-dashboard{grid-template-areas:"play profile";padding-top:28px}.lobby-header-tools{position:relative}.profile-dropdown{z-index:120;color:#191f28;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffffffa;border:1px solid #e5e8ebf5;border-radius:20px;gap:3px;width:min(310px,100vw - 24px);padding:10px;display:grid;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 22px 55px #21252929}.profile-dropdown-head{border-bottom:1px solid #f0f1f3;grid-template-columns:40px minmax(0,1fr);align-items:center;gap:10px;margin-bottom:4px;padding:7px 8px 12px;display:grid}.profile-dropdown-head>span{color:#3182f6;background:#e8f3ff;border-radius:14px;place-items:center;width:40px;height:40px;font-size:15px;font-weight:850;display:grid}.profile-dropdown-head>div{flex-direction:column;gap:2px;min-width:0;display:flex}.profile-dropdown-head strong,.profile-dropdown-head small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.profile-dropdown-head strong{font-size:12px;font-weight:820}.profile-dropdown-head small{color:#8b95a1;font-size:8px}.profile-dropdown>button:not(.profile-dropdown-logout),.profile-dropdown>.profile-dropdown-admin{color:#333d4b;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:13px;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:9px;min-height:52px;padding:7px 9px;text-decoration:none;display:grid}.profile-dropdown>button:not(.profile-dropdown-logout):hover,.profile-dropdown>.profile-dropdown-admin:hover{background:#f5f7f9}.profile-dropdown>button>span,.profile-dropdown>.profile-dropdown-admin>span{color:#4e5968;background:#f2f4f6;border-radius:10px;place-items:center;width:31px;height:31px;font-size:13px;font-weight:800;display:grid}.profile-dropdown>button>div,.profile-dropdown>.profile-dropdown-admin>div{flex-direction:column;gap:2px;min-width:0;display:flex}.profile-dropdown>button strong,.profile-dropdown>.profile-dropdown-admin strong{font-size:10px;font-weight:780}.profile-dropdown>button small,.profile-dropdown>.profile-dropdown-admin small{color:#8b95a1;font-size:7px}.profile-dropdown>button i,.profile-dropdown>.profile-dropdown-admin i{color:#a7afb8;font-size:17px;font-style:normal}.profile-dropdown-logout{cursor:pointer;background:#fff0f1;border:0;border-radius:11px;min-height:38px;margin-top:4px;font-size:8px;font-weight:760;color:#d9363e!important}.deck-page{grid-template-rows:64px minmax(0,1fr)}.deck-library-toolbar{justify-content:space-between;align-items:center;gap:16px;min-width:0;display:flex}.deck-library-toolbar .deck-search{flex:360px}.deck-slot-tabs{scrollbar-width:none;background:#f7f8fa;border:1px solid #e5e8eb;border-radius:16px;align-items:center;gap:4px;min-width:0;padding:5px;display:flex;overflow-x:auto}.deck-slot-tabs::-webkit-scrollbar{display:none}.deck-slot-tabs button{color:#6b7684;cursor:pointer;background:0 0;border:0;border-radius:11px;flex:1 0 auto;justify-content:center;align-items:center;gap:5px;min-width:58px;min-height:36px;padding:0 9px;display:flex}.deck-slot-tabs button strong{white-space:nowrap;font-size:8px;font-weight:800}.deck-slot-tabs button small{color:#9aa4af;white-space:nowrap;font-size:6px;font-weight:700;display:none}.deck-slot-tabs button.selected{color:#2272d9;background:#fff;box-shadow:0 3px 10px #1f3b691a}.deck-slot-tabs button.equipped:after{content:"";background:#20a36a;border-radius:50%;width:5px;height:5px}.deck-slot-tabs-desktop{flex:0 430px;width:min(430px,42vw)}.deck-slot-tabs-mobile{display:none}.deck-page-status strong{min-width:98px}.account-page,.shop-page{color:#191f28;background:#f2f4f6;grid-template-rows:64px minmax(0,1fr);min-width:280px;min-height:100svh;display:grid}.section-page-header{z-index:30;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffffff5;border-bottom:1px solid #e5e8ebf0;grid-template-columns:64px minmax(0,1fr) auto;align-items:center;padding:0 max(22px,50vw - 560px);display:grid;position:relative;box-shadow:0 4px 18px #21252909}.section-page-header>button{color:#4e5968;cursor:pointer;background:#f2f4f6;border:0;border-radius:11px;justify-self:start;min-height:36px;padding:0 11px;font-size:9px;font-weight:760}.section-page-header>strong{justify-self:center;font-size:14px;font-weight:850}.account-page-shell,.shop-page-shell{width:min(1120px,100% - 48px);min-height:0;margin:0 auto;padding:28px 0 54px}.account-page-card.account-modal{border-radius:24px;width:100%;max-height:none;padding:30px;overflow:visible;box-shadow:0 10px 30px #2125290e}.account-page-links{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px;display:grid}.account-page-links button{color:#333d4b;cursor:pointer;text-align:left;background:#fff;border:1px solid #e5e8eb;border-radius:17px;grid-template-columns:34px minmax(0,1fr);align-content:center;align-items:center;gap:2px 9px;min-height:82px;padding:13px;display:grid}.account-page-links button:hover{background:#f8fbff;border-color:#3182f638}.account-page-links span{color:#3182f6;background:#e8f3ff;border-radius:11px;grid-row:1/3;place-items:center;width:34px;height:34px;font-size:14px;display:grid}.account-page-links strong{font-size:10px}.account-page-links small{color:#8b95a1;font-size:7px}.shop-wallet{color:#a76b00;background:#fff5d9;border-radius:11px;padding:8px 11px;font-size:8px;font-weight:800}.shop-hero{color:#fff;background:radial-gradient(circle at 82% 20%,#ffffff59,#0000 20%),linear-gradient(135deg,#3182f6,#7651d6);border-radius:26px;grid-template-columns:minmax(0,1fr) 180px;align-items:center;min-height:220px;padding:34px;display:grid;position:relative;overflow:hidden;box-shadow:0 16px 34px #3182f62e}.shop-hero:after{content:"";border:45px solid #ffffff14;border-radius:50%;width:320px;height:320px;position:absolute;bottom:-110px;right:-70px}.shop-hero>div{z-index:2;position:relative}.shop-hero span{letter-spacing:.14em;font-size:9px;font-weight:850}.shop-hero h1{letter-spacing:-.045em;max-width:580px;margin:10px 0 8px;font-size:clamp(28px,4vw,44px);font-weight:880;line-height:1.13}.shop-hero p{color:#fffc;margin:0;font-size:11px}.shop-hero>i{z-index:2;background:#ffffff24;border:1px solid #ffffff3d;border-radius:46px;justify-self:end;place-items:center;width:150px;height:150px;font-size:72px;font-style:normal;display:grid;position:relative;transform:rotate(6deg);box-shadow:inset 0 0 38px #ffffff14}.shop-tabs{gap:7px;margin:24px 0 14px;display:flex}.shop-tabs button{color:#6b7684;cursor:pointer;background:#fff;border:0;border-radius:12px;min-height:38px;padding:0 15px;font-size:9px;font-weight:760}.shop-tabs button.active{color:#fff;background:#191f28}.shop-product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;display:grid}.shop-product-card{--shop-tone:#3182f6;--shop-soft:#e8f3ff;background:#fff;border:1px solid #e5e8eb;border-radius:20px;min-width:0;overflow:hidden;box-shadow:0 7px 22px #2125290b}.shop-product-card.tone-violet{--shop-tone:#7651d6;--shop-soft:#f1edff}.shop-product-card.tone-gold{--shop-tone:#b87500;--shop-soft:#fff5d9}.shop-product-card.tone-mint{--shop-tone:#168b59;--shop-soft:#eafaf3}.shop-product-art{background:var(--shop-soft);place-items:center;min-height:132px;padding:14px;display:grid;position:relative;overflow:hidden}.shop-product-art span{color:var(--shop-tone);background:#fffc;border-radius:8px;padding:5px 7px;font-size:7px;font-weight:820;position:absolute;top:12px;left:12px}.shop-product-art i{color:var(--shop-tone);font-size:50px;font-style:normal}.shop-product-card>div:last-child{padding:17px}.shop-product-card strong{font-size:12px;font-weight:830}.shop-product-card p{color:#6b7684;min-height:34px;margin:7px 0 14px;font-size:8px;line-height:1.45}.shop-product-card button{color:#8b95a1;background:#f2f4f6;border:0;border-radius:11px;width:100%;min-height:38px;font-size:8px;font-weight:760}.shop-notice{color:#8b95a1;text-align:center;margin:18px 0 0;font-size:8px}.board-shell{background:linear-gradient(135deg,#ffffff3d,#0000 28%),linear-gradient(145deg,#d39a56,#a96532);border-color:#a96c3157;box-shadow:0 18px 42px #57341738,inset 0 0 0 3px #74461f2e}.board-shell:after{border-color:#5d361838}.online-board{background:linear-gradient(90deg,#ffffff21,#0000 38%,#70431b0b),repeating-linear-gradient(2deg,#70431b0e 0 1px,#0000 1px 6px),linear-gradient(135deg,#f3d293,#e7bc75 52%,#dca75e);box-shadow:inset 0 0 38px #7244191a,inset 0 0 0 1px #fff4da6b}.online-grid-lines{background-image:linear-gradient(90deg,#4f311896 1px,#0000 1px),linear-gradient(#4f311896 1px,#0000 1px);border-color:#4f3118ad;box-shadow:0 1px #fff4da4d}@media (width<=820px){.deck-page{grid-template-rows:50px 48px minmax(0,1fr)}.deck-slot-tabs{gap:5px;padding:5px 10px}.deck-slot-tabs button{min-width:85px;min-height:38px;padding:0 9px}.deck-slot-tabs button strong{font-size:8px}.deck-slot-tabs button small{font-size:6px}.account-page,.shop-page{padding-bottom:calc(64px + env(safe-area-inset-bottom));grid-template-rows:54px minmax(0,1fr)}.section-page-header{grid-template-columns:58px minmax(0,1fr) auto;padding:0 14px}.section-page-header>strong{font-size:13px}.account-page-shell,.shop-page-shell{width:min(100% - 28px,620px);padding:16px 0 28px}.account-page-card.account-modal{border-radius:20px;padding:22px 17px}.shop-hero{border-radius:22px;grid-template-columns:minmax(0,1fr) 90px;min-height:170px;padding:24px 20px}.shop-hero h1{font-size:26px}.shop-hero p{font-size:9px}.shop-hero>i{border-radius:27px;width:82px;height:82px;font-size:43px}.shop-product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.shop-product-art{min-height:108px}}@media (width<=700px){.lobby-dashboard{grid-template-areas:"play""profile";padding-top:15px}.profile-dropdown{position:fixed;top:58px;right:12px}}@media (width<=430px){.shop-product-grid{grid-template-columns:1fr}.shop-product-card{grid-template-columns:112px minmax(0,1fr);display:grid}.shop-product-art{min-height:100%}}@media (orientation:landscape) and (height<=600px) and (width<=980px){.deck-page{grid-template-rows:40px 42px minmax(0,1fr)}.deck-slot-tabs{padding:3px 9px}.deck-slot-tabs button{min-height:33px}}.header-brand-button{min-width:0;color:inherit;cursor:pointer;text-align:left;background:0 0;border:0;padding:0}.lobby-page-frame{background:#f2f4f6;grid-template-rows:68px minmax(0,1fr);width:100%;height:100svh;min-height:100svh;display:grid;overflow:hidden}.lobby-page-frame>.global-lobby-header{width:min(1120px,100% - 48px);min-height:68px}.lobby-page-frame>.deck-page,.lobby-page-frame>.account-page,.lobby-page-frame>.shop-page{width:100%;height:100%;min-height:0}.lobby-page-frame .deck-page{grid-template-rows:minmax(0,1fr)}.lobby-page-frame .deck-page-header,.lobby-page-frame .section-page-header{display:none}.lobby-page-frame .account-page,.lobby-page-frame .shop-page{grid-template-rows:minmax(0,1fr);overflow:auto}.deck-library-panel{grid-template-rows:auto auto auto auto minmax(0,1fr)}.deck-library-card{grid-template-rows:minmax(0,1fr) auto;gap:9px;min-height:226px;padding:10px}.deck-card-preview-trigger{min-width:0;min-height:0;color:inherit;cursor:pointer;text-align:left;background:0 0;border:0;grid-template-rows:88px minmax(68px,auto);gap:9px;padding:0;display:grid;position:relative}.deck-library-card.previewing{border-color:var(--tone-color)}@supports (color:color-mix(in lab, red, red)){.deck-library-card.previewing{border-color:color-mix(in srgb, var(--tone-color) 58%, #d9e2ec)}}.deck-library-card.previewing{box-shadow:inset 0 0 0 2px var(--tone-color), 0 9px 24px #21252914}@supports (color:color-mix(in lab, red, red)){.deck-library-card.previewing{box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--tone-color) 10%, transparent), 0 9px 24px #21252914}}.deck-library-card.unowned{filter:none;opacity:1}.deck-library-card.unowned .deck-card-art,.deck-library-card.unowned .deck-card-copy{opacity:.62}.deck-card-meta{grid-template-columns:auto minmax(0,1fr) 30px;align-items:center;gap:5px;min-height:30px;padding-top:7px;display:grid}.deck-card-ownership{justify-self:end}.deck-card-quick-add{background:var(--deck-blue);color:#fff;cursor:pointer;border:0;border-radius:10px;place-items:center;width:30px;height:30px;padding:0;font-size:17px;font-weight:760;line-height:1;display:grid;box-shadow:0 5px 12px #3182f633}.deck-card-quick-add:disabled{color:#a8b0ba;cursor:default;box-shadow:none;background:#e5e8eb}.deck-card-demo-discovery{color:#3182f6;cursor:pointer;background:#f4f8ff;border:1px solid #dbe8fb;border-radius:12px;align-items:center;gap:8px;min-height:38px;margin:10px 18px 0;padding:0 13px;font-size:9px;display:flex}.deck-card-demo-discovery span{background:#e8f3ff;border-radius:8px;place-items:center;width:22px;height:22px;font-size:8px;display:grid}.deck-card-demo-anchor{min-width:0;padding:12px 18px 0}.deck-card-demo{--tone-color:#3182f6;--tone-soft:#e8f3ff;border:1px solid var(--tone-color);grid-template-columns:190px minmax(0,1fr);gap:16px;min-width:0;padding:12px;display:grid}@supports (color:color-mix(in lab, red, red)){.deck-card-demo{border:1px solid color-mix(in srgb, var(--tone-color) 25%, #dfe5ec)}}.deck-card-demo{background:radial-gradient(circle at 0 0, var(--tone-soft), transparent 38%), #fff;border-radius:20px;box-shadow:0 10px 26px #21252912}.deck-card-demo.tone-attack{--tone-color:#f04452;--tone-soft:#fff0f1}.deck-card-demo.tone-control{--tone-color:#7c5ce7;--tone-soft:#f2efff}.deck-card-demo.tone-defense{--tone-color:#20a36a;--tone-soft:#eafaf3}.deck-card-demo-board-wrap{gap:7px;min-width:0;display:grid}.deck-card-demo-board.online-board{aspect-ratio:1;border:3px solid #bc7d3f;border-radius:16px;width:100%;padding:0;display:block;position:relative;overflow:hidden;box-shadow:inset 0 0 24px #683b181c,0 7px 18px #56351921}.deck-card-demo-board .online-grid-lines{background-size:16.6667% 16.6667%;inset:8.5%}.deck-card-demo-board .online-intersection{width:14.2%}.deck-card-demo-board .game-stone{width:80%;font-size:clamp(10px,1.25vw,17px)}.deck-card-demo-board .game-stone.king{width:86%}.deck-card-demo-board .armed-bomb-zone{width:43%}.deck-card-demo-board .armed-bomb-zone.zone-mine{width:14.5%}.deck-card-demo-board .armed-bomb-zone.zone-nuclear{width:71%}.deck-card-demo-board .board-impact{width:43%}.deck-card-demo-board .board-impact.impact-mine{width:18%}.deck-card-demo-board .board-impact.impact-cross-mine{width:43%}.deck-card-demo-board .board-impact.impact-nuclear{width:72%}.deck-card-demo-board .selection-order{width:46%;min-width:15px;font-size:8px;top:-31%;right:-29%}.deck-card-demo-board .blocked-cell,.deck-card-demo-board .blast-cell,.deck-card-demo-board .prediction-cell,.deck-card-demo-board .mine-cell,.deck-card-demo-board .cross-mine-cell,.deck-card-demo-board .cross-blast-cell,.deck-card-demo-board .revive-cell{font-size:clamp(11px,1.35vw,17px)}.deck-card-demo-board .mine-cell,.deck-card-demo-board .cross-mine-cell{width:68%}.deck-card-demo-board .mine-cell:after,.deck-card-demo-board .cross-mine-cell:after,.deck-card-demo-board .blocked-cell:after{width:15px;font-size:7px;bottom:-35%;right:-38%}.deck-card-demo-board .bomb-countdown-stack{z-index:14;gap:3px;top:-34%;right:-34%}.deck-card-demo-board .bomb-countdown{border-width:2px;width:17px;min-width:17px;font-size:8px}.deck-card-demo-board .card-effect-burst{width:112%}.deck-card-demo-board .card-effect-burst>b{font-size:clamp(9px,1.25vw,15px)}.deck-card-demo-phase{background:#f6f7f9;border-radius:9px;justify-content:space-between;align-items:center;gap:6px;min-height:25px;padding:0 8px;display:flex}.deck-card-demo-phase strong{color:var(--tone-color);font-size:7px;font-weight:850}.deck-card-demo-phase span{color:#8b95a1;text-overflow:ellipsis;white-space:nowrap;font-size:6px;font-weight:650;overflow:hidden}.deck-card-demo-stats{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:5px;display:grid}.deck-card-demo-stats>span{background:#f6f7f9;border-radius:10px;align-content:center;gap:1px;min-width:0;min-height:36px;padding:5px 7px;display:grid}.deck-card-demo-stats small{color:#8b95a1;font-size:6px;font-weight:700}.deck-card-demo-stats b{color:#333d4b;text-overflow:ellipsis;white-space:nowrap;font-size:7px;overflow:hidden}.deck-card-demo-stats>i{color:var(--tone-color);font-size:11px;font-style:normal;font-weight:850}.deck-card-demo-copy{flex-direction:column;min-width:0;padding:4px 3px 3px 0;display:flex}.deck-card-demo-title{grid-template-columns:44px minmax(0,1fr) 28px;align-items:center;gap:10px;min-width:0;display:grid;position:relative}.deck-card-demo-title>.deck-card-cost{top:-5px;left:-5px}.deck-card-demo-title>i{background:var(--tone-soft);width:44px;height:44px;color:var(--tone-color);border-radius:14px;place-items:center;font-size:22px;font-style:normal;display:grid}.deck-card-demo-title>div{gap:2px;min-width:0;display:grid}.deck-card-demo-title small{color:var(--tone-color);font-size:7px;font-weight:800}.deck-card-demo-title strong{color:#191f28;text-overflow:ellipsis;white-space:nowrap;font-size:18px;font-weight:850;overflow:hidden}.deck-card-demo-title>button{color:#6b7684;cursor:pointer;background:#f2f4f6;border:0;border-radius:9px;place-items:center;width:28px;height:28px;padding:0;font-size:16px;display:grid}.deck-card-demo-copy>p{color:#4e5968;margin:14px 0 12px;font-size:10px;font-weight:580;line-height:1.55}.deck-card-demo-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:0;padding:0;list-style:none;display:grid}.deck-card-demo-steps li{background:#f7f8fa;border-radius:10px;align-items:center;gap:5px;min-width:0;min-height:32px;padding:6px 7px;display:flex}.deck-card-demo-steps b{background:var(--tone-soft);width:18px;height:18px;color:var(--tone-color);border-radius:7px;flex:none;place-items:center;font-size:7px;display:grid}.deck-card-demo-steps span{color:#6b7684;text-overflow:ellipsis;white-space:nowrap;font-size:7px;font-weight:720;overflow:hidden}.deck-card-demo-actions{grid-template-columns:auto minmax(140px,1fr);gap:7px;margin-top:auto;padding-top:12px;display:grid}.deck-card-demo-actions button{cursor:pointer;border:0;border-radius:12px;min-height:38px;padding:0 13px;font-size:9px;font-weight:800}.demo-replay-button{color:#4e5968;background:#f2f4f6}.demo-add-button{background:var(--tone-color);color:#fff}.demo-add-button:disabled{color:#8b95a1;cursor:default;background:#e5e8eb}.online-grid-lines{inset:4.5%}@media (width<=700px) and (orientation:portrait){.match-panel{grid-template-rows:auto 80px auto;gap:5px}.turn-status{height:auto;min-height:40px;box-shadow:none;border-radius:12px;padding:6px 8px}.turn-status>div{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:7px;display:grid}.turn-status span{font-size:6.5px}.turn-status strong{min-width:0;font-size:8px}.online-hand{grid-template-rows:80px}.board-shell{border-radius:9px;padding:2px}.board-shell:after{inset:1px}.online-board{border-radius:6px}.online-intersection{width:6.95%}.game-stone{width:90%;font-size:clamp(8px,3.35vw,14px)}.game-stone.king{width:96%}}@media (width<=820px){.lobby-page-frame{height:auto;min-height:100dvh;display:block;overflow:visible}.lobby-page-frame>.global-lobby-header{display:none}.lobby-page-frame>.deck-page,.lobby-page-frame>.account-page,.lobby-page-frame>.shop-page{height:100dvh;min-height:100dvh}.lobby-page-frame .deck-page{grid-template-rows:50px 48px minmax(0,1fr)}.lobby-page-frame .account-page,.lobby-page-frame .shop-page{grid-template-rows:54px minmax(0,1fr)}.lobby-page-frame .section-page-header{display:grid}.deck-library-card{min-height:228px;padding:10px}.deck-card-preview-trigger{grid-template-rows:94px minmax(70px,auto)}.deck-card-demo-discovery{margin:8px 13px 0}.deck-card-demo-anchor{padding:9px 13px 0}.deck-card-demo{border-radius:17px;grid-template-columns:132px minmax(0,1fr);gap:11px;padding:10px}.deck-card-demo-board{border-width:2px;border-radius:13px;padding:9px}.deck-card-demo-title{grid-template-columns:36px minmax(0,1fr) 26px;gap:7px}.deck-card-demo-title>i{border-radius:11px;width:36px;height:36px;font-size:18px}.deck-card-demo-title strong{font-size:14px}.deck-card-demo-copy>p{margin:9px 0 8px;font-size:8px;line-height:1.45}.deck-card-demo-steps{gap:4px}.deck-card-demo-steps li{min-height:27px;padding:4px}.deck-card-demo-steps span{font-size:6px}.deck-card-demo-actions{grid-template-columns:auto minmax(90px,1fr);gap:5px;padding-top:8px}.deck-card-demo-actions button{min-height:32px;padding:0 8px;font-size:7px}}@media (width<=380px){.deck-library-card{min-height:220px;padding:8px}.deck-card-preview-trigger{grid-template-rows:84px minmax(70px,auto)}.deck-card-meta{grid-template-columns:auto minmax(0,1fr) 28px}.deck-card-ownership{font-size:6px}.deck-card-demo{grid-template-columns:116px minmax(0,1fr);gap:8px}.deck-card-demo-steps{display:none}}@media (orientation:landscape) and (height<=600px) and (width<=980px){.match-stage{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr) clamp(245px,40vw,320px);gap:6px;padding:4px 6px}.board-zone{grid-template-rows:minmax(0,1fr);place-items:center;display:grid}.mobile-opponent,.mobile-self{display:none}.board-shell{width:min(100%, calc(100dvh - 50px - env(safe-area-inset-top) - env(safe-area-inset-bottom)));aspect-ratio:1;height:auto;max-height:100%;padding:2px}.match-panel{grid-template-rows:59px 36px minmax(0,1fr) 22px;gap:4px}.turn-status{height:36px;min-height:36px;padding:4px 7px}.turn-status>div{align-items:flex-start;gap:1px;display:flex}.online-intersection{width:6.95%}.game-stone{width:90%}}@media (width<=820px){.deck-page,.lobby-page-frame .deck-page{grid-template-rows:48px minmax(0,1fr);height:100dvh;min-height:100dvh}.deck-library-toolbar{display:block}.deck-slot-tabs-desktop{display:none}.deck-slot-tabs-mobile{border-radius:15px;margin:0 12px 10px;padding:4px;display:flex}.deck-slot-tabs-mobile button{min-width:72px;min-height:34px}.deck-slot-tabs-mobile button small{display:inline}.deck-summary-panel{grid-template-rows:auto auto auto minmax(0,1fr) auto auto}.deck-summary-panel .deck-curve-card{display:none}.deck-card-demo-board.online-board{border-width:2px;border-radius:13px;padding:0}.deck-card-demo-phase{min-height:23px;padding:0 6px}}@media (width<=700px) and (orientation:portrait){.first-turn-lock{display:none}.selection-actions.with-mobile-confirm{grid-template-columns:minmax(0,1fr);min-width:min(148px,42vw)}.persistent-mobile-action{align-self:center}.persistent-mobile-action .mobile-confirm-button{width:100%;display:block}}@media (orientation:landscape) and (height<=600px){.selection-actions.with-mobile-confirm{grid-template-columns:minmax(0,1fr);min-width:min(150px,32vw)}.persistent-mobile-action .mobile-confirm-button{width:100%;display:block}}@media (orientation:landscape) and (height<=600px) and (width<=980px){.deck-page,.lobby-page-frame .deck-page{grid-template-rows:40px minmax(0,1fr)}}.tutorial-page{color:#191f28;background:radial-gradient(circle at 14% 7%,#3182f614,#0000 30%),#f2f4f6;min-width:280px;min-height:0;display:block;overflow:auto}.tutorial-mobile-header{display:none}.tutorial-page-shell{width:min(1120px,100% - 48px);margin:0 auto;padding:30px 0 52px}.tutorial-heading{justify-content:space-between;align-items:end;gap:24px;min-width:0;margin-bottom:20px;display:flex}.tutorial-heading>div{min-width:0}.tutorial-heading span{color:#3182f6;letter-spacing:.1em;font-size:9px;font-weight:850}.tutorial-heading h1{letter-spacing:-.045em;margin:7px 0 5px;font-size:clamp(28px,3.4vw,40px);font-weight:850;line-height:1.12}.tutorial-heading p{color:#6b7684;margin:0;font-size:13px;font-weight:560}.tutorial-heading>button{color:#2272d9;cursor:pointer;background:#e8f3ff;border:0;border-radius:14px;flex:none;align-items:center;gap:10px;min-height:44px;padding:0 17px;font-size:10px;font-weight:780;display:flex}.tutorial-heading>button:hover{background:#dcecff}.tutorial-heading>button i{font-size:17px;font-style:normal}.tutorial-scenario-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:14px;display:grid}.tutorial-scenario-strip>span{color:#8b95a1;background:#ffffffd1;border:1px solid #e5e8eb;border-radius:16px;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:8px;min-width:0;min-height:52px;padding:8px 32px 8px 10px;transition:border-color .2s,background .2s,color .2s;display:grid;position:relative}.tutorial-scenario-strip>span>b{aspect-ratio:1;background:#f2f4f6;border-radius:10px;place-items:center;width:30px;font-size:14px;display:grid}.tutorial-scenario-strip>span>small{text-overflow:ellipsis;white-space:nowrap;font-size:9px;font-weight:760;overflow:hidden}.tutorial-scenario-strip>span>i{aspect-ratio:1;color:#159a68;background:#dff7ed;border-radius:50%;place-items:center;width:18px;font-size:8px;font-style:normal;font-weight:900;display:grid;position:absolute;top:50%;right:11px;transform:translateY(-50%)}.tutorial-scenario-strip>span.active{color:#2272d9;background:#eef6ff;border-color:#3182f680;box-shadow:0 5px 18px #3182f617}.tutorial-scenario-strip>span.active>b{color:#fff;background:#3182f6}.tutorial-scenario-strip>span.complete:not(.active){color:#159a68;background:#f4fbf8;border-color:#20c99740}.tutorial-layout{grid-template-columns:minmax(0,1.38fr) minmax(310px,.82fr);align-items:stretch;gap:18px;min-width:0;display:grid}.tutorial-board-card,.tutorial-coach-card{background:#fff;border:1px solid #e5e8ebe6;border-radius:26px;min-width:0;box-shadow:0 10px 32px #2125290e}.tutorial-board-card{grid-template-rows:auto minmax(0,1fr) auto;gap:12px;padding:17px;display:grid}.tutorial-board-meta{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:10px;min-height:40px;padding:0 4px;display:grid}.tutorial-board-meta>span{color:#4e5968;align-items:center;gap:8px;min-width:0;font-size:9px;display:flex}.tutorial-board-meta>span:last-child{justify-content:flex-end}.tutorial-board-meta .mini-stone{width:25px}.tutorial-board-meta>strong{color:#2272d9;background:#e8f3ff;border-radius:999px;min-height:28px;padding:0 11px;font-size:8px;font-weight:800;line-height:28px}.tutorial-board-meta>strong.scenario-2{color:#d93d48;background:#fff0f0}.tutorial-board-meta>strong.scenario-3{color:#168b62;background:#eafaf5}.tutorial-board-shell{aspect-ratio:1;background:#dca65e;border:3px solid #b9793c;border-radius:22px;width:min(100%,610px);margin:0 auto;padding:8px;box-shadow:inset 0 0 0 2px #ffe4b285,0 15px 28px #683f1c21}.tutorial-board.online-board{background:linear-gradient(90deg,#ffffff14,#0000 38%,#7446190a),repeating-linear-gradient(2deg,#70451914 0 1px,#0000 1px 6px),linear-gradient(135deg,#f6d99b,#e8ba70 55%,#dda75c);border-radius:14px;height:100%;box-shadow:inset 0 0 26px #663a141c,inset 0 0 0 1px #fff5d659}.tutorial-board .online-grid-lines{background-image:linear-gradient(90deg,#492b139e 1px,#0000 1px),linear-gradient(#492b139e 1px,#0000 1px);background-size:16.6667% 16.6667%;border-color:#492b13bd;inset:7%}.tutorial-intersection{z-index:4;cursor:default;pointer-events:auto;background:0 0;border:0;width:12.5%;padding:0}.tutorial-board.interactive .tutorial-intersection{cursor:pointer}.tutorial-intersection .game-stone{width:78%;font-size:clamp(8px,1.8vw,17px)}.tutorial-intersection .hoshi{width:10%}.tutorial-target-ring{z-index:6;aspect-ratio:1;pointer-events:none;background:#3182f621;border:3px solid #3182f6f5;border-radius:50%;width:82%;animation:1.08s ease-in-out infinite tutorial-target-pulse;position:absolute;box-shadow:0 0 0 6px #3182f61c,0 0 24px #3182f67a}.tutorial-target:has(.game-stone) .tutorial-target-ring{background:0 0;width:92%}.tutorial-board.scenario-2 .tutorial-target-ring{background:#e5484d1f;border-color:#e5484df5;box-shadow:0 0 0 6px #e5484d17,0 0 24px #e5484d66}.tutorial-board.scenario-3 .tutorial-target-ring{background:#20b77e1f;border-color:#20b77ef5;box-shadow:0 0 0 6px #20b77e17,0 0 24px #20b77e6b}.tutorial-selection-order{z-index:9;aspect-ratio:1;color:#fff;background:#7358d9;border:2px solid #fff;border-radius:50%;place-items:center;width:25%;min-width:16px;font-size:8px;font-style:normal;font-weight:900;display:grid;position:absolute;top:-13%;left:-13%;box-shadow:0 2px 8px #49309e61}.tutorial-selection-path{z-index:7;transform-origin:0;pointer-events:none;background:linear-gradient(90deg,#8d72ec,#b69ff7);border-radius:999px;height:4px;animation:.68s ease-in-out infinite alternate tutorial-path-flow;position:absolute;box-shadow:0 0 12px #7756e29e}.tutorial-selection-path>b{aspect-ratio:1;color:#fff;background:#7358d9;border:2px solid #ffffffeb;border-radius:50%;place-items:center;width:26px;font-size:12px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 3px 12px #49309e6b}.tutorial-danger-line{z-index:3;background:#e5484d57;border-radius:999px;width:57.34%;height:7px;animation:.82s ease-in-out infinite alternate tutorial-danger-pulse;position:absolute;top:35.67%;left:21.33%;box-shadow:0 0 0 5px #e5484d1c,0 0 22px #e5484d6b}.tutorial-danger-line.breaking{animation:.72s ease-out forwards tutorial-line-break}.tutorial-impact-target{z-index:8}.tutorial-impact-target .card-effect-burst{width:116%}.tutorial-fresh-stone{animation:.46s cubic-bezier(.18,.82,.2,1.14) both tutorial-stone-drop}.tutorial-swapped-stone{animation:.68s cubic-bezier(.16,.8,.18,1.12) both tutorial-swap-arrive}.tutorial-winning-line{z-index:3;background:#3182f657;border-radius:999px;width:58.6%;height:7px;animation:.55s ease-out both tutorial-line-reveal;position:absolute;top:50%;left:20.7%;transform:translateY(-50%);box-shadow:0 0 0 5px #3182f61f,0 0 22px #3182f66b}.tutorial-winning-stone .game-stone{box-shadow:0 3px 5px #00000094,0 0 0 3px #3182f65c,0 0 18px #3182f694}.tutorial-confetti{z-index:15;pointer-events:none;position:absolute;inset:0;overflow:hidden}.tutorial-confetti i{--confetti-color:#3182f6;background:var(--confetti-color);border-radius:3px;width:7px;height:15px;animation:1.8s ease-in infinite tutorial-confetti-fall;position:absolute;top:-8%;left:50%}.tutorial-confetti i:nth-child(3n+1){--confetti-color:#ffb84d}.tutorial-confetti i:nth-child(3n+2){--confetti-color:#20c997}.tutorial-confetti i:first-child{animation-delay:-.8s;left:7%}.tutorial-confetti i:nth-child(2){animation-delay:-.15s;left:15%}.tutorial-confetti i:nth-child(3){animation-delay:-1.1s;left:24%}.tutorial-confetti i:nth-child(4){animation-delay:-.48s;left:33%}.tutorial-confetti i:nth-child(5){animation-delay:-1.42s;left:42%}.tutorial-confetti i:nth-child(6){animation-delay:-.62s;left:51%}.tutorial-confetti i:nth-child(7){animation-delay:-1.2s;left:59%}.tutorial-confetti i:nth-child(8){animation-delay:-.27s;left:68%}.tutorial-confetti i:nth-child(9){animation-delay:-.9s;left:76%}.tutorial-confetti i:nth-child(10){animation-delay:-1.52s;left:83%}.tutorial-confetti i:nth-child(11){animation-delay:-.4s;left:89%}.tutorial-confetti i:nth-child(12){animation-delay:-1.05s;left:95%}.tutorial-board .armed-bomb-zone.tutorial-bomb-zone{z-index:2;opacity:.82;width:43%}.tutorial-board .board-impact.tutorial-bomb-impact{width:31%}.tutorial-board .impact-spark.impact-self-destruct{background:radial-gradient(circle,#fffacffa,#ff65369e 36%,#0000 72%)}.tutorial-clear-badge{z-index:16;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:none;background:#ffffffed;border:1px solid #ffffffe6;border-radius:16px;align-items:center;gap:9px;min-width:148px;padding:9px 13px 9px 9px;animation:.45s cubic-bezier(.18,.82,.2,1.12) both tutorial-clear-enter;display:flex;position:absolute;top:5%;left:50%;transform:translate(-50%);box-shadow:0 9px 28px #1e407033}.tutorial-clear-badge>i{aspect-ratio:1;color:#fff;background:#3182f6;border-radius:11px;place-items:center;width:31px;font-size:13px;font-style:normal;font-weight:900;display:grid}.tutorial-clear-badge.scenario-2>i,.tutorial-clear-badge.scenario-3>i{background:#20b77e}.tutorial-clear-badge>span{flex-direction:column;gap:2px;display:flex}.tutorial-clear-badge b{color:#191f28;font-size:10px;font-weight:850}.tutorial-clear-badge small{color:#8b95a1;font-size:7px;font-weight:650}.tutorial-survived-mark{z-index:10;aspect-ratio:1;color:#fff;background:#20b77e;border:2px solid #fff;border-radius:50%;place-items:center;width:30%;min-width:15px;font-size:7px;font-style:normal;font-weight:900;animation:.48s cubic-bezier(.18,.82,.2,1.2) both tutorial-survivor-pop;display:grid;position:absolute;bottom:-8%;right:-8%;box-shadow:0 2px 9px #10845a61}.tutorial-board-footer{color:#8b95a1;justify-content:space-between;align-items:center;gap:12px;min-height:32px;padding:0 4px;font-size:8px;display:flex}.tutorial-board-footer>span{align-items:center;gap:5px;display:flex}.tutorial-board-footer i,.tutorial-board-footer b{color:#3182f6;font-style:normal}.tutorial-coach-card{flex-direction:column;gap:14px;padding:19px;display:flex}.tutorial-progress-head{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;min-height:30px;display:grid}.tutorial-progress-head>span{color:#3182f6;font-size:9px;font-weight:800}.tutorial-progress-head>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;display:grid}.tutorial-progress-head>div i{background:#e5e8eb;border-radius:999px;height:5px}.tutorial-progress-head>div i.complete{background:#3182f6}.tutorial-progress-head>div i.active{background:linear-gradient(90deg,#3182f6 50%,#dcecff 50%) 0 0/200% 100%;animation:1.4s ease-in-out infinite alternate tutorial-progress-active}.tutorial-progress-head>button{color:#6b7684;cursor:pointer;background:#f2f4f6;border:0;border-radius:9px;min-height:28px;padding:0 8px;font-size:7px;font-weight:720}.tutorial-mission-card{background:radial-gradient(circle at 90% 5%,#3182f629,#0000 32%),#f7f9fc;border-radius:21px;flex-direction:column;min-height:185px;padding:22px;animation:.3s ease-out both tutorial-mission-enter;display:flex;position:relative;overflow:hidden}.tutorial-mission-card:after{aspect-ratio:1;content:"";border:18px solid #3182f60b;border-radius:50%;width:126px;position:absolute;bottom:-42px;right:-34px}.tutorial-mission-card.phase-complete{background:radial-gradient(circle at 90% 5%,#20c99733,#0000 34%),#f4fbf8}.tutorial-mission-card.scenario-2{background:radial-gradient(circle at 90% 5%,#e5484d26,#0000 34%),#fff8f8}.tutorial-mission-card.scenario-3{background:radial-gradient(circle at 90% 5%,#20b77e2b,#0000 34%),#f5fcf9}.tutorial-mission-card.has-feedback{animation:.3s ease-out both tutorial-mission-enter,.34s ease-out tutorial-feedback-shake;box-shadow:inset 0 0 0 1px #e5484d47}.tutorial-mission-card>span{color:#3182f6;letter-spacing:.06em;font-size:8px;font-weight:850}.tutorial-mission-card.scenario-2>span{color:#d93d48}.tutorial-mission-card.scenario-3>span{color:#168b62}.tutorial-mission-card h2{letter-spacing:-.04em;max-width:300px;margin:12px 0 9px;font-size:clamp(21px,2.15vw,29px);font-weight:850;line-height:1.18}.tutorial-mission-card p{color:#6b7684;max-width:320px;margin:0;font-size:10px;font-weight:570;line-height:1.55}.tutorial-mission-card>small{color:#4e5968;align-items:center;gap:7px;margin-top:auto;padding-top:18px;font-size:8px;font-weight:730;display:flex}.tutorial-mission-card>small i{color:#3182f6;background:#e8f3ff;border-radius:8px;place-items:center;width:24px;height:24px;font-style:normal;display:grid}.tutorial-mission-card.scenario-2>small i{color:#d93d48;background:#fff0f0}.tutorial-mission-card.scenario-3>small i{color:#168b62;background:#eafaf5}.tutorial-mission-card.has-feedback>small{color:#c43c45}.tutorial-mission-card.has-feedback>small i{color:#d93d48;background:#fff0f0}.tutorial-hand{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.tutorial-skill-card{color:#333d4b;cursor:pointer;text-align:left;background:#f9fafb;border:1px solid #e5e8eb;border-radius:16px;grid-template-rows:34px auto;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:5px 8px;min-width:0;min-height:84px;padding:10px;display:grid;position:relative}.tutorial-skill-card:disabled{cursor:default;opacity:.48}.tutorial-skill-card.selected:disabled{opacity:1}.tutorial-skill-card>b{z-index:2;color:#fff;background:#3182f6;border-radius:50%;place-items:center;width:22px;height:22px;font-size:8px;display:grid;position:absolute;top:7px;left:7px;box-shadow:0 3px 8px #3182f642}.tutorial-skill-card>i{color:#e5484d;background:#fff0f1;border-radius:11px;grid-row:1;place-items:center;width:34px;height:34px;font-size:17px;font-style:normal;display:grid}.tutorial-skill-card.tone-defense>i{color:#20a36a;background:#eafaf5}.tutorial-skill-card.tone-control>i{color:#7358d9;background:#f1edff}.tutorial-skill-card>span{flex-direction:column;grid-area:1/2/3;gap:4px;min-width:0;display:flex}.tutorial-skill-card strong{font-size:10px;font-weight:820}.tutorial-skill-card small{color:#8b95a1;font-size:7px;line-height:1.35}.tutorial-skill-card>em{color:#3182f6;font-size:6px;font-style:normal;font-weight:800;position:absolute;top:7px;right:7px}.tutorial-skill-card.selected{background:#eef6ff;border-color:#3182f6;box-shadow:inset 0 0 0 1px #3182f642}.tutorial-skill-card.tone-control.selected{background:#f5f2ff;border-color:#8d72ec;box-shadow:inset 0 0 0 1px #7358d93d}.tutorial-skill-card.tone-defense.selected{background:#effbf7;border-color:#42bd91;box-shadow:inset 0 0 0 1px #20a36a38}.tutorial-skill-card.tutorial-action-target{border-color:#3182f694;animation:1.05s ease-in-out infinite tutorial-card-pulse}.tutorial-rule-strip{color:#8b95a1;background:#f7f8fa;border-radius:15px;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:5px;min-height:48px;margin-top:auto;padding:8px 10px;display:grid}.tutorial-rule-strip span{white-space:nowrap;justify-content:center;align-items:center;gap:5px;min-width:0;font-size:7px;font-weight:720;display:flex;position:relative}.tutorial-rule-strip span b{color:#3182f6;background:#e8f3ff;border-radius:6px;place-items:center;width:18px;height:18px;font-size:7px;display:grid}.tutorial-rule-strip span>i{color:#c3cad2;font-size:10px;font-style:normal;position:absolute;top:50%;right:-6px;transform:translateY(-50%)}.tutorial-rule-strip.scenario-2 span b{color:#d93d48;background:#fff0f0}.tutorial-rule-strip.scenario-3 span b{color:#168b62;background:#eafaf5}.tutorial-complete-actions{grid-template-columns:minmax(0,1fr) auto;gap:8px;margin-top:auto;display:grid}.tutorial-complete-actions button{color:#fff;cursor:pointer;background:#3182f6;border:0;border-radius:14px;min-height:48px;padding:0 16px;font-size:9px;font-weight:800}.tutorial-complete-actions button:last-child{color:#6b7684;background:#f2f4f6}.tutorial-core-rules{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px;display:grid}.tutorial-core-rules article{background:#ffffffe6;border:1px solid #e5e8ebeb;border-radius:17px;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:10px;min-width:0;min-height:68px;padding:11px 14px;display:grid}.tutorial-core-rules article>span{color:#3182f6;background:#e8f3ff;border-radius:12px;place-items:center;width:38px;height:38px;font-size:14px;font-weight:850;display:grid}.tutorial-core-rules article>div{flex-direction:column;gap:3px;min-width:0;display:flex}.tutorial-core-rules strong{font-size:10px;font-weight:800}.tutorial-core-rules small{color:#8b95a1;text-overflow:ellipsis;white-space:nowrap;font-size:7px;overflow:hidden}@keyframes tutorial-target-pulse{0%,to{opacity:.76;transform:scale(.88)}50%{opacity:1;transform:scale(1.08)}}@keyframes tutorial-stone-drop{0%{opacity:0;transform:translateY(-18%)scale(1.22)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes tutorial-line-reveal{0%{opacity:0;transform:translateY(-50%)scaleX(.15)}to{opacity:1;transform:translateY(-50%)scaleX(1)}}@keyframes tutorial-confetti-fall{0%{opacity:0;transform:translateY(-10%)rotate(0)}12%{opacity:1}to{opacity:0;transform:translateY(660px)rotate(520deg)}}@keyframes tutorial-mission-enter{0%{opacity:.5;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes tutorial-card-pulse{0%,to{box-shadow:0 0 #3182f600}50%{box-shadow:0 0 0 5px #3182f61f}}@keyframes tutorial-path-flow{0%{opacity:.68;filter:saturate(.9)}to{opacity:1;filter:saturate(1.35)}}@keyframes tutorial-danger-pulse{0%{opacity:.62;transform:scaleX(.97)}to{opacity:1;transform:scaleX(1.02)}}@keyframes tutorial-line-break{0%{opacity:1;transform:scaleX(1)}38%{opacity:1;transform:scaleX(.44)rotate(-2deg)}to{opacity:0;transform:scaleX(.08)rotate(7deg)}}@keyframes tutorial-swap-arrive{0%{opacity:.25;transform:scale(.62)rotate(-24deg)}68%{opacity:1;transform:scale(1.16)rotate(6deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes tutorial-clear-enter{0%{opacity:0;transform:translate(-50%,-18px)scale(.88)}to{opacity:1;transform:translate(-50%)scale(1)}}@keyframes tutorial-survivor-pop{0%{opacity:0;transform:scale(.3)}to{opacity:1;transform:scale(1)}}@keyframes tutorial-progress-active{0%{background-position:100% 0}to{background-position:0 0}}@keyframes tutorial-feedback-shake{0%,to{transform:translate(0)}28%{transform:translate(-4px)}58%{transform:translate(4px)}78%{transform:translate(-2px)}}@media (width<=980px){.tutorial-layout{grid-template-columns:minmax(0,1.12fr) minmax(285px,.88fr)}.tutorial-board-card{padding:13px}.tutorial-coach-card{padding:15px}.tutorial-mission-card{min-height:168px;padding:18px}}@media (width<=820px){.tutorial-page-frame .tutorial-page{width:100%;height:100dvh;min-height:100dvh}.tutorial-page{padding-bottom:calc(70px + env(safe-area-inset-bottom))}.tutorial-mobile-header{z-index:40;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffff0;border-bottom:1px solid #e5e8ebe6;grid-template-columns:78px minmax(0,1fr) 78px;align-items:center;min-height:54px;padding:0 14px;display:grid;position:sticky;top:0}.tutorial-mobile-header strong{justify-self:center;font-size:13px;font-weight:830}.tutorial-mobile-header button{color:#4e5968;cursor:pointer;background:#f2f4f6;border:0;border-radius:10px;justify-self:start;min-height:34px;padding:0 9px;font-size:8px;font-weight:740}.tutorial-mobile-header button:last-child{color:#3182f6;background:0 0;justify-self:end}.tutorial-page-shell{width:min(100% - 24px,620px);padding:18px 0 26px}.tutorial-heading{margin-bottom:13px}.tutorial-heading h1{margin-top:5px;font-size:27px}.tutorial-heading p,.tutorial-heading>button{display:none}.tutorial-scenario-strip{scroll-snap-type:x proximity;scrollbar-width:none;grid-template-columns:repeat(3,minmax(165px,1fr));margin-right:-12px;padding-right:12px;overflow-x:auto}.tutorial-scenario-strip::-webkit-scrollbar{display:none}.tutorial-scenario-strip>span{scroll-snap-align:start}.tutorial-layout{grid-template-columns:minmax(0,1fr);gap:12px}.tutorial-board-card,.tutorial-coach-card{border-radius:22px}.tutorial-board-card{gap:8px;padding:11px}.tutorial-board-meta{min-height:32px}.tutorial-board-meta .mini-stone{width:22px}.tutorial-board-shell{border-width:2px;border-radius:18px;width:min(100%,520px);padding:5px}.tutorial-board.online-board{border-radius:12px}.tutorial-intersection .game-stone{width:82%;font-size:clamp(9px,3.6vw,18px)}.tutorial-board-footer{min-height:26px}.tutorial-clear-badge{min-width:138px;padding:7px 11px 7px 7px;top:4%}.tutorial-coach-card{gap:11px;padding:14px}.tutorial-mission-card{border-radius:18px;min-height:154px;padding:18px}.tutorial-mission-card h2{margin-top:9px;font-size:23px}.tutorial-mission-card p{font-size:9px}.tutorial-skill-card{min-height:84px}.tutorial-core-rules{scroll-snap-type:x proximity;scrollbar-width:none;margin-right:-12px;padding-right:12px;display:flex;overflow-x:auto}.tutorial-core-rules::-webkit-scrollbar{display:none}.tutorial-core-rules article{scroll-snap-align:start;min-width:min(78vw,280px)}}@media (width<=700px){.lobby-mobile-nav{grid-template-columns:repeat(5,minmax(0,1fr))}.lobby-quick-menu{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=390px){.tutorial-page-shell{width:calc(100% - 16px)}.tutorial-heading{padding:0 4px}.tutorial-hand{grid-template-columns:minmax(0,1fr)}.tutorial-hand .tutorial-skill-card:disabled{display:none}.tutorial-mission-card h2{font-size:21px}.tutorial-complete-actions{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.tutorial-target-ring,.tutorial-fresh-stone,.tutorial-swapped-stone,.tutorial-winning-line,.tutorial-danger-line,.tutorial-selection-path,.tutorial-clear-badge,.tutorial-survived-mark,.tutorial-confetti i,.tutorial-mission-card,.tutorial-skill-card.tutorial-action-target,.tutorial-progress-head>div i.active{animation:none}}.admin-page{--admin-blue:#3182f6;--admin-blue-soft:#e8f3ff;--admin-text:#191f28;--admin-muted:#6b7684;--admin-line:#e5e8eb;--admin-surface:#fff;min-height:100dvh;color:var(--admin-text);font-family:var(--font-plus-jakarta), "Pretendard", system-ui, sans-serif;background:#f2f4f6}.admin-page *,.admin-page :before,.admin-page :after,.admin-gate *,.admin-gate :before,.admin-gate :after{box-sizing:border-box}.admin-page button,.admin-gate button{font:inherit}.admin-sidebar{z-index:40;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffffff5;border-right:1px solid #0000000a;flex-direction:column;width:248px;padding:28px 18px 22px;display:flex;position:fixed;inset:0 auto 0 0}.admin-brand{color:var(--admin-text);align-items:center;gap:12px;margin:0 8px 34px;text-decoration:none;display:flex}.admin-brand>span{background:var(--admin-blue);color:#fff;border-radius:14px;place-items:center;width:42px;height:42px;font-size:19px;font-weight:900;display:grid;box-shadow:0 8px 20px #3182f63d}.admin-brand div{gap:1px;display:grid}.admin-brand strong{letter-spacing:-.04em;font-size:17px}.admin-brand small{color:#8b95a1;letter-spacing:.18em;font-size:9px;font-weight:800}.admin-sidebar nav{gap:6px;display:grid}.admin-sidebar nav button{color:#6b7684;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:14px;align-items:center;gap:13px;width:100%;min-height:48px;padding:0 14px;font-size:14px;font-weight:750;transition:background .16s,color .16s,transform .16s;display:flex}.admin-sidebar nav button:hover{color:#333d4b;background:#f2f4f6}.admin-sidebar nav button:active{transform:scale(.98)}.admin-sidebar nav button.active{background:var(--admin-blue-soft);color:var(--admin-blue)}.admin-sidebar nav svg,.admin-back-link svg,.admin-top-actions svg,.admin-users-toolbar svg,.admin-clients-toolbar svg,.admin-mobile-nav svg{fill:currentColor;flex:none;width:20px;height:20px}.admin-sidebar-account{border-top:1px solid #f2f4f6;align-items:center;gap:10px;min-width:0;margin:auto 5px 14px;padding:14px 10px;display:flex}.admin-sidebar-account>span{color:#fff;background:#191f28;border-radius:50%;flex:none;place-items:center;width:36px;height:36px;font-size:13px;font-weight:800;display:grid}.admin-sidebar-account div{min-width:0}.admin-sidebar-account strong,.admin-sidebar-account small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.admin-sidebar-account strong{font-size:13px}.admin-sidebar-account small{color:#8b95a1;margin-top:2px;font-size:10px}.admin-back-link{color:#8b95a1;border-radius:12px;align-items:center;gap:8px;min-height:42px;margin:0 5px;padding:0 10px;font-size:12px;font-weight:700;text-decoration:none;display:flex}.admin-back-link:hover{color:#4e5968;background:#f2f4f6}.admin-main{min-height:100dvh;margin-left:248px}.admin-topbar{justify-content:space-between;align-items:center;gap:24px;min-height:130px;padding:32px clamp(28px,4vw,64px) 24px;display:flex}.admin-topbar h1{color:var(--admin-text);letter-spacing:-.045em;margin:0;font-size:clamp(27px,2.4vw,34px);font-weight:850}.admin-topbar p{color:var(--admin-muted);letter-spacing:-.025em;margin:7px 0 0;font-size:14px}.admin-mobile-brand{display:none}.admin-top-actions{align-items:center;gap:9px;display:flex}.admin-live-badge,.admin-refresh{white-space:nowrap;border-radius:13px;justify-content:center;align-items:center;gap:8px;height:40px;font-size:12px;font-weight:750;display:inline-flex}.admin-live-badge{color:#159366;background:#eafaf2;padding:0 14px}.admin-live-badge i{background:#20c997;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #20c99721}.admin-refresh{border:1px solid var(--admin-line);color:#4e5968;cursor:pointer;background:#fff;padding:0 14px}.admin-refresh:hover{background:#f9fafb}.admin-refresh:disabled{cursor:wait;opacity:.7}.admin-refresh .spinning{animation:.8s linear infinite admin-spin}@keyframes admin-spin{to{transform:rotate(360deg)}}.admin-content{width:min(1380px,100% - clamp(56px,8vw,128px));margin:0 auto;padding:0 0 56px}.admin-status-hero{color:#fff;background:radial-gradient(circle at 84% 20%,#ffffff38,#0000 28%),linear-gradient(135deg,#2474ef 0%,#4597ff 100%);border-radius:28px;justify-content:space-between;align-items:center;gap:28px;min-height:184px;padding:34px 38px;display:flex;position:relative;overflow:hidden;box-shadow:0 16px 42px #3182f629}.admin-status-hero:after{content:"";border:48px solid #ffffff12;border-radius:50%;width:330px;height:330px;position:absolute;top:-130px;right:-50px}.admin-eyebrow{color:var(--admin-blue);letter-spacing:.17em;font-size:10px;font-weight:900}.admin-status-hero .admin-eyebrow{color:#ffffffb3}.admin-status-hero h2{letter-spacing:-.05em;margin:8px 0 9px;font-size:clamp(24px,2.4vw,34px);font-weight:850}.admin-status-hero p{color:#fffc;letter-spacing:-.025em;margin:0;font-size:14px}.admin-status-orb{z-index:1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff21;border:1px solid #ffffff38;border-radius:50%;flex:none;place-items:center;width:92px;height:92px;display:grid;position:relative;box-shadow:inset 0 0 0 9px #ffffff0d}.admin-status-orb span{background:#7dffce;border-radius:50%;width:9px;height:9px;position:absolute;top:18px;box-shadow:0 0 15px #7dffcee6}.admin-status-orb strong{margin-top:16px;font-size:17px}.admin-metric-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:18px 0;display:grid}.admin-metric{background:#fff;border:1px solid #00000006;border-radius:22px;align-content:center;min-height:146px;padding:24px;display:grid;position:relative;overflow:hidden;box-shadow:0 8px 24px #00000009}.admin-metric:after{content:"";opacity:.045;border:22px solid;border-radius:50%;width:94px;height:94px;position:absolute;bottom:-29px;right:-23px}.admin-metric>span{color:#6b7684;font-size:12px;font-weight:750}.admin-metric strong{color:#191f28;letter-spacing:-.045em;margin:7px 0 4px;font-size:30px;font-weight:850}.admin-metric small{color:#8b95a1;font-size:11px}.admin-metric-blue{color:#3182f6}.admin-metric-green{color:#00a76f}.admin-metric-purple{color:#7c5ce7}.admin-metric-orange{color:#f08c46}.admin-overview-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;display:grid}.admin-panel{background:var(--admin-surface);border:1px solid #00000009;border-radius:24px;overflow:hidden;box-shadow:0 8px 24px #00000009}.admin-panel-head{justify-content:space-between;align-items:center;gap:16px;min-height:86px;padding:21px 24px 16px;display:flex}.admin-panel-head h3{color:#191f28;letter-spacing:-.04em;margin:0;font-size:17px;font-weight:820}.admin-panel-head p{color:#8b95a1;letter-spacing:-.02em;margin:5px 0 0;font-size:11px}.admin-panel-head>button{color:#4e5968;cursor:pointer;background:#f2f4f6;border:0;border-radius:10px;min-height:34px;padding:0 11px;font-size:11px;font-weight:750}.admin-panel-head>button:hover{background:#e9ecef}.admin-panel-head>span{color:#8b95a1;font-size:11px;font-weight:700}.admin-list{padding:0 13px 14px}.admin-user-line,.admin-room-line{border-radius:14px;align-items:center;gap:11px;min-height:58px;padding:9px 11px;display:flex}.admin-user-line:hover,.admin-room-line:hover{background:#f8f9fa}.admin-user-line>span{color:#3182f6;background:#e8f3ff;border-radius:50%;flex:none;place-items:center;width:35px;height:35px;font-size:12px;font-weight:850;display:grid}.admin-user-line div,.admin-room-line div{flex:1;min-width:0}.admin-user-line strong,.admin-user-line small,.admin-room-line strong,.admin-room-line small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.admin-user-line strong,.admin-room-line strong{font-size:12px;font-weight:780}.admin-user-line small,.admin-room-line small{color:#8b95a1;margin-top:3px;font-size:10px}.admin-user-line>p{color:#8b95a1;white-space:nowrap;margin:0;font-size:10px}.admin-room-line strong i{color:#b0b8c1;margin:0 3px;font-size:9px;font-style:normal;font-weight:600}.admin-room-line>em{color:#6b7684;white-space:nowrap;background:#f2f4f6;border-radius:8px;padding:5px 7px;font-size:9px;font-style:normal;font-weight:800}.admin-phase-dot{background:#b0b8c1;border-radius:50%;flex:none;width:8px;height:8px}.admin-phase-dot.waiting{background:#ffb340;box-shadow:0 0 0 4px #ffb3401f}.admin-phase-dot.playing{background:#20c997;box-shadow:0 0 0 4px #20c9971f}.admin-match-panel{margin-top:18px}.admin-match-table{padding:0 20px 18px}.admin-match-table article{border-top:1px solid #f2f4f6;grid-template-columns:minmax(180px,1fr) 80px 90px 110px;align-items:center;gap:12px;min-height:58px;padding:8px 5px;display:grid}.admin-match-table article>div{min-width:0}.admin-match-table strong,.admin-match-table small{display:block}.admin-match-table strong{font-size:12px}.admin-match-table small{color:#8b95a1;margin-top:3px;font-size:10px}.admin-match-table article>span{color:#6b7684;background:#f2f4f6;border-radius:8px;width:max-content;padding:5px 8px;font-size:10px;font-weight:800}.admin-match-table article>span.result-win{color:#3182f6;background:#e8f3ff}.admin-match-table article>span.result-loss{color:#e65a5a;background:#fff0f0}.admin-match-table article>b{color:#6b7684;font-size:11px}.admin-match-table article>b.positive{color:#3182f6}.admin-match-table article>b.negative{color:#e65a5a}.admin-match-table time{color:#8b95a1;text-align:right;font-size:10px}.admin-empty{text-align:center;align-content:center;place-items:center;min-height:170px;padding:30px;display:grid}.admin-empty>span{color:#20a674;background:#eafaf2;border-radius:50%;place-items:center;width:38px;height:38px;margin-bottom:11px;font-size:15px;font-weight:900;display:grid}.admin-empty strong{font-size:13px}.admin-empty p{color:#8b95a1;margin:5px 0 0;font-size:11px}.admin-users-panel{min-height:620px}.admin-users-toolbar{border-bottom:1px solid #f2f4f6;justify-content:space-between;align-items:center;gap:20px;min-height:82px;padding:18px 22px;display:flex}.admin-users-toolbar label{color:#8b95a1;background:#f2f4f6;border:1px solid #0000;border-radius:14px;align-items:center;gap:10px;width:min(440px,100%);min-height:44px;padding:0 13px;transition:border .16s,background .16s;display:flex}.admin-users-toolbar label:focus-within{background:#fff;border-color:#9ac4fb;box-shadow:0 0 0 3px #3182f614}.admin-users-toolbar input{color:#191f28;background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:13px}.admin-users-toolbar label>button{color:#6b7684;cursor:pointer;background:#dfe3e8;border:0;border-radius:50%;place-items:center;width:24px;height:24px;display:grid}.admin-users-toolbar>span{color:#8b95a1;white-space:nowrap;font-size:11px;font-weight:700}.admin-user-table{padding:0 14px 16px}.admin-user-table-head,.admin-user-table>article{grid-template-columns:minmax(220px,1.25fr) minmax(170px,.9fr) minmax(180px,.95fr) 110px minmax(190px,auto);align-items:center;gap:14px;display:grid}.admin-user-table-head{color:#8b95a1;min-height:46px;padding:0 10px;font-size:10px;font-weight:750}.admin-user-table>article{border-top:1px solid #f2f4f6;min-height:78px;padding:10px}.admin-user-identity{align-items:center;gap:10px;min-width:0;display:flex}.admin-user-identity>span{color:#3182f6;background:#e8f3ff;border-radius:50%;flex:none;place-items:center;width:38px;height:38px;font-size:12px;font-weight:850;display:grid}.admin-user-identity>div,.admin-user-dates,.admin-user-game{min-width:0}.admin-user-identity strong,.admin-user-identity small,.admin-user-dates strong,.admin-user-dates small,.admin-user-game strong,.admin-user-game small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.admin-user-identity strong,.admin-user-dates strong,.admin-user-game strong{color:#333d4b;font-size:11px;font-weight:760}.admin-user-identity small,.admin-user-dates small,.admin-user-game small{color:#8b95a1;margin-top:4px;font-size:9px}.admin-user-identity strong em{color:#fff;vertical-align:1px;background:#191f28;border-radius:6px;margin-left:6px;padding:3px 5px;font-size:8px;font-style:normal;display:inline-block}.admin-session-state{color:#8b95a1;white-space:nowrap;align-items:center;gap:6px;font-size:10px;font-weight:750;display:inline-flex}.admin-session-state i{background:#b0b8c1;border-radius:50%;width:6px;height:6px}.admin-session-state.online{color:#159366}.admin-session-state.online i{background:#20c997;box-shadow:0 0 0 3px #20c9971f}.admin-user-actions{justify-content:flex-end;gap:6px;display:flex}.admin-user-actions button{color:#3182f6;cursor:pointer;white-space:nowrap;background:#e8f3ff;border:0;border-radius:10px;min-height:34px;padding:0 10px;font-size:9px;font-weight:800}.admin-user-actions button.danger{color:#e65a5a;background:#fff0f0}.admin-user-actions button:disabled{cursor:not-allowed;opacity:.45}.admin-client-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:16px;display:grid}.admin-client-summary article{background:#fff;border:1px solid #00000009;border-radius:20px;align-content:center;min-height:116px;padding:22px;display:grid;box-shadow:0 8px 24px #00000008}.admin-client-summary span{color:#6b7684;font-size:10px;font-weight:760}.admin-client-summary strong{color:#191f28;letter-spacing:-.04em;margin-top:8px;font-size:25px;font-weight:850}.admin-client-summary small{color:#8b95a1;margin-top:5px;font-size:9px}.admin-clients-panel{min-height:620px}.admin-clients-toolbar{border-bottom:1px solid #f2f4f6;grid-template-columns:minmax(260px,1fr) auto auto;align-items:center;gap:16px;min-height:86px;padding:18px 22px;display:grid}.admin-clients-toolbar>label{color:#8b95a1;background:#f2f4f6;border:1px solid #0000;border-radius:14px;align-items:center;gap:10px;min-height:44px;padding:0 13px;display:flex}.admin-clients-toolbar>label:focus-within{background:#fff;border-color:#9ac4fb;box-shadow:0 0 0 3px #3182f614}.admin-clients-toolbar input{color:#191f28;background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:12px}.admin-clients-toolbar label>button{color:#6b7684;cursor:pointer;background:#dfe3e8;border:0;border-radius:50%;place-items:center;width:24px;height:24px;display:grid}.admin-clients-toolbar>span{color:#8b95a1;white-space:nowrap;font-size:10px;font-weight:750}.admin-client-scope{background:#f2f4f6;border-radius:12px;padding:4px;display:inline-flex}.admin-client-scope button{color:#8b95a1;cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:9px;min-height:34px;padding:0 12px;font-size:9px;font-weight:800}.admin-client-scope button.active{color:#3182f6;background:#fff;box-shadow:0 2px 9px #00000012}.admin-client-table{padding:0 14px 16px}.admin-client-table-head,.admin-client-table>article{grid-template-columns:minmax(235px,1.25fr) minmax(150px,.8fr) minmax(200px,1fr) minmax(105px,.55fr) 105px;align-items:center;gap:14px;display:grid}.admin-client-table-head{color:#8b95a1;min-height:46px;padding:0 10px;font-size:10px;font-weight:750}.admin-client-table>article{border-top:1px solid #f2f4f6;min-height:94px;padding:12px 10px}.admin-client-identity{align-items:center;gap:10px;min-width:0;display:flex}.admin-client-identity>span{color:#3182f6;background:#e8f3ff;border-radius:14px;flex:none;place-items:center;width:40px;height:40px;font-size:10px;font-weight:900;display:grid}.admin-client-identity>div,.admin-client-visits,.admin-client-games,.admin-client-time{min-width:0}.admin-client-identity strong,.admin-client-identity small,.admin-client-visits strong,.admin-client-visits small,.admin-client-games strong,.admin-client-games small,.admin-client-time strong,.admin-client-time small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.admin-client-identity strong,.admin-client-visits strong,.admin-client-games strong,.admin-client-time strong{color:#333d4b;font-size:11px;font-weight:760}.admin-client-identity small,.admin-client-visits small,.admin-client-games small,.admin-client-time small{color:#8b95a1;margin-top:4px;font-size:9px}.admin-client-identity strong em{vertical-align:1px;border-radius:6px;margin-left:6px;padding:3px 5px;font-size:8px;font-style:normal;display:inline-block}.admin-client-identity strong em.guest{color:#d97706;background:#fff4e6}.admin-client-identity strong em.member{color:#3182f6;background:#e8f3ff}.admin-room-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:18px;display:grid}.admin-room-summary article{background:#fff;border-radius:20px;justify-content:space-between;align-items:center;min-height:86px;padding:19px 22px;display:flex;box-shadow:0 8px 24px #00000009}.admin-room-summary span{color:#6b7684;font-size:11px;font-weight:750}.admin-room-summary strong{color:#191f28;font-size:27px;font-weight:850}.admin-rooms-panel{min-height:520px}.admin-room-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:0 20px 20px;display:grid}.admin-room-cards>article{background:#fff;border:1px solid #edf0f2;border-radius:18px;gap:17px;padding:19px;transition:border .16s,transform .16s,box-shadow .16s;display:grid}.admin-room-cards>article:hover{border-color:#d9e7fb;transform:translateY(-2px);box-shadow:0 10px 26px #3182f612}.admin-room-cards article>header{justify-content:space-between;align-items:center;display:flex}.admin-room-cards article>header div{align-items:center;gap:9px;display:flex}.admin-room-cards article>header strong{letter-spacing:.05em;font-size:14px}.admin-room-cards article>header em{color:#6b7684;background:#f2f4f6;border-radius:8px;padding:5px 7px;font-size:9px;font-style:normal;font-weight:800}.admin-room-cards article>header em.phase-waiting{color:#d98719;background:#fff5e3}.admin-room-cards article>header em.phase-playing{color:#159366;background:#eafaf2}.admin-room-players{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:7px;display:grid}.admin-room-players>span{color:#333d4b;text-overflow:ellipsis;white-space:nowrap;justify-items:center;gap:6px;min-width:0;font-size:10px;font-weight:750;display:grid;overflow:hidden}.admin-room-players>span.waiting{color:#8b95a1}.admin-room-players i{color:#fff;background:#191f28;border-radius:50%;place-items:center;width:34px;height:34px;font-size:11px;font-style:normal;display:grid}.admin-room-players>span:last-child i{color:#3182f6;background:#edf4fd}.admin-room-players b{color:#b0b8c1;font-size:8px}.admin-room-cards dl{background:#f8f9fa;border-radius:12px;gap:7px;margin:0;padding:12px;display:grid}.admin-room-cards dl div{justify-content:space-between;gap:12px;display:flex}.admin-room-cards dt,.admin-room-cards dd{margin:0;font-size:9px}.admin-room-cards dt{color:#8b95a1}.admin-room-cards dd{color:#4e5968;text-align:right;font-weight:750}.admin-room-actions{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:8px;display:grid}.admin-room-actions button{cursor:pointer;border:0;border-radius:11px;justify-content:center;align-items:center;gap:6px;min-height:37px;font-size:10px;font-weight:800;display:inline-flex}.admin-room-actions button svg{fill:currentColor;width:15px;height:15px}.admin-room-actions button.watch{color:#3182f6;background:#e8f3ff}.admin-room-actions button.watch:hover{color:#1b64da;background:#d9ebff}.admin-room-actions button.close{color:#6b7684;background:#f2f4f6}.admin-room-actions button.close:hover{color:#e65a5a;background:#fff0f0}.admin-room-actions button.close.confirming{color:#fff;background:#e65a5a}.admin-room-actions button:disabled{cursor:wait;opacity:.6}.admin-spectator-backdrop{z-index:200;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#191f2894;place-items:center;padding:28px;animation:.16s ease-out admin-spectator-backdrop-in;display:grid;position:fixed;inset:0}.admin-spectator-dialog{background:#f7f8fa;border:1px solid #ffffffb8;border-radius:28px;grid-template-rows:auto minmax(0,1fr);width:min(1180px,100%);max-height:min(900px,100dvh - 56px);animation:.2s ease-out admin-spectator-dialog-in;display:grid;overflow:hidden;box-shadow:0 28px 90px #0c131e4d}@keyframes admin-spectator-backdrop-in{0%{opacity:0}}@keyframes admin-spectator-dialog-in{0%{opacity:0;transform:translateY(14px)scale(.985)}}.admin-spectator-head{background:#fffffff5;border-bottom:1px solid #e9ecef;justify-content:space-between;align-items:center;gap:20px;min-height:83px;padding:16px 20px 16px 24px;display:flex}.admin-spectator-head>div:first-child{min-width:0}.admin-spectator-head>div:first-child>span{color:#00a77a;letter-spacing:.12em;align-items:center;gap:6px;font-size:8px;font-weight:900;display:flex}.admin-spectator-head>div:first-child>span i,.admin-spectator-sync i{background:#00c28a;border-radius:50%;width:7px;height:7px;animation:1.3s ease-in-out infinite alternate admin-spectator-live;box-shadow:0 0 0 4px #00c28a1c}@keyframes admin-spectator-live{to{opacity:.45;transform:scale(.8)}}.admin-spectator-head>div:first-child>strong{color:#191f28;letter-spacing:.04em;margin-top:4px;font-size:23px;font-weight:880;display:block}.admin-spectator-head>div:first-child>small{color:#8b95a1;margin-top:3px;font-size:10px;display:block}.admin-spectator-head-actions{flex:none;align-items:center;gap:8px;display:flex}.admin-spectator-head-actions>span{color:#4e5968;background:#f2f4f6;border-radius:12px;align-items:center;gap:10px;min-height:38px;padding:0 7px 0 13px;font-size:10px;font-weight:800;display:flex}.admin-spectator-head-actions>span.phase-playing{color:#168f68;background:#eafaf2}.admin-spectator-head-actions>span.phase-finished{color:#3182f6;background:#e8f3ff}.admin-spectator-head-actions>span b{color:#191f28;background:#fff;border-radius:9px;place-items:center;width:28px;height:28px;font-size:12px;display:grid;box-shadow:0 2px 8px #00000012}.admin-spectator-head-actions>button{color:#6b7684;cursor:pointer;background:#f2f4f6;border:0;border-radius:12px;place-items:center;width:38px;height:38px;font-size:19px;line-height:1;display:grid}.admin-spectator-head-actions>button:hover{color:#191f28;background:#e5e8eb}.admin-spectator-content{grid-template-columns:minmax(430px,1fr) 350px;gap:18px;min-height:0;padding:20px;display:grid;overflow:auto}.admin-spectator-board-area{align-content:center;justify-items:center;gap:11px;min-width:0;display:grid}.admin-spectator-board-shell{aspect-ratio:1;background:linear-gradient(135deg,#ffffff3d,#0000 28%),linear-gradient(145deg,#d39a56,#a96532);border:1px solid #a96c3157;border-radius:21px;width:min(100%,680px,100dvh - 175px);padding:clamp(5px,.7vw,9px);position:relative;box-shadow:0 18px 42px #5734172e,inset 0 0 0 3px #74461f2e}.admin-spectator-board-shell:after{border-radius:inherit;content:"";pointer-events:none;border:1px solid #5d361838;position:absolute;inset:2px}.admin-spectator-board{touch-action:auto;border-radius:14px}.admin-spectator-board .online-intersection{pointer-events:none}.admin-spectator-board .game-stone{font-size:clamp(7px,1.35vw,17px)}.admin-spectator-board .admin-spectator-last-move:before{z-index:7;aspect-ratio:1;content:"";pointer-events:none;border:1.5px solid #3182f6e0;border-radius:50%;width:103%;position:absolute;box-shadow:0 0 9px #3182f673}.admin-spectator-board .last-move-indicator{border-color:#3182f6}.admin-spectator-owned-marker:after,.admin-spectator-board .fake-bomb-cell:after,.admin-spectator-board .pandora-box-cell:after{aspect-ratio:1;border-radius:50%;place-items:center;width:clamp(10px,38%,15px);font-size:clamp(5px,.55vw,7px);font-style:normal;font-weight:950;line-height:1;display:grid;position:absolute;bottom:-20%;right:-20%;box-shadow:0 1px 4px #0006}.admin-spectator-owned-marker.owner-black:after,.admin-spectator-board .fake-bomb-cell.owner-black:after,.admin-spectator-board .pandora-box-cell.owner-black:after{content:"흑";color:#fff;background:#171b19;border:1px solid #ffffff47}.admin-spectator-owned-marker.owner-white:after,.admin-spectator-board .fake-bomb-cell.owner-white:after,.admin-spectator-board .pandora-box-cell.owner-white:after{content:"백";color:#473d31;background:#f4eddf;border:1px solid #372d1f6b}.admin-spectator-board-area>p{color:#8b95a1;text-align:center;align-items:center;gap:7px;max-width:680px;margin:0;font-size:9px;display:flex}.admin-spectator-board-area>p span{color:#3182f6;background:#e8f3ff;border-radius:7px;flex:none;padding:4px 6px;font-weight:850}.admin-spectator-side{align-content:start;gap:10px;min-width:0;display:grid}.admin-spectator-sync,.admin-spectator-warning{color:#168f68;background:#eafaf2;border-radius:11px;justify-content:center;align-items:center;gap:8px;min-height:34px;font-size:9px;font-weight:800;display:flex}.admin-spectator-warning{color:#c76b14;text-align:center;background:#fff4e6;padding:8px 10px;line-height:1.4}.admin-spectator-player{background:#fff;border:1px solid #e9ecef;border-radius:18px;gap:11px;padding:15px;transition:border .16s,box-shadow .16s;display:grid}.admin-spectator-player.active{border-color:#83e1be;box-shadow:0 0 0 3px #00c28a14}.admin-spectator-player>header{align-items:center;gap:10px;display:flex}.admin-spectator-player>header>i{flex:none;width:35px}.admin-spectator-player>header>div{flex:1;min-width:0}.admin-spectator-player>header strong,.admin-spectator-player>header small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.admin-spectator-player>header strong{color:#191f28;font-size:12px}.admin-spectator-player>header small{color:#8b95a1;margin-top:3px;font-size:8px}.admin-spectator-player>header em{color:#168f68;white-space:nowrap;background:#eafaf2;border-radius:8px;padding:5px 7px;font-size:8px;font-style:normal;font-weight:850}.admin-spectator-player>p{color:#8b95a1;margin:0;font-size:9px}.admin-spectator-energy{grid-template-columns:minmax(0,1fr) auto;gap:7px;display:grid}.admin-spectator-energy>span,.admin-spectator-energy>small{color:#6b7684;font-size:8px}.admin-spectator-energy>span b{color:#3182f6;font-size:11px}.admin-spectator-energy>i{background:#e8edf3;border-radius:999px;grid-column:1/-1;height:5px;overflow:hidden}.admin-spectator-energy>i b{border-radius:inherit;background:linear-gradient(90deg,#3182f6,#5ba5ff);height:100%;transition:width .22s;display:block}.admin-spectator-hand{flex-wrap:wrap;gap:5px;min-height:31px;display:flex}.admin-spectator-hand>span{color:#4e5968;background:#f8f9fa;border:1px solid #e9ecef;border-radius:9px;align-items:center;gap:5px;min-height:27px;padding:0 8px 0 5px;font-size:8px;font-weight:750;display:inline-flex}.admin-spectator-hand>span b{color:#fff;background:#3182f6;border-radius:6px;place-items:center;width:18px;height:18px;font-size:8px;display:grid}.admin-spectator-hand>small{color:#b0b8c1;align-self:center;font-size:8px}.admin-spectator-player>footer{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.admin-spectator-player>footer span,.admin-spectator-player>footer em{color:#6b7684;background:#f2f4f6;border-radius:7px;padding:4px 6px;font-size:7px;font-style:normal;font-weight:750}.admin-spectator-player>footer em{color:#7655d3;background:#f1edff}.admin-spectator-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;display:grid}.admin-spectator-summary>div{background:#fff;border:1px solid #e9ecef;border-radius:13px;place-content:center;justify-items:center;min-height:57px;display:grid}.admin-spectator-summary span{color:#8b95a1;font-size:7px}.admin-spectator-summary strong{color:#333d4b;margin-top:4px;font-size:14px}.admin-spectator-log{background:#fff;border:1px solid #e9ecef;border-radius:18px;min-height:0;overflow:hidden}.admin-spectator-log>header{border-bottom:1px solid #f2f4f6;justify-content:space-between;align-items:center;min-height:43px;padding:0 13px;display:flex}.admin-spectator-log>header strong{font-size:10px}.admin-spectator-log>header small{color:#8b95a1;font-size:7px}.admin-spectator-log>div{max-height:118px;padding:7px 12px 10px;display:grid;overflow:auto}.admin-spectator-log p{color:#6b7684;border-bottom:1px solid #f6f7f8;margin:0;padding:6px 0;font-size:8px;line-height:1.35}.admin-spectator-loading{color:#8b95a1;place-content:center;justify-items:center;gap:14px;min-height:min(620px,100dvh - 140px);font-size:11px;display:grid}.admin-spectator-loading.error strong{color:#191f28;font-size:18px}.admin-spectator-loading.error p{text-align:center;max-width:360px;margin:0}.admin-spectator-loading.error button{color:#fff;cursor:pointer;background:#3182f6;border:0;border-radius:11px;min-height:38px;padding:0 16px;font-size:10px;font-weight:800}.admin-operation-hero{padding:7px 4px 26px}.admin-operation-hero h2{letter-spacing:-.055em;margin:8px 0;font-size:clamp(25px,3vw,38px);font-weight:850}.admin-operation-hero p{color:#6b7684;margin:0;font-size:13px}.admin-operation-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.admin-operation-card{background:#fff;border-radius:24px;grid-template-rows:auto auto;grid-template-columns:auto minmax(0,1fr);gap:0 16px;padding:25px;display:grid;box-shadow:0 8px 24px #00000009}.admin-operation-icon{border-radius:16px;grid-row:1/3;place-items:center;width:48px;height:48px;display:grid}.admin-operation-icon svg{fill:currentColor;width:23px;height:23px}.admin-operation-icon.cleanup{color:#3182f6;background:#e8f3ff}.admin-operation-icon.security{color:#159366;background:#eafaf2}.admin-operation-card h3{margin:2px 0 7px;font-size:16px;font-weight:820}.admin-operation-card p{color:#8b95a1;max-width:440px;margin:0;font-size:11px;line-height:1.7}.admin-operation-card>button,.admin-protected{border:0;border-radius:11px;grid-column:2;width:max-content;min-height:37px;margin-top:18px;padding:0 13px;font-size:10px;font-weight:800}.admin-operation-card>button{color:#fff;cursor:pointer;background:#3182f6}.admin-operation-card>button:disabled{cursor:wait;opacity:.6}.admin-protected{color:#159366;background:#eafaf2;justify-content:center;align-items:center;display:inline-flex}.admin-system-card{margin-top:16px}.admin-system-card dl{grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:0 22px 22px;display:grid}.admin-system-card dl div{border-top:1px solid #f2f4f6;justify-content:space-between;align-items:center;gap:15px;min-height:53px;padding:0 11px;display:flex}.admin-system-card dt,.admin-system-card dd{margin:0;font-size:10px}.admin-system-card dt{color:#8b95a1}.admin-system-card dd{color:#4e5968;font-weight:750}.admin-system-card dd i{vertical-align:1px;background:#20c997;border-radius:50%;width:6px;height:6px;margin-right:6px;display:inline-block;box-shadow:0 0 0 3px #20c9971f}.admin-mobile-nav{display:none}.admin-toast{z-index:100;color:#fff;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#191f28f0;border-radius:15px;align-items:center;gap:9px;max-width:min(390px,100vw - 32px);min-height:48px;padding:10px 16px;font-size:12px;font-weight:700;animation:.22s ease-out admin-toast-in;display:flex;position:fixed;bottom:28px;right:28px;box-shadow:0 12px 34px #0003}.admin-toast span{background:#20c997;border-radius:50%;flex:none;place-items:center;width:21px;height:21px;font-size:10px;display:grid}@keyframes admin-toast-in{0%{opacity:0;transform:translateY(12px)}}.admin-gate{color:#191f28;min-height:100dvh;font-family:var(--font-plus-jakarta), "Pretendard", system-ui, sans-serif;background:#f2f4f6;place-items:center;padding:24px;display:grid}.admin-gate>section{text-align:center;background:#fff;border-radius:28px;width:min(480px,100%);padding:48px;box-shadow:0 18px 50px #0000000f}.admin-gate-mark{color:#3182f6;background:#e8f3ff;border-radius:19px;place-items:center;width:58px;height:58px;margin:0 auto 22px;font-size:24px;font-weight:900;display:grid}.admin-gate h1{letter-spacing:-.05em;margin:11px 0 10px;font-size:27px;font-weight:850}.admin-gate p{color:#6b7684;word-break:keep-all;margin:0;font-size:13px;line-height:1.75}.admin-gate-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:28px;display:grid}.admin-gate-actions a,.admin-gate-actions button{color:#4e5968;cursor:pointer;background:#f2f4f6;border:0;border-radius:14px;justify-content:center;align-items:center;min-height:46px;font-size:12px;font-weight:800;text-decoration:none;display:inline-flex}.admin-gate-actions button{color:#fff;background:#3182f6}.admin-gate-loading{align-content:center;gap:16px}.admin-gate-loading>p{color:#6b7684;margin:0;font-size:13px}.admin-loader{gap:6px;display:flex}.admin-loader span{background:#3182f6;border-radius:50%;width:9px;height:9px;animation:.85s ease-in-out infinite alternate admin-bounce}.admin-loader span:nth-child(2){animation-delay:.14s}.admin-loader span:nth-child(3){animation-delay:.28s}@keyframes admin-bounce{to{opacity:.28;transform:translateY(-7px)}}@media (width<=1180px){.admin-sidebar{width:218px}.admin-main{margin-left:218px}.admin-content{width:calc(100% - 48px)}.admin-user-table-head,.admin-user-table>article{grid-template-columns:minmax(190px,1.2fr) minmax(145px,.8fr) minmax(155px,.9fr) 95px minmax(168px,auto);gap:10px}.admin-client-table-head,.admin-client-table>article{grid-template-columns:minmax(200px,1.2fr) minmax(135px,.75fr) minmax(175px,.95fr) minmax(95px,.55fr) 90px;gap:10px}.admin-room-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-spectator-content{grid-template-columns:minmax(400px,1fr) 320px}}@media (width<=920px){.admin-sidebar{align-items:center;width:78px;padding-inline:11px}.admin-brand{margin-inline:0}.admin-brand div,.admin-sidebar nav button span,.admin-sidebar-account div,.admin-back-link{display:none}.admin-sidebar nav button{justify-content:center;width:52px;padding:0}.admin-sidebar-account{margin-inline:0;padding-inline:0}.admin-main{margin-left:78px}.admin-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-overview-grid,.admin-operation-grid{grid-template-columns:minmax(0,1fr)}.admin-user-table-head{display:none}.admin-user-table,.admin-client-table{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:14px;display:grid}.admin-user-table>article{border:1px solid #edf0f2;border-radius:16px;grid-template-rows:auto auto auto;grid-template-columns:minmax(0,1fr) auto;gap:12px;min-width:0;padding:16px;display:grid}.admin-client-table-head{display:none}.admin-client-table>article{border:1px solid #edf0f2;border-radius:16px;grid-template-rows:auto auto auto;grid-template-columns:minmax(0,1fr) auto;gap:12px;min-width:0;padding:16px;display:grid}.admin-user-identity,.admin-client-identity{grid-column:1/-1}.admin-client-visits,.admin-client-games{grid-column:1}.admin-client-time{text-align:right;grid-area:2/2}.admin-client-table>article>div:last-child{grid-area:3/2;justify-self:end}.admin-user-dates,.admin-user-game{grid-column:1}.admin-user-table>article>div:nth-child(4){grid-area:2/2;justify-self:end}.admin-user-actions{grid-column:1/-1;justify-content:stretch}.admin-user-actions button{flex:1}.admin-spectator-dialog{width:min(760px,100%)}.admin-spectator-content{grid-template-columns:minmax(0,1fr)}.admin-spectator-board-shell{width:min(100%,620px,100dvh - 175px)}.admin-spectator-side{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-spectator-sync,.admin-spectator-warning,.admin-spectator-summary,.admin-spectator-log{grid-column:1/-1}}@media (width<=700px){.admin-page{padding-bottom:calc(74px + env(safe-area-inset-bottom))}.admin-sidebar{display:none}.admin-main{margin-left:0}.admin-topbar{min-height:120px;padding:calc(18px + env(safe-area-inset-top)) 20px 18px;background:#fff;align-items:flex-end}.admin-mobile-brand{color:#3182f6;letter-spacing:.14em;text-transform:uppercase;margin-bottom:8px;font-size:9px;font-weight:900;display:block}.admin-topbar h1{font-size:25px}.admin-topbar p,.admin-live-badge{display:none}.admin-refresh{background:#f2f4f6;border:0;width:40px;padding:0}.admin-refresh>span{display:none}.admin-content{width:calc(100% - 28px);padding-top:14px;padding-bottom:24px}.admin-status-hero{border-radius:24px;align-items:flex-start;min-height:178px;padding:27px 24px}.admin-status-hero h2{word-break:keep-all;max-width:260px;font-size:25px;line-height:1.22}.admin-status-hero p{max-width:260px;font-size:11px;line-height:1.55}.admin-status-orb{width:72px;height:72px;position:absolute;bottom:20px;right:22px}.admin-status-orb span{top:13px}.admin-status-orb strong{font-size:14px}.admin-metric-grid{gap:9px;margin:12px 0}.admin-metric{border-radius:19px;min-height:124px;padding:18px}.admin-metric strong{font-size:25px}.admin-overview-grid{gap:12px}.admin-panel{border-radius:21px}.admin-panel-head{min-height:77px;padding:18px 19px 13px}.admin-panel-head h3{font-size:15px}.admin-match-panel{margin-top:12px}.admin-match-table{padding:0 14px 14px}.admin-match-table article{grid-template-columns:minmax(0,1fr) auto auto;gap:8px}.admin-match-table time{display:none}.admin-users-toolbar{gap:10px;padding:15px;display:grid}.admin-client-summary{gap:8px}.admin-client-summary article{text-align:center;justify-items:center;min-height:92px;padding:13px 8px}.admin-client-summary strong{font-size:20px}.admin-client-summary small{display:none}.admin-clients-toolbar{grid-template-columns:minmax(0,1fr);gap:10px;padding:15px}.admin-client-scope{width:100%}.admin-client-scope button{flex:1}.admin-clients-toolbar>span,.admin-users-toolbar>span{padding-left:4px}.admin-user-table,.admin-client-table{grid-template-columns:minmax(0,1fr);padding:10px}.admin-room-summary{gap:8px}.admin-room-summary article{text-align:center;justify-content:center;justify-items:center;min-height:83px;padding:13px 8px;display:grid}.admin-room-summary span{font-size:9px}.admin-room-summary strong{font-size:23px}.admin-room-cards{grid-template-columns:minmax(0,1fr);padding:0 13px 14px}.admin-room-actions{grid-template-columns:minmax(0,1fr) minmax(0,.8fr)}.admin-spectator-backdrop{-webkit-backdrop-filter:none;backdrop-filter:none;background:#f7f8fa;place-items:stretch stretch;padding:0}.admin-spectator-dialog{width:100%;max-height:100dvh;box-shadow:none;border:0;border-radius:0}.admin-spectator-head{z-index:20;min-height:calc(74px + env(safe-area-inset-top));padding:calc(10px + env(safe-area-inset-top)) 12px 10px 15px;position:sticky;top:0}.admin-spectator-head>div:first-child>strong{font-size:18px}.admin-spectator-head>div:first-child>small{text-overflow:ellipsis;white-space:nowrap;max-width:180px;font-size:8px;overflow:hidden}.admin-spectator-head-actions{gap:5px}.admin-spectator-head-actions>span{min-height:34px;padding:0 5px 0 9px;font-size:8px}.admin-spectator-head-actions>span b{width:25px;height:25px;font-size:10px}.admin-spectator-head-actions>button{width:34px;height:34px}.admin-spectator-content{padding:12px 10px calc(22px + env(safe-area-inset-bottom));gap:12px}.admin-spectator-board-shell{border-radius:15px;width:min(100%,100dvh - 115px)}.admin-spectator-board{border-radius:10px}.admin-spectator-board-area>p{padding:0 7px;font-size:8px;line-height:1.45}.admin-spectator-side{grid-template-columns:minmax(0,1fr)}.admin-spectator-sync,.admin-spectator-warning,.admin-spectator-summary,.admin-spectator-log{grid-column:auto}.admin-spectator-player{padding:14px}.admin-spectator-loading{min-height:calc(100dvh - 74px)}.admin-operation-hero{padding:7px 2px 22px}.admin-operation-hero h2{font-size:27px}.admin-operation-card{padding:20px}.admin-system-card dl{grid-template-columns:minmax(0,1fr);padding:0 14px 16px}.admin-mobile-nav{z-index:70;min-height:calc(64px + env(safe-area-inset-bottom));padding:5px 10px env(safe-area-inset-bottom);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffffff0;border-top:1px solid #0000000f;grid-template-columns:repeat(5,minmax(0,1fr));display:grid;position:fixed;inset:auto 0 0;box-shadow:0 -8px 28px #0000000a}.admin-mobile-nav button{color:#8b95a1;cursor:pointer;background:0 0;border:0;border-radius:13px;align-content:center;place-items:center;gap:3px;min-height:55px;display:grid}.admin-mobile-nav button.active{color:#3182f6}.admin-mobile-nav svg{width:21px;height:21px}.admin-mobile-nav small{font-size:9px;font-weight:800}.admin-toast{right:16px;bottom:calc(78px + env(safe-area-inset-bottom));font-size:11px}.admin-gate>section{border-radius:24px;padding:36px 23px}.admin-gate-actions{grid-template-columns:minmax(0,1fr)}}@media (width<=390px){.admin-status-orb{display:none}.admin-metric>span,.admin-metric small{font-size:9px}.admin-room-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-room-summary article:last-child{grid-column:1/-1}}@media (prefers-reduced-motion:reduce){.admin-page *,.admin-gate *{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}