/*! 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}*{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{border-bottom:1px solid var(--line);min-height:76px}.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{gap:12px}.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>span{width:42px;height:42px;font-size:21px}.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}.game-brand small{color:var(--faint);letter-spacing:.17em;font-size:9px;font-weight:800}.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}.feature-row b{color:var(--ink)}.feature-row .learning-count{background:#62c0a012;border-color:#62c0a057}.feature-row .learning-count b{color:#8be0c2}.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)}.secondary-button:hover{background:#ffffff0b;border-color:#e5d3b14d}.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}.back-button:hover{color:var(--ink)}.field{gap:8px;margin-top:19px;display:grid;position:relative}.field>span{color:#c9bfad;font-size:11px;font-weight:750}.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 input:focus{border-color:#dfb968ad;box-shadow:0 0 0 3px #dfb96814}.field input::placeholder{color:#615c52}.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:hover,.waiting-room-list button.selected{background:#62c0a017;border-color:#62c0a07a}.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 button.selected{color:var(--ink);background:#62c0a01a;border-color:#62c0a094;box-shadow:inset 0 0 0 1px #62c0a014}.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 strong.complete{color:var(--jade)}.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.equipped{background:#62c0a00e;border-color:#62c0a059}.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%;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)}}.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.tone-negative{color:#ee927f;background:linear-gradient(145deg,#e75b4833,#4916122e),#0f0908f0;border-color:#e76f5b85}.player-passive.tone-utility{color:#e6c575;background:linear-gradient(145deg,#dfb9682e,#493a1629),#0f0d08f0;border-color:#dfb9687a}.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:hover,.card-choice-option.chosen{background:#4dbc951a;border-color:#6fdbb5cc;box-shadow:0 0 0 2px #51c19a1a}.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.selected{box-shadow:0 0 0 2px #dfb96826}.online-card.follow-up-ready{background:radial-gradient(circle at 50% 17%,#ffa43838,#0000 48%),#211c17;border-color:#f6ad43db;animation:1.25s ease-in-out infinite alternate card-follow-up-ready;box-shadow:0 0 0 1px #f6ad4321,0 0 18px #e2732a38}.card-chain-badge{z-index:3;color:#ffe5a8;letter-spacing:.04em;white-space:nowrap;background:#592f11e6;border:1px solid #ffd78b80;border-radius:999px;padding:3px 6px;font-size:8px;font-weight:900;line-height:1;position:absolute;top:7px;right:7px}@keyframes card-follow-up-ready{0%{box-shadow:0 0 0 1px #f6ad431a,0 0 12px #e2732a29}to{box-shadow:0 0 0 1px #ffc6603d,0 0 23px #ee7d2b57}}.online-card:disabled{opacity:.36;filter:saturate(.55)}.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>b{color:var(--gold-bright)}.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}.energy-bar i.filled{background:linear-gradient(90deg, #aa8140, var(--gold-bright));box-shadow:0 0 7px #dfb96857}.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}.end-turn-button:hover:not(:disabled){background:#dfb96829}.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-lock.open{color:var(--jade);background:#62c0a012;border-color:#62c0a047}.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.current-player{background:linear-gradient(90deg,#7654dc1a,#4d7cee0d)}.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}}@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}