@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-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}.start{inset-inline-start:var(--spacing)}.block{display:block}.grid{display:grid}.hidden{display:none}.table{display:table}}:root{--bg:#f8f5ef;--bg-elev:#fffdf7;--text:#1e1c18;--muted:#6d665a;--line:#d6cbb8;--accent:#1d4d4f;--accent-soft:#2b6f72;--game-gomoku:#b85c38;--game-go:#3d4f3a;--game-chess:#3f497f;--game-janggi:#7a2f2f;--motion-duration-fast:.14s;--motion-duration-base:.18s;--motion-duration-slow:.22s;--motion-ease-standard:cubic-bezier(.22,1,.36,1);--motion-reveal-distance:14px;--motion-shadow-shift:14px}*{box-sizing:border-box}html,body{background:radial-gradient(circle at 10% 10%,#fff5d6 0%,#fff5d600 30%),radial-gradient(circle at 90% 20%,#e9f7f8 0%,#e9f7f800 28%),var(--bg);color:var(--text);margin:0;padding:0;font-family:Space Grotesk,Noto Sans KR,system-ui,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--accent)}@supports (color:color-mix(in lab, red, red)){a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid color-mix(in srgb,var(--accent)60%,white 40%)}}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-offset:2px}button,input,textarea,select{font:inherit;color:var(--text);transition:transform var(--motion-duration-fast)var(--motion-ease-standard),box-shadow var(--motion-duration-fast)var(--motion-ease-standard),border-color var(--motion-duration-fast)var(--motion-ease-standard),background-color var(--motion-duration-fast)var(--motion-ease-standard),color var(--motion-duration-fast)var(--motion-ease-standard);font-size:16px}.page-shell{width:min(1120px,100% - 2rem);margin:1.25rem auto 2rem}.top-nav{border:1px solid var(--line);background:var(--bg-elev);justify-content:space-between;align-items:center;gap:1rem;width:min(1160px,100% - 2rem);margin:1rem auto 0;padding:.85rem 1rem;display:flex}@supports (color:color-mix(in lab, red, red)){.top-nav{background:color-mix(in srgb,var(--bg-elev)92%,#fff 8%)}}.top-nav{border-radius:14px;box-shadow:0 2px 14px #2320180d}.top-nav__brand{letter-spacing:.2px;font-weight:800}.top-nav__links{color:var(--muted);gap:1rem;display:flex}.top-nav__account{align-items:center;gap:.6rem;font-size:.92rem;display:flex}.top-nav__account button{border:1px solid var(--line);background:var(--bg-elev);cursor:pointer;border-radius:999px;padding:.35rem .7rem}.home{gap:1.5rem;padding-bottom:1rem;display:grid}.home__hero{border:1px solid var(--line);grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);gap:1rem;display:grid;position:relative}@supports (color:color-mix(in lab, red, red)){.home__hero{border:1px solid color-mix(in srgb,var(--line)82%,white 18%)}}.home__hero{isolation:isolate;background:linear-gradient(135deg,#fff8e2fa 0%,#f9f4ebf0 42%,#ebf4f5eb 100%);border-radius:32px;padding:1.4rem;overflow:hidden;box-shadow:0 22px 60px #2320181a}.home__hero:before{content:"";z-index:-1;background:radial-gradient(circle,#b85c383d 0%,#b85c3800 72%);border-radius:50%;width:24rem;height:24rem;position:absolute;inset:auto auto -35% -12%}.home__hero:after{content:"";z-index:-1;background-color:#0000;background-image:linear-gradient(90deg,#ffffff2e 0 1px,#0000 1px),linear-gradient(0deg,#ffffff1f 0 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:56px 56px;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(135deg,#00000059,#0000 65%);mask-image:linear-gradient(135deg,#00000059,#0000 65%)}.home__hero-copy{align-content:start;gap:1rem;display:grid}.home__eyebrow{width:fit-content;color:var(--accent);letter-spacing:.12em;text-transform:uppercase;background:#ffffffb3;border:1px solid #1d4d4f24;border-radius:999px;margin:0;padding:.38rem .7rem;font-size:.78rem;font-weight:700}.home__hero h1{letter-spacing:-.05em;max-width:10ch;margin:0;font-family:Iowan Old Style,Palatino Linotype,Noto Serif KR,serif;font-size:clamp(2.8rem,6vw,5.2rem);line-height:.95}.home__hero-lede{max-width:58ch;color:var(--muted);margin:0;font-size:clamp(1rem,1.7vw,1.12rem);line-height:1.65}.home__actions{flex-wrap:wrap;gap:.75rem;display:flex}.home__button{border-radius:999px;justify-content:center;align-items:center;min-height:48px;padding:.8rem 1.15rem;font-weight:700;transition:transform .14s,box-shadow .14s,border-color .14s;display:inline-flex}.home__button:hover{transform:translateY(-2px)}.home__button--primary{background:linear-gradient(135deg,var(--accent)0%,var(--accent-soft)100%);color:#f7f3ea;border:1px solid #0000;box-shadow:0 12px 28px #1d4d4f38}.home__button--secondary{color:var(--text);background:#ffffffc2;border:1px solid #1d4d4f29}.home__stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin:0;display:grid}.home__stats div{background:#ffffffad;border:1px solid #1d4d4f1f;border-radius:20px;padding:.9rem 1rem;box-shadow:inset 0 1px #fff9}.home__stats dt{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:.78rem;font-weight:700}.home__stats dd{letter-spacing:-.04em;margin:.25rem 0 0;font-size:clamp(1.5rem,2vw,2rem);font-weight:800}.home__hero-stage{color:#f6f1e7;transition:transform var(--motion-duration-base)var(--motion-ease-standard),box-shadow var(--motion-duration-base)var(--motion-ease-standard),border-color var(--motion-duration-base)var(--motion-ease-standard);background:linear-gradient(#193739 0%,#22494b 100%);border-radius:26px;gap:.85rem;padding:1rem;display:grid;box-shadow:inset 0 0 0 1px #ffffff14,0 16px 34px #1225262e}.home__stage-head{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.home__stage-head span{color:#f6f1e7cc;letter-spacing:.1em;text-transform:uppercase;background:#ffffff14;border-radius:999px;align-items:center;padding:.32rem .65rem;font-size:.72rem;font-weight:700;display:inline-flex}.home__stage-head p{color:#f6f1e7c7;text-align:right;margin:0;font-size:.92rem}.home__spotlight{background:linear-gradient(#ffffff14 0%,#ffffff08 100%);border:1px solid #ffffff14;border-radius:22px;gap:.6rem;padding:1rem;display:grid}.home__spotlight strong{letter-spacing:-.02em;font-size:1.16rem}.home__spotlight p{color:#f6f1e7c7;margin:0;line-height:1.6}.home__signal-row{flex-wrap:wrap;gap:.45rem;display:flex}.home__signal-row span{color:#f6f1e7e0;background:#ffffff14;border-radius:999px;align-items:center;padding:.35rem .65rem;font-size:.8rem;font-weight:600;display:inline-flex}.home__stage-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;display:grid}.home__stage-card{--card-accent:var(--accent);background:linear-gradient(180deg,#ffffff1c 0%,#ffffff0a 100%),radial-gradient(circle at top right,var(--card-accent)0%,transparent 42%);border:1px solid #ffffff17;border-radius:18px;gap:.25rem;min-height:112px;padding:.85rem;display:grid;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.home__stage-card{background:linear-gradient(180deg,#ffffff1c 0%,#ffffff0a 100%),radial-gradient(circle at top right,color-mix(in srgb,var(--card-accent)55%,white 45%)0%,transparent 42%)}}.home__stage-card{box-shadow:inset 0 1px #ffffff0d}.home__stage-card:after{content:"";opacity:.35;background-color:#0000;background-image:linear-gradient(90deg,#ffffff14 0 1px,#0000 1px),linear-gradient(0deg,#ffffff0f 0 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:24px 24px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0}.home__stage-card-index,.game-card__index{z-index:1;color:#f6f1e7c2;letter-spacing:.1em;width:fit-content;font-size:.72rem;font-weight:700;position:relative}.home__stage-card strong,.home__stage-card p{z-index:1;position:relative}.home__stage-card strong{font-size:1.05rem}.home__stage-card p{color:#f6f1e7bd;margin:0;line-height:1.45}.home__section{gap:1rem;display:grid}.home__section-heading,.home-panel__head{gap:.35rem;max-width:64ch;display:grid}.home__section-eyebrow{width:fit-content;color:var(--accent);letter-spacing:.08em;text-transform:uppercase;background:#1d4d4f14;border-radius:999px;margin:0;padding:.28rem .55rem;font-size:.74rem;font-weight:700}.home__section-heading h2,.home-panel__head h2{letter-spacing:-.04em;margin:0;font-size:clamp(1.7rem,3vw,2.6rem);line-height:1.05}.home__section-heading p,.home-panel__head p{color:var(--muted);margin:0;line-height:1.6}.game-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.85rem;display:grid}.game-card{--card-accent:var(--accent);isolation:isolate;border:1px solid var(--card-accent);min-height:260px;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.game-card{border:1px solid color-mix(in srgb,var(--card-accent)26%,var(--line)74%)}}.game-card{background:linear-gradient(180deg,var(--card-accent)0%,#fffdf9 100%);border-radius:24px}@supports (color:color-mix(in lab, red, red)){.game-card{background:linear-gradient(180deg,color-mix(in srgb,var(--card-accent)10%,#fff 90%)0%,#fffdf9 100%)}}.game-card{transition:transform var(--motion-duration-base)var(--motion-ease-standard),box-shadow var(--motion-duration-base)var(--motion-ease-standard),border-color var(--motion-duration-base)var(--motion-ease-standard);grid-template-rows:auto 1fr auto;gap:1rem;padding:1rem;display:grid;box-shadow:0 16px 34px #23201814}.game-card:before{content:"";opacity:.5;z-index:-2;background-color:#0000;background-image:linear-gradient(90deg,#ffffffa6 0 1px,#0000 1px),linear-gradient(0deg,#ffffff80 0 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:28px 28px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0}.game-card:after{content:"";background:radial-gradient(circle,var(--card-accent)0%,transparent 70%);border-radius:50%;width:12rem;height:12rem;position:absolute;inset:auto -10% -24% auto}@supports (color:color-mix(in lab, red, red)){.game-card:after{background:radial-gradient(circle,color-mix(in srgb,var(--card-accent)28%,white 72%)0%,transparent 70%)}}.game-card:after{z-index:-1}.game-card:hover{border-color:var(--card-accent);transform:translateY(-4px);box-shadow:0 22px 44px #12252624}@supports (color:color-mix(in lab, red, red)){.game-card:hover{border-color:color-mix(in srgb,var(--card-accent)46%,var(--line)54%)}}.game-card__head,.game-card__footer{justify-content:space-between;align-items:center;gap:.6rem;display:flex}.game-card__enter{color:var(--accent);background:#ffffffb8;border-radius:999px;align-items:center;padding:.3rem .58rem;font-size:.78rem;font-weight:700;display:inline-flex}.game-card__body{align-content:center;gap:.45rem;display:grid}.game-card h2{letter-spacing:-.04em;margin:0;font-size:clamp(1.5rem,2vw,1.9rem)}.game-card p{color:var(--muted);max-width:20ch;margin:0;line-height:1.65}.game-card__footer span:first-child{color:var(--accent-soft);font-weight:600}.game-card__arrow{color:var(--text);font-size:1.25rem}.home__lower{grid-template-columns:minmax(0,1fr) minmax(320px,.92fr);gap:1rem;display:grid}.panel{background:var(--bg-elev);border:1px solid var(--line);transition:transform var(--motion-duration-base)var(--motion-ease-standard),box-shadow var(--motion-duration-base)var(--motion-ease-standard),border-color var(--motion-duration-base)var(--motion-ease-standard);border-radius:24px;padding:1rem;box-shadow:0 8px 26px #2320180f}.home-panel{padding:1.1rem}.panel h1{margin:0 0 .4rem}.home-feature-list{gap:.75rem;margin-top:1rem;display:grid}.home-feature{transition:transform var(--motion-duration-base)var(--motion-ease-standard),box-shadow var(--motion-duration-base)var(--motion-ease-standard),border-color var(--motion-duration-base)var(--motion-ease-standard);background:linear-gradient(#ffffffc7 0%,#fffbf2f0 100%);border:1px solid #1d4d4f1a;border-radius:20px;padding:.95rem 1rem .95rem 4rem;position:relative}.home-feature__index{min-width:2.3rem;min-height:2.3rem;color:var(--accent);letter-spacing:.08em;background:#1d4d4f14;border-radius:999px;justify-content:center;align-items:center;font-size:.76rem;font-weight:800;display:inline-flex;position:absolute;top:1rem;left:1rem}.home-feature h3{letter-spacing:-.02em;margin:0;font-size:1.08rem}.home-feature p{color:var(--muted);margin:.35rem 0 0;line-height:1.6}.home-feed{margin-top:1rem}.home-feed li{background:linear-gradient(#fffdf9 0%,#fff 100%);border-radius:16px}.feed small{color:var(--muted)}.home__notice-empty{border:1px dashed var(--line);color:var(--muted);background:#ffffffb8;border-radius:16px;margin:1rem 0 0;padding:1rem;line-height:1.6}.surface-kicker{width:fit-content;color:var(--accent);letter-spacing:.08em;text-transform:uppercase;background:#1d4d4f14;border-radius:999px;margin:0;padding:.3rem .58rem;font-size:.74rem;font-weight:700}.panel-heading{gap:.35rem;display:grid}.panel-heading h2{letter-spacing:-.04em;margin:0;font-size:clamp(1.35rem,2vw,1.8rem);line-height:1.05}.panel-heading p:last-child{color:var(--muted);margin:0;line-height:1.6}select,input,textarea,button{border:1px solid var(--line);background:#fff;border-radius:12px;padding:.62rem .78rem}select,input,button{min-height:48px}button{cursor:pointer}.btn{min-height:48px;transition:transform var(--motion-duration-fast)var(--motion-ease-standard),box-shadow var(--motion-duration-fast)var(--motion-ease-standard),border-color var(--motion-duration-fast)var(--motion-ease-standard),background-color var(--motion-duration-fast)var(--motion-ease-standard);border-radius:999px;justify-content:center;align-items:center;padding:.72rem 1rem;font-weight:700;display:inline-flex}.btn:disabled{cursor:not-allowed;opacity:.65}.btn--primary{background:linear-gradient(135deg,var(--accent)0%,var(--accent-soft)100%);color:#f7f3ea;border:1px solid #0000;box-shadow:0 12px 28px #1d4d4f38}.btn--secondary{color:var(--text);background:#ffffffdb;border:1px solid #1d4d4f26}.btn--ghost{color:var(--text);background:#ffffffa6;border:1px dashed #1d4d4f33}.btn--danger{color:#8a2f2f;background:linear-gradient(#fff7f7 0%,#fff 100%);border:1px solid #f2c6c6}.status-box{border:1px dashed var(--line);color:var(--muted);background:#ffffff8f;border-radius:18px;padding:.85rem .95rem}.status-box--good{color:#2a5f35;background:linear-gradient(#f3fbf5f5 0%,#ffffffeb 100%);border-color:#39714447}.status-box--warn{color:#8c5b12;background:linear-gradient(#fff9edf5 0%,#ffffffeb 100%);border-color:#a8792247}.status-box--danger{color:#8a2f2f;background:linear-gradient(#fff4f4f5 0%,#ffffffeb 100%);border-color:#8a2f2f42}.status-box p{margin:0;line-height:1.55}.status-box p+p{margin-top:.45rem}.status-chip{letter-spacing:.02em;border-radius:999px;align-items:center;width:fit-content;min-height:32px;padding:.22rem .55rem;font-size:.76rem;font-weight:700;display:inline-flex}.status-chip--neutral{color:#655a46;background:#f1ede3}.status-chip--good{color:#23623a;background:#e3f4e8}.status-chip--warn{color:#8a5a18;background:#fff0d9}.status-chip--danger{color:#8a2f2f;background:#fde4e4}.lobby-message{color:var(--text);margin:0;font-weight:600}.lobby-meta{margin:.35rem 0 0}.lobby-help{color:var(--muted);font-size:.82rem;line-height:1.4}.lobby-shell,.match-shell,.community-shell,.settings-shell,.admin-shell{--card-accent:var(--accent);gap:1rem;display:grid}.lobby-hero,.match-hero,.community-hero,.settings-hero,.admin-hero,.result-hero,.profile-hero,.leaderboard-hero{border:1px solid var(--line);border-radius:28px;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.lobby-hero,.match-hero,.community-hero,.settings-hero,.admin-hero,.result-hero,.profile-hero,.leaderboard-hero{border:1px solid color-mix(in srgb,var(--line)80%,white 20%)}}.lobby-hero,.match-hero,.community-hero,.settings-hero,.admin-hero,.result-hero,.profile-hero,.leaderboard-hero{background:linear-gradient(135deg,#fff9e8f5 0%,#f9f4ebf0 40%,#edf5f6eb 100%);box-shadow:0 20px 48px #23201817}.lobby-hero:before,.match-hero:before,.community-hero:before,.settings-hero:before,.admin-hero:before,.result-hero:before,.profile-hero:before,.leaderboard-hero:before{content:"";background:radial-gradient(circle,var(--card-accent)0%,transparent 70%);border-radius:50%;width:18rem;height:18rem;position:absolute;inset:auto -12% -44% auto}@supports (color:color-mix(in lab, red, red)){.lobby-hero:before,.match-hero:before,.community-hero:before,.settings-hero:before,.admin-hero:before,.result-hero:before,.profile-hero:before,.leaderboard-hero:before{background:radial-gradient(circle,color-mix(in srgb,var(--card-accent)28%,white 72%)0%,transparent 70%)}}.lobby-hero:before,.match-hero:before,.community-hero:before,.settings-hero:before,.admin-hero:before,.result-hero:before,.profile-hero:before,.leaderboard-hero:before{pointer-events:none}.lobby-hero{grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);align-items:start;gap:1rem;display:grid}.lobby-hero__copy,.match-hero__copy,.community-hero__copy,.settings-hero__copy,.admin-hero__copy,.result-hero__copy,.profile-hero__copy,.leaderboard-hero__copy{gap:.7rem;display:grid}.lobby-hero h1,.match-hero h1,.community-hero h1,.settings-hero h1,.admin-hero h1,.result-hero h1,.profile-hero h1,.leaderboard-hero h1{letter-spacing:-.05em;margin:0;font-family:Iowan Old Style,Palatino Linotype,Noto Serif KR,serif;font-size:clamp(2.1rem,4vw,3.2rem);line-height:.98}.lobby-hero__desc,.match-hero__desc,.community-hero__desc,.settings-hero__desc,.admin-hero__desc,.result-hero__desc,.profile-hero__desc,.leaderboard-hero__desc{max-width:60ch;color:var(--muted);margin:0;font-size:1rem;line-height:1.65}.lobby-hero__chips,.match-meta-row{flex-wrap:wrap;gap:.5rem;display:flex}.lobby-hero__chips span,.match-meta-chip{min-width:44px;min-height:38px;color:var(--text);background:#ffffffb8;border:1px solid #1d4d4f1f;border-radius:999px;justify-content:center;align-items:center;padding:.38rem .68rem;font-size:.85rem;font-weight:600;display:inline-flex}.match-meta-chip--good{color:#23623a;background:#e3f4e8eb;border-color:#39714438}.match-meta-chip--warn{color:#8a5a18;background:#fff0d9eb;border-color:#a8792238}.match-meta-chip--danger{color:#8a2f2f;background:#fde4e4eb;border-color:#8a2f2f38}.lobby-status-strip{gap:.7rem;display:grid}.lobby-status-card,.summary-card{background:#ffffffbd;border:1px solid #1d4d4f1a;border-radius:20px;gap:.38rem;padding:.9rem 1rem;display:grid;box-shadow:inset 0 1px #ffffffa6}.lobby-status-card strong,.summary-card strong{color:var(--text)}.lobby-status-card p,.summary-card p{color:var(--muted);margin:0;line-height:1.45}.summary-card,.profile-dossier-card,.podium-card,.feed li{transition:transform var(--motion-duration-base)var(--motion-ease-standard),box-shadow var(--motion-duration-base)var(--motion-ease-standard),border-color var(--motion-duration-base)var(--motion-ease-standard),background-color var(--motion-duration-base)var(--motion-ease-standard)}.lobby-layout{grid-template-columns:minmax(300px,360px) minmax(0,1fr);align-items:start;gap:1rem;display:grid}.lobby-panel{position:relative;overflow:hidden}.lobby-panel:before{content:"";background:linear-gradient(90deg,var(--card-accent)0%,var(--card-accent)100%);width:100%;height:4px;position:absolute;inset:0 auto auto 0}@supports (color:color-mix(in lab, red, red)){.lobby-panel:before{background:linear-gradient(90deg,var(--card-accent)0%,color-mix(in srgb,var(--card-accent)35%,white 65%)100%)}}.lobby-panel--quick{gap:1rem;display:grid;position:sticky;top:1.25rem}.lobby-panel--rooms{gap:1rem;display:grid}.lobby-control-grid{gap:.85rem;display:grid}.control-field{gap:.35rem;display:grid}.control-field input,.control-field textarea,.control-field select,.settings-inline-form input,.settings-message-toolbar input{background:#ffffffdb;border:1px solid #1d4d4f24;box-shadow:inset 0 1px #ffffffb8}.control-field input:hover,.control-field textarea:hover,.control-field select:hover,.settings-inline-form input:hover,.settings-message-toolbar input:hover{border-color:var(--card-accent,var(--accent))}@supports (color:color-mix(in lab, red, red)){.control-field input:hover,.control-field textarea:hover,.control-field select:hover,.settings-inline-form input:hover,.settings-message-toolbar input:hover{border-color:color-mix(in srgb,var(--card-accent,var(--accent))28%,var(--line)72%)}}.control-field input:focus-visible,.control-field textarea:focus-visible,.control-field select:focus-visible,.settings-inline-form input:focus-visible,.settings-message-toolbar input:focus-visible{box-shadow:0 0 0 4px var(--card-accent,var(--accent)),0 10px 24px #2320180f;transform:translateY(-1px)}@supports (color:color-mix(in lab, red, red)){.control-field input:focus-visible,.control-field textarea:focus-visible,.control-field select:focus-visible,.settings-inline-form input:focus-visible,.settings-message-toolbar input:focus-visible{box-shadow:0 0 0 4px color-mix(in srgb,var(--card-accent,var(--accent))14%,transparent 86%),0 10px 24px #2320180f}}.control-field>span{font-size:.88rem;font-weight:700}.lobby-toggle-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;display:grid}.toggle-card{background:linear-gradient(#ffffffd1 0%,#fff9f0eb 100%);border:1px solid #1d4d4f1a;border-radius:18px;align-items:flex-start;gap:.7rem;padding:.85rem .95rem;display:flex}.toggle-card input{accent-color:var(--accent);margin-top:.15rem}.toggle-card strong,.toggle-card p{display:block}.toggle-card strong{color:var(--text)}.toggle-card p{color:var(--muted);margin:.2rem 0 0;font-size:.84rem;line-height:1.45}.lobby-action-stack{gap:.65rem;display:grid}.lobby-secondary-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;display:grid}.lobby-callout{background:linear-gradient(#fffaf1f5 0%,#ffffffe0 100%)}.lobby-room-head{justify-content:space-between;align-items:start;gap:1rem;display:flex}.lobby-room-toolbar{flex-wrap:wrap;gap:.65rem;display:flex}.lobby-room-toolbar input{flex:240px}.lobby-room-notes{gap:.35rem;display:grid}.lobby-room-notes p{color:var(--muted);margin:0;line-height:1.55}.lobby-created-room{border:1px solid var(--card-accent);border-radius:20px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.8rem;padding:.95rem 1rem;display:flex}@supports (color:color-mix(in lab, red, red)){.lobby-created-room{border:1px solid color-mix(in srgb,var(--card-accent)18%,var(--line)82%)}}.lobby-created-room{background:linear-gradient(180deg,var(--card-accent)0%,#ffffffeb 100%)}@supports (color:color-mix(in lab, red, red)){.lobby-created-room{background:linear-gradient(180deg,color-mix(in srgb,var(--card-accent)10%,#fff 90%)0%,#ffffffeb 100%)}}.lobby-created-room strong,.lobby-created-room p{display:block}.lobby-created-room strong{color:var(--text)}.lobby-created-room p{color:var(--muted);margin:.25rem 0 0;line-height:1.55}.waiting-room-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:.8rem;margin:0;padding:0;list-style:none;display:grid}.room-card{border:1px solid var(--card-accent);width:100%;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.room-card{border:1px solid color-mix(in srgb,var(--card-accent)18%,var(--line)82%)}}.room-card{background:linear-gradient(180deg,var(--card-accent)0%,#fffdf8 100%);border-radius:22px}@supports (color:color-mix(in lab, red, red)){.room-card{background:linear-gradient(180deg,color-mix(in srgb,var(--card-accent)10%,#fff 90%)0%,#fffdf8 100%)}}.room-card{text-align:left;gap:.7rem;padding:1rem;display:grid;box-shadow:0 14px 32px #23201812}.room-card:after{content:"";background:radial-gradient(circle,var(--card-accent)0%,transparent 70%);border-radius:50%;width:10rem;height:10rem;position:absolute;inset:auto -10% -30% auto}@supports (color:color-mix(in lab, red, red)){.room-card:after{background:radial-gradient(circle,color-mix(in srgb,var(--card-accent)26%,white 74%)0%,transparent 70%)}}.room-card:after{pointer-events:none}.room-card--action{transition:transform .14s,box-shadow .14s,border-color .14s}.room-card--action:hover{border-color:var(--card-accent);transform:translateY(-3px);box-shadow:0 20px 42px #1225261f}@supports (color:color-mix(in lab, red, red)){.room-card--action:hover{border-color:color-mix(in srgb,var(--card-accent)42%,var(--line)58%)}}.room-card--mine{border-style:dashed}.room-card__top,.room-card__footer{justify-content:space-between;align-items:center;gap:.7rem;display:flex}.room-card h3{letter-spacing:-.03em;margin:0;font-size:1.12rem}.room-card p{color:var(--muted);margin:0;line-height:1.55}.room-card__meta{flex-wrap:wrap;gap:.45rem;display:flex}.room-card__meta span{color:#5f584d;background:#ffffffc7;border-radius:999px;align-items:center;padding:.26rem .56rem;font-size:.8rem;font-weight:600;display:inline-flex}.room-card__hint{color:var(--muted);font-size:.82rem;line-height:1.45}.room-card__arrow{font-size:1.25rem;font-weight:700}.room-empty{border:1px dashed var(--line);min-height:180px;color:var(--muted);text-align:center;background:linear-gradient(#ffffffe0 0%,#fffaf1eb 100%);border-radius:18px;place-items:center;padding:1rem;display:grid}.match-layout{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:1rem;display:grid}.match-stage{gap:.85rem;display:grid}.match-callout{background:linear-gradient(#fffaf1f5 0%,#ffffffe0 100%)}.player-plate{background:linear-gradient(#ffffffd1 0%,#fffaf1eb 100%);border:1px solid #1d4d4f1c;border-radius:22px;justify-content:space-between;align-items:center;gap:1rem;padding:.95rem 1rem;display:flex;box-shadow:0 12px 28px #23201812}.player-plate.is-active{border-color:var(--card-accent)}@supports (color:color-mix(in lab, red, red)){.player-plate.is-active{border-color:color-mix(in srgb,var(--card-accent)36%,var(--line)64%)}}.player-plate.is-active{box-shadow:0 16px 34px #1225261c}.player-plate.is-winner{background:linear-gradient(#e4f5e8f5 0%,#ffffffeb 100%)}.player-plate__identity{gap:.3rem;display:grid}.player-plate__identity strong{letter-spacing:-.02em;font-size:1.08rem}.player-plate__meta{color:var(--muted);flex-wrap:wrap;gap:.45rem;font-size:.84rem;font-weight:600;display:flex}.player-tag{width:fit-content;color:var(--accent);letter-spacing:.04em;text-transform:uppercase;background:#1d4d4f14;border-radius:999px;padding:.24rem .5rem;font-size:.74rem;font-weight:700}.player-clock{letter-spacing:-.04em;font-variant-numeric:tabular-nums;font-size:clamp(1.7rem,2vw,2.2rem);font-weight:800;line-height:1}.match-board-shell{background:linear-gradient(#c89f67 0%,#b6844f 100%);border-radius:30px;padding:1rem;box-shadow:0 22px 44px #492d142e}.match-board-frame{background:#fff8e5ad;border:1px solid #784a1b2e;border-radius:22px;padding:.7rem}.match-sidebar{gap:1rem;display:grid;position:sticky;top:1.25rem}.match-sidebar__section{gap:.7rem;display:grid}.match-sidebar__section--grow{min-height:0}.match-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;display:grid}.board-grid{background:#5f462b2e;border:1px solid #5f462b2e;border-radius:18px;gap:1px;display:grid;overflow:hidden}.board-grid__cell{background:#f6efe4;border:0;border-radius:0;place-items:center;min-height:36px;padding:0;font-size:1.05rem;display:grid}.board-grid__cell span{line-height:1}.board-grid--gomoku .board-grid__cell,.board-grid--go .board-grid__cell,.board-grid--janggi .board-grid__cell{background:#ead2a2}.board-grid--chess .board-grid__cell{background:#f3e8d2;min-height:48px;font-size:1.3rem}.board-grid--janggi .board-grid__cell{min-height:48px;font-size:1.3rem}.board-grid__cell--dark{color:#fff7ec;background:#af8252}.board-grid__cell--occupied span{filter:drop-shadow(0 1px #0000001f)}.board-grid__cell.is-selected{outline:2px solid var(--accent);outline-offset:-2px;background:#f4e1bd}.board-grid__cell:disabled{opacity:1;cursor:default}.match-actions{flex-wrap:wrap;gap:.55rem;display:flex}.match-actions--stack{display:grid}.match-actions--stack .btn{width:100%}.moves-box{border-top:1px solid var(--line);margin-top:.7rem;padding-top:.7rem}.match-moves-box{border-top:0;margin:0;padding-top:0}.moves-log{border:1px dashed var(--line);background:linear-gradient(#fffdf9fa 0%,#fff 100%);border-radius:18px;max-height:360px;margin:0;padding:0;list-style:none;overflow:auto}.moves-log li{color:var(--muted);border-bottom:1px solid #d6cbb899;grid-template-columns:3rem 1fr;align-items:start;gap:.75rem;padding:.68rem .85rem;display:grid}.moves-log li:nth-child(odd){background:#fff8e880}.moves-log li:last-child{border-bottom:0}.moves-log__index{color:#847768;font-variant-numeric:tabular-nums;font-weight:800}.profile-shell,.leaderboard-shell{--card-accent:var(--accent);gap:1rem;display:grid}.profile-hero,.leaderboard-hero{align-items:start;gap:1rem;display:grid}.profile-hero{grid-template-columns:minmax(0,1.05fr) minmax(300px,.95fr)}.profile-layout{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:1rem;display:grid}.profile-overview-panel,.profile-side-panel{gap:1rem;display:grid}.profile-overview-panel,.profile-side-panel,.leaderboard-filter-panel,.leaderboard-table-panel{position:relative;overflow:hidden}.profile-overview-panel:before,.profile-side-panel:before,.leaderboard-filter-panel:before,.leaderboard-table-panel:before{content:"";background:linear-gradient(90deg,var(--card-accent)0%,var(--card-accent)100%);width:100%;height:4px;position:absolute;inset:0 auto auto 0}@supports (color:color-mix(in lab, red, red)){.profile-overview-panel:before,.profile-side-panel:before,.leaderboard-filter-panel:before,.leaderboard-table-panel:before{background:linear-gradient(90deg,var(--card-accent)0%,color-mix(in srgb,var(--card-accent)35%,white 65%)100%)}}.leaderboard-filter-grid{gap:.75rem;display:grid}.profile-dossier-card{background:#ffffffc7;border:1px solid #1d4d4f1a;border-radius:22px;align-content:start;gap:.45rem;padding:1rem;display:grid}.profile-dossier-card strong,.profile-dossier-list strong{color:var(--text)}.profile-dossier-card p,.profile-dossier-list p{color:var(--muted);margin:0;line-height:1.55}.profile-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.profile-dossier-list{gap:.8rem;display:grid}.profile-feed{margin-top:.75rem}.profile-feed li{transition:transform var(--motion-duration-fast)var(--motion-ease-standard),box-shadow var(--motion-duration-fast)var(--motion-ease-standard),border-color var(--motion-duration-fast)var(--motion-ease-standard);background:linear-gradient(#fffdf9 0%,#fff 100%);border-radius:18px}.profile-feed__top{justify-content:space-between;align-items:center;gap:.6rem;display:flex}.profile-empty-panel{gap:1rem;display:grid}.leaderboard-filter-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end}.leaderboard-filter-panel{z-index:2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:box-shadow var(--motion-duration-fast)var(--motion-ease-standard),border-color var(--motion-duration-fast)var(--motion-ease-standard),background-color var(--motion-duration-fast)var(--motion-ease-standard);position:sticky;top:1rem}.leaderboard-podium{grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;display:grid}.podium-card{background:linear-gradient(180deg,var(--card-accent)0%,#fffdf9 100%);border-radius:24px;align-content:start;gap:.8rem;min-height:220px;display:grid}@supports (color:color-mix(in lab, red, red)){.podium-card{background:linear-gradient(180deg,color-mix(in srgb,var(--card-accent)10%,#fff 90%)0%,#fffdf9 100%)}}.podium-card{box-shadow:0 16px 34px #23201814}.podium-card h2,.leaderboard-table-panel h2{letter-spacing:-.04em;margin:0;font-size:clamp(1.35rem,2vw,1.8rem)}.podium-card p{color:var(--text);letter-spacing:-.05em;margin:0;font-size:clamp(1.8rem,3vw,2.3rem);font-weight:800}.leaderboard-table a{font-weight:700}.community-hero,.settings-hero,.admin-hero{grid-template-columns:minmax(0,1.05fr) minmax(300px,.95fr);align-items:start;gap:1rem;display:grid}.community-hero__rail,.settings-hero__rail,.admin-hero__rail{gap:.75rem;display:grid}.motion-shell{isolation:isolate}.motion-reveal{--motion-delay:0s;opacity:0;transform:translateY(var(--motion-reveal-distance));animation:motion-reveal-up var(--motion-duration-slow)var(--motion-ease-standard)forwards;animation-delay:var(--motion-delay);will-change:transform,opacity}.motion-reveal--hero{animation-duration:.26s}.motion-delay-1{--motion-delay:40ms}.motion-delay-2{--motion-delay:80ms}.motion-delay-3{--motion-delay:.12s}.motion-delay-4{--motion-delay:.16s}.motion-delay-5{--motion-delay:.2s}.motion-stagger>*{--motion-index:0;opacity:0;transform:translateY(var(--motion-reveal-distance));animation:motion-reveal-up var(--motion-duration-slow)var(--motion-ease-standard)forwards;animation-delay:calc(var(--motion-delay,0s) + (var(--motion-index)*36ms))}.motion-stagger-table tbody tr{--motion-index:0;opacity:0;transform:translateY(var(--motion-reveal-distance));animation:motion-reveal-up var(--motion-duration-slow)var(--motion-ease-standard)forwards;animation-delay:calc(var(--motion-delay,0s) + (var(--motion-index)*30ms))}.motion-stagger>:first-child,.motion-stagger-table tbody tr:first-child{--motion-index:0}.motion-stagger>:nth-child(2),.motion-stagger-table tbody tr:nth-child(2){--motion-index:1}.motion-stagger>:nth-child(3),.motion-stagger-table tbody tr:nth-child(3){--motion-index:2}.motion-stagger>:nth-child(4),.motion-stagger-table tbody tr:nth-child(4){--motion-index:3}.motion-stagger>:nth-child(5),.motion-stagger-table tbody tr:nth-child(5){--motion-index:4}.motion-stagger>:nth-child(6),.motion-stagger-table tbody tr:nth-child(6){--motion-index:5}.motion-stagger>:nth-child(7),.motion-stagger-table tbody tr:nth-child(7){--motion-index:6}.motion-stagger>:nth-child(8),.motion-stagger-table tbody tr:nth-child(8){--motion-index:7}.motion-stagger>:nth-child(9),.motion-stagger-table tbody tr:nth-child(9){--motion-index:8}.motion-stagger>:nth-child(10),.motion-stagger-table tbody tr:nth-child(10){--motion-index:9}.motion-stagger>:nth-child(11),.motion-stagger-table tbody tr:nth-child(11){--motion-index:10}.motion-stagger>:nth-child(12),.motion-stagger-table tbody tr:nth-child(12){--motion-index:11}@keyframes motion-reveal-up{0%{opacity:0;transform:translateY(var(--motion-reveal-distance))}to{opacity:1;transform:translateY(0)}}.community-layout,.settings-layout,.admin-layout{align-items:start;gap:1rem;display:grid}.community-layout{grid-template-columns:minmax(0,1fr) 320px}.settings-layout{grid-template-columns:260px minmax(0,1fr)}.admin-layout{grid-template-columns:repeat(2,minmax(0,1fr))}.community-main,.community-sidebar,.settings-content,.admin-column,.settings-grid{gap:1rem;display:grid}.settings-grid--split{grid-template-columns:repeat(2,minmax(0,1fr))}.community-sidebar,.settings-nav-panel{align-self:start;position:sticky;top:1rem}.community-composer-panel,.community-feed-panel,.community-side-panel,.settings-panel,.settings-nav-panel,.admin-form-panel,.admin-table-panel{position:relative;overflow:hidden}.community-composer-panel:before,.community-feed-panel:before,.community-side-panel:before,.settings-panel:before,.settings-nav-panel:before,.admin-form-panel:before,.admin-table-panel:before{content:"";background:linear-gradient(90deg,var(--card-accent)0%,var(--card-accent)100%);width:100%;height:4px;position:absolute;inset:0 auto auto 0}@supports (color:color-mix(in lab, red, red)){.community-composer-panel:before,.community-feed-panel:before,.community-side-panel:before,.settings-panel:before,.settings-nav-panel:before,.admin-form-panel:before,.admin-table-panel:before{background:linear-gradient(90deg,var(--card-accent)0%,color-mix(in srgb,var(--card-accent)35%,white 65%)100%)}}.community-composer,.admin-form{gap:.85rem;margin-top:.85rem;display:grid}.community-composer textarea,.admin-form textarea{resize:vertical;min-height:140px}.community-composer__footer{justify-content:space-between;align-items:center;gap:1rem;display:flex}.community-feed,.admin-list,.settings-list{margin-top:.85rem}.community-post-card{transition:transform var(--motion-duration-fast)var(--motion-ease-standard),box-shadow var(--motion-duration-fast)var(--motion-ease-standard),border-color var(--motion-duration-fast)var(--motion-ease-standard);box-shadow:0 14px 30px #2320180d;background:linear-gradient(#fffdf9 0%,#fff 100%)!important;border-radius:20px!important}.community-post-card__top{gap:.75rem;display:grid}.community-post-card__meta{flex-wrap:wrap;gap:.45rem;display:flex}.community-guidelines{gap:.7rem;margin:0;padding:0;list-style:none;display:grid}.community-guidelines li{color:var(--muted);padding-left:1.35rem;line-height:1.6;position:relative}.community-guidelines li:before{content:"";background:var(--card-accent);border-radius:999px;width:.44rem;height:.44rem;position:absolute;top:.6rem;left:0}@supports (color:color-mix(in lab, red, red)){.community-guidelines li:before{background:color-mix(in srgb,var(--card-accent)65%,white 35%)}}.community-pulse-grid{gap:.75rem;display:grid}.settings-nav-panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:box-shadow var(--motion-duration-fast)var(--motion-ease-standard),border-color var(--motion-duration-fast)var(--motion-ease-standard),background-color var(--motion-duration-fast)var(--motion-ease-standard);gap:1rem;display:grid}.settings-nav{gap:.55rem;display:grid}.settings-nav__link{min-height:44px;color:var(--text);white-space:nowrap;background:#fffc;border:1px solid #1d4d4f1f;border-radius:999px;justify-content:center;align-items:center;padding:.7rem .95rem;font-weight:700;transition:transform .14s,box-shadow .14s,border-color .14s;display:inline-flex}.settings-nav-status{margin-top:.15rem}.settings-control-field{max-width:340px}.settings-actions--wide{align-content:start}.settings-inline-form,.settings-message-toolbar{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:.75rem;display:grid}.settings-message-toolbar--compose{margin-top:.75rem}.settings-list{gap:.75rem;margin-left:0;padding:0;list-style:none;display:grid}.settings-list li{transition:transform var(--motion-duration-fast)var(--motion-ease-standard),box-shadow var(--motion-duration-fast)var(--motion-ease-standard),border-color var(--motion-duration-fast)var(--motion-ease-standard);background:linear-gradient(#ffffffd1 0%,#fffaf1eb 100%);border:1px solid #1d4d4f1a;border-radius:18px;justify-content:space-between;align-items:flex-start;gap:.85rem;padding:.95rem 1rem;display:flex}.settings-list li strong{display:block}.settings-list li p{color:var(--muted);margin:.24rem 0 0;line-height:1.55}.settings-list li small{color:var(--muted);margin-top:.35rem;display:block}.settings-list--messages li{display:grid}.settings-list--notifications li{align-items:center}.admin-toolbar{justify-content:flex-start}.admin-overview-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;display:grid}.admin-table-panel .table-wrap{margin-top:.85rem}.admin-table th{background:#fff8e88c}.admin-table th,.admin-table td{vertical-align:top;padding:.75rem .65rem}.table{border-collapse:collapse;width:100%;min-width:680px}.table th,.table td{border-bottom:1px solid var(--line);text-align:left;padding:.5rem}.table tbody tr{transition:background-color var(--motion-duration-fast)var(--motion-ease-standard),transform var(--motion-duration-fast)var(--motion-ease-standard)}.form{gap:.5rem;margin-top:.75rem;display:grid}.feed{gap:.6rem;margin:1rem 0 0;padding:0;list-style:none;display:grid}.feed li{border:1px solid var(--line);background:#fff;border-radius:12px;padding:.75rem}.feed h2{margin:0;font-size:1.03rem}.feed p{color:var(--muted);margin:.45rem 0}.settings-group{border-top:1px solid var(--line);margin-top:.8rem;padding-top:.75rem}.settings-group h2{margin:0 0 .3rem}.settings-actions{flex-wrap:wrap;gap:.5rem;display:flex}.table-wrap{-webkit-overflow-scrolling:touch;scrollbar-gutter:stable both-edges;overscroll-behavior-x:contain;width:100%;position:relative;overflow-x:auto}.table-wrap:after{content:"";pointer-events:none;background:linear-gradient(90deg,#f8f5ef00 0%,#f8f5eff5 100%);width:2.25rem;height:100%;margin-left:auto;display:block;position:sticky;top:0;right:0}@media (hover:hover){.btn:hover:not(:disabled),.settings-nav__link:hover,.table tbody tr:hover,.settings-list li:hover,.community-post-card:hover,.profile-feed li:hover,.profile-dossier-card:hover,.summary-card:hover,.podium-card:hover,.feed li:hover,.home-feature:hover,.home__stage-card:hover,.panel:hover{box-shadow:0 var(--motion-shadow-shift)24px #23201814;transform:translateY(-2px)}.settings-nav__link:hover,.settings-list li:hover,.community-post-card:hover,.profile-feed li:hover,.profile-dossier-card:hover,.summary-card:hover,.podium-card:hover,.feed li:hover,.home-feature:hover,.home__stage-card:hover,.panel:hover,.settings-nav-panel:hover,.leaderboard-filter-panel:hover,.table tbody tr:hover{border-color:var(--card-accent)}@supports (color:color-mix(in lab, red, red)){.settings-nav__link:hover,.settings-list li:hover,.community-post-card:hover,.profile-feed li:hover,.profile-dossier-card:hover,.summary-card:hover,.podium-card:hover,.feed li:hover,.home-feature:hover,.home__stage-card:hover,.panel:hover,.settings-nav-panel:hover,.leaderboard-filter-panel:hover,.table tbody tr:hover{border-color:color-mix(in srgb,var(--card-accent)24%,var(--line)76%)}}.table tbody tr:hover{background:#fffaf194}}@media (hover:none){.btn:active:not(:disabled),.settings-nav__link:active,.settings-list li:active,.community-post-card:active,.profile-feed li:active{transform:translateY(0)}}@media (max-width:1024px){.home__hero,.home__lower,.lobby-hero,.community-hero,.settings-hero,.admin-hero,.lobby-layout,.match-layout,.community-layout,.settings-layout,.admin-layout,.settings-grid--split{grid-template-columns:1fr}.home__hero h1{max-width:11ch}.game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lobby-panel--quick,.match-sidebar,.community-sidebar,.settings-nav-panel{position:static}.lobby-status-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.admin-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:768px){.top-nav{flex-wrap:wrap}.top-nav__links{order:3;justify-content:space-between;width:100%}.lobby-status-strip,.lobby-toggle-grid,.lobby-secondary-actions,.match-summary-grid,.home__actions,.home__stats,.home__stage-grid,.game-grid,.home__lower{grid-template-columns:1fr}.board-grid__cell{min-height:28px;font-size:.92rem}.board-grid--chess .board-grid__cell,.board-grid--janggi .board-grid__cell{min-height:38px;font-size:1.1rem}.page-shell{width:calc(100% - 1rem);margin:.75rem auto 1rem}.home{gap:1rem}.home__hero{border-radius:24px;padding:1rem}.home__hero h1,.lobby-hero h1,.match-hero h1,.community-hero h1,.settings-hero h1,.admin-hero h1{max-width:100%;font-size:clamp(2.35rem,13vw,3.7rem)}.lobby-hero,.match-hero,.community-hero,.settings-hero,.admin-hero{border-radius:24px;padding:1rem}.home__actions{display:grid}.home__button,.btn{width:100%}.match-meta-chip,.status-chip,.settings-nav__link{min-width:44px;min-height:44px}.summary-card,.profile-dossier-card,.podium-card,.home-feed li,.profile-feed li,.settings-list li,.community-post-card{padding:1rem}.table-wrap{margin-inline:-.2rem;padding-inline:.2rem .45rem}.home__hero-stage{border-radius:22px}.game-card{border-radius:20px;min-height:220px}.panel,.home-panel{border-radius:18px;padding:.9rem}.home-feature{padding-left:3.5rem}.home-feature__index{left:.85rem}.lobby-room-head,.room-card__top,.room-card__footer,.lobby-created-room,.player-plate,.community-composer__footer,.settings-list li{flex-direction:column;align-items:flex-start}.settings-nav{padding-bottom:.2rem;display:flex;overflow-x:auto}.settings-inline-form,.settings-message-toolbar,.admin-overview-grid{grid-template-columns:1fr}.community-post-card__meta,.settings-list--notifications li{align-items:flex-start}.match-board-shell{border-radius:22px;padding:.7rem}.match-board-frame{border-radius:16px;padding:.45rem}.moves-log{max-height:none}.table{min-width:520px;font-size:.88rem}.table th,.table td{padding:.72rem .58rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.motion-reveal,.motion-stagger>*,.motion-stagger-table tbody tr{opacity:1!important;transform:none!important}}.top-nav-wrap{gap:.75rem;width:min(1160px,100% - 2rem);margin:1rem auto 0;display:grid}.top-nav-wrap .top-nav{width:100%;margin:0}.top-nav__guest-copy,.top-nav__member-copy{gap:.12rem;display:grid}.top-nav__guest-copy span,.top-nav__member-copy small{color:var(--muted);font-size:.78rem}.top-nav__guest-actions{align-items:center;gap:.85rem;display:flex}.top-nav__text-link{border-bottom:1px solid #0000;align-items:center;min-height:44px;font-weight:600;display:inline-flex}.top-nav__text-link--strong{color:var(--accent);border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.top-nav__text-link--strong{border-color:color-mix(in srgb,var(--accent)28%,transparent 72%)}}.top-nav__member-button{cursor:pointer;background:#ffffffbd;border:1px solid #1d4d4f1f;border-radius:999px;align-items:center;gap:.65rem;min-height:48px;padding:.35rem .5rem;display:inline-flex}.top-nav__avatar{background:linear-gradient(135deg,#c259342e,#1d4d4f2e);border-radius:999px;place-items:center;width:36px;height:36px;font-weight:800;display:grid}.top-nav__member-panel{gap:.5rem;padding:.75rem;display:grid}.top-nav__panel-link{background:#ffffffb3;border:1px solid #1d4d4f14;border-radius:14px;justify-content:space-between;align-items:center;min-height:44px;padding:.75rem .9rem;font-weight:700;display:flex}.top-nav__panel-link--button{cursor:pointer;width:100%}.auth-shell,.result-shell{--card-accent:var(--accent);gap:1rem;display:grid}.auth-layout{grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);gap:1rem;display:grid}.auth-stage,.auth-form-panel{position:relative;overflow:hidden}.auth-stage:before,.auth-form-panel:before{content:"";background:linear-gradient(90deg,#c25934 0%,#eac5b8 100%);width:100%;height:4px;position:absolute;inset:0 auto auto 0}.auth-stage{background:linear-gradient(145deg,#f5ebd8f5 0%,#faf5edeb 100%);gap:1rem;display:grid}.auth-stage h1{letter-spacing:-.05em;margin:0;font-family:Iowan Old Style,Palatino Linotype,Noto Serif KR,serif;font-size:clamp(2.2rem,4vw,3.6rem);line-height:.98}.auth-stage__desc{color:var(--muted);margin:0;line-height:1.7}.auth-stage__chips,.auth-provider-row{flex-wrap:wrap;gap:.55rem;display:flex}.auth-stage__chips span,.auth-provider-row span{background:#ffffffc7;border:1px solid #1d4d4f1f;border-radius:999px;align-items:center;min-height:40px;padding:.35rem .8rem;font-weight:700;display:inline-flex}.auth-stage__panel{border-top:1px solid #1d4d4f1f;gap:.35rem;padding-top:.75rem;display:grid}.auth-form-panel,.auth-form{gap:1rem;display:grid}.auth-field{gap:.35rem;display:grid}.auth-field span{font-size:.86rem;font-weight:700}.auth-field input{background:0 0;border:0;border-bottom:2px solid #1d4d4f47;border-radius:0;min-height:52px;padding:.4rem 0}.auth-field input:focus-visible{box-shadow:none;border-bottom-color:#c25934;transform:none}.auth-submit{width:100%}.auth-footer{border-top:1px solid #1d4d4f1a;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding-top:.85rem;display:flex}.auth-footer p{color:var(--muted);margin:0}.auth-footer a{color:var(--accent);font-weight:800}.auth-upgrade-box strong{margin-bottom:.3rem;display:block}.profile-avatar{object-fit:cover;border:1px solid #1d4d4f1a;border-radius:18px;width:72px;height:72px}.match-chat-box{max-height:280px;overflow:auto}.match-chat-log{gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.match-chat-log__item{background:#ffffffb3;border:1px solid #1d4d4f14;border-radius:16px;padding:.75rem .85rem}.match-chat-log__item strong{margin-bottom:.2rem;display:block}.match-chat-log__item p{margin:0;line-height:1.5}.match-chat-log__item--system{background:#f7f2e7d9}.result-shell .result-hero{--card-accent:var(--card-accent)}@supports (color:color-mix(in lab, red, red)){.result-shell .result-hero{--card-accent:color-mix(in srgb,var(--card-accent)85%,#5c4637 15%)}}.result-shell .match-layout{align-items:start}.match-shell[data-board-theme=midnight] .board-grid{background:#22293b80;border-color:#22293b80}.match-shell[data-board-theme=midnight] .board-grid__cell{color:#f2ede2;background:#243149}.match-shell[data-board-theme=midnight] .board-grid__cell--dark{background:#112034}.match-shell[data-board-theme=paper] .board-grid,.result-shell .board-grid{background:#876c4833}.match-shell[data-board-theme=paper] .board-grid__cell,.result-shell .board-grid__cell{background:#f5eddc}.match-shell[data-piece-style=glyph] .board-grid__cell span,.result-shell[data-piece-style=glyph] .board-grid__cell span{font-family:Noto Serif KR,Iowan Old Style,serif}.match-shell[data-piece-style=clean] .board-grid__cell span,.result-shell[data-piece-style=clean] .board-grid__cell span{font-family:Space Grotesk,sans-serif}@media (max-width:900px){.auth-layout,.top-nav{grid-template-columns:1fr}.top-nav{justify-content:stretch;display:grid}.top-nav__links,.top-nav__guest-actions,.top-nav__account{flex-wrap:wrap}}
