:root{font-family:Inter,Pretendard,Noto Sans KR,system-ui,sans-serif;color:#2d2925;background:#eee4d4;font-synthesis:none;text-rendering:optimizeLegibility;--page: #eee4d4;--page-deep: #e4d5c0;--surface: #f8f1e6;--surface-raised: #fffaf1;--surface-muted: #e8ddcc;--ink: #2d2925;--ink-soft: #746a5e;--line: rgba(77, 58, 39, .18);--line-strong: rgba(77, 58, 39, .34);--walnut: #6f4b32;--walnut-light: #a67850;--walnut-dark: #3d291e;--metal: #786f63;--burgundy: #7d293b;--burgundy-light: #a64759;--navy: #203f5a;--navy-light: #3d6682;--green: #285343;--green-light: #477665;--bronze: #906b3e;--danger: #9f3c3c;--shadow-soft: 0 18px 55px rgba(73, 48, 28, .1);--shadow-card: 0 12px 30px rgba(54, 34, 20, .12);--duration: .18s;--safe-area-top: env(safe-area-inset-top, 0px);--safe-area-right: env(safe-area-inset-right, 0px);--safe-area-bottom: env(safe-area-inset-bottom, 0px);--safe-area-left: env(safe-area-inset-left, 0px);--app-page: #f2eadf;--app-page-deep: #dfd0bd;--app-ink: #2f2a24;--app-ink-soft: rgba(47, 42, 36, .66);--app-line: rgba(79, 61, 42, .16);--app-line-strong: rgba(79, 61, 42, .28);--app-panel: rgba(255, 250, 241, .66);--app-panel-strong: rgba(255, 250, 241, .86);--app-panel-muted: rgba(79, 61, 42, .06);--app-sidebar: rgba(248, 240, 229, .92);--app-sidebar-hover: rgba(111, 75, 50, .08);--app-inverted: #fff8ee;--app-shadow: 0 18px 48px rgba(73, 48, 28, .12)}:root[data-theme=dark]{color-scheme:dark;color:#ece5d9;background:#191a1b;--page: #191a1b;--page-deep: #111213;--surface: #242322;--surface-raised: #2d2b29;--surface-muted: #35312d;--ink: #ece5d9;--ink-soft: #aaa196;--line: rgba(225, 211, 191, .13);--line-strong: rgba(225, 211, 191, .28);--walnut: #694930;--walnut-light: #8f6342;--walnut-dark: #241710;--metal: #999084;--burgundy: #934054;--burgundy-light: #b95a6e;--navy: #315b7b;--navy-light: #4b7797;--green: #376b58;--green-light: #548773;--bronze: #a57c4d;--shadow-soft: 0 24px 70px rgba(0, 0, 0, .28);--shadow-card: 0 16px 40px rgba(0, 0, 0, .24);--app-page: #171716;--app-page-deep: #24221f;--app-ink: #eee8dd;--app-ink-soft: rgba(245, 236, 222, .68);--app-line: rgba(255, 245, 225, .09);--app-line-strong: rgba(255, 245, 225, .16);--app-panel: rgba(255, 255, 255, .045);--app-panel-strong: rgba(255, 255, 255, .072);--app-panel-muted: rgba(0, 0, 0, .18);--app-sidebar: rgba(26, 25, 23, .94);--app-sidebar-hover: rgba(255, 255, 255, .07);--app-inverted: #fff8ee;--app-shadow: 0 22px 58px rgba(0, 0, 0, .3)}:root[data-theme=light]{color-scheme:light}:root[data-palette=colorblind]{--burgundy: #b34f00;--burgundy-light: #d67527;--navy: #175b9c;--navy-light: #3f83c5;--green: #177c6b;--green-light: #45a596}:root[data-speed=fast]{--duration: .12s}*{box-sizing:border-box}html{min-width:320px;min-height:100%;background:var(--page)}body{margin:0;min-width:320px;min-height:100vh;color:var(--ink);background:radial-gradient(circle at 18% 4%,rgba(255,251,240,.78),transparent 28rem),linear-gradient(135deg,var(--page),var(--page-deep))}button,input{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible{outline:3px solid color-mix(in srgb,var(--navy) 60%,white);outline-offset:3px}button:disabled{cursor:not-allowed}h1,h2,h3,p{margin-top:0}.eyebrow{margin-bottom:.75rem;color:var(--burgundy);font-size:.68rem;font-weight:800;letter-spacing:.19em}.brand-mark{display:inline-flex;align-items:center;gap:.78rem}.brand-symbol{position:relative;display:grid;grid-template-columns:repeat(3,8px);align-items:center;gap:3px;width:38px;height:38px;padding:7px;border:1px solid var(--line-strong);border-radius:10px;background:color-mix(in srgb,var(--surface-raised) 88%,transparent);box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--surface) 70%,transparent)}.brand-symbol i{display:block;width:8px;height:22px;border-radius:3px;transform:rotate(45deg)}.brand-symbol i:nth-child(1){background:var(--burgundy)}.brand-symbol i:nth-child(2){height:15px;background:var(--navy)}.brand-symbol i:nth-child(3){height:9px;background:var(--green)}.brand-copy{display:flex;flex-direction:column;line-height:1}.brand-copy strong{font-family:Georgia,Times New Roman,serif;font-size:.95rem;letter-spacing:.08em}.brand-copy small{margin-top:.32rem;color:var(--ink-soft);font-size:.52rem;font-weight:800;letter-spacing:.28em}.site-header,.game-header{position:relative;z-index:10;display:flex;align-items:center;justify-content:space-between;width:min(100% - 3rem,1380px);min-height:76px;margin:0 auto;border-bottom:1px solid var(--line)}.site-header nav,.header-actions{display:flex;align-items:center;gap:.75rem}.service-status{display:inline-flex;align-items:center;gap:.5rem;color:var(--ink-soft);font-size:.65rem;font-weight:800;letter-spacing:.13em}.service-status i,.connection-dot{width:7px;height:7px;border-radius:50%;background:var(--green-light);box-shadow:0 0 0 4px color-mix(in srgb,var(--green) 12%,transparent)}.header-button,.icon-button,.brand-button{border:0;background:transparent;cursor:pointer}.header-button{display:inline-flex;align-items:center;gap:.45rem;min-height:42px;padding:0 .85rem;border:1px solid var(--line);border-radius:10px;color:var(--ink-soft);font-size:.78rem;font-weight:700}.lobby-page{min-height:100vh;overflow:hidden}.lobby-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(330px,.85fr);align-items:center;gap:5rem;width:min(100% - 3rem,1260px);min-height:530px;margin:0 auto;padding:5rem 1rem 4.5rem}.hero-copy h1{max-width:780px;margin-bottom:1.6rem;font-family:Georgia,Times New Roman,serif;font-size:clamp(2.75rem,5.8vw,5.4rem);font-weight:500;line-height:1.03;letter-spacing:-.055em}.hero-copy h1 span{display:block;color:var(--burgundy);font-style:italic}.hero-copy>p:last-child{max-width:650px;margin-bottom:0;color:var(--ink-soft);font-size:1rem;line-height:1.9;word-break:keep-all}.hero-board{position:relative;display:grid;grid-template-columns:repeat(5,1fr);gap:7px;aspect-ratio:1;padding:30px;border:10px solid var(--walnut-dark);border-radius:30px;background:repeating-linear-gradient(92deg,rgba(255,255,255,.03) 0 1px,transparent 1px 22px),linear-gradient(145deg,var(--walnut),var(--walnut-dark));box-shadow:var(--shadow-soft),inset 0 0 0 2px #ffffff14;transform:rotate(2deg)}.hero-board:before{content:"";position:absolute;top:-35px;right:-35px;bottom:-35px;left:-35px;z-index:-1;border:1px solid var(--line);border-radius:50%;transform:rotate(-8deg)}.hero-board i{display:block;border:1px solid rgba(255,244,225,.1);border-radius:11px;background:#23160e45;box-shadow:inset 0 2px 5px #00000038}.hero-board .tile-a,.hero-board .tile-b,.hero-board .tile-c{border-color:#ffffff2b;box-shadow:inset 0 2px 2px #ffffff26,0 5px 8px #00000038}.hero-board .tile-a{background:var(--burgundy)}.hero-board .tile-b{background:var(--navy)}.hero-board .tile-c{background:var(--green)}.mode-section{padding:5rem max(1.5rem,calc((100% - 1260px)/2));border-block:1px solid var(--line);background:linear-gradient(90deg,rgba(92,60,34,.035) 1px,transparent 1px),linear-gradient(var(--surface),var(--surface));background-size:42px 42px,auto}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:2rem;margin-bottom:2rem}.section-heading h2,.match-config h2{margin-bottom:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(2rem,4vw,3.2rem);font-weight:500;letter-spacing:-.035em}.section-heading>p{max-width:460px;margin-bottom:.35rem;color:var(--ink-soft);font-size:.86rem;line-height:1.65;text-align:right}.mode-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.mode-card{position:relative;display:flex;flex-direction:column;min-height:390px;padding:1.3rem;overflow:hidden;border:1px solid var(--line);border-radius:16px;background:color-mix(in srgb,var(--surface-raised) 84%,transparent);box-shadow:0 5px 20px #3d28170d;transition:transform var(--duration) ease,border-color var(--duration) ease,box-shadow var(--duration) ease}.mode-card:after{content:"";position:absolute;inset:auto -45px -65px auto;width:170px;height:170px;border:1px solid var(--line);border-radius:50%}.mode-card.featured:hover{transform:translateY(-5px);border-color:color-mix(in srgb,var(--burgundy) 55%,var(--line));box-shadow:var(--shadow-card)}.mode-card.locked{opacity:.72}.mode-card-top{display:flex;align-items:center;justify-content:space-between}.mode-card-top>span{font-family:Georgia,serif;color:var(--ink-soft);font-size:.8rem}.mode-card-top small{padding:.34rem .48rem;border:1px solid var(--line);border-radius:6px;color:var(--ink-soft);font-size:.52rem;font-weight:800;letter-spacing:.12em}.mode-card.featured .mode-card-top small{border-color:color-mix(in srgb,var(--burgundy) 40%,transparent);color:var(--burgundy);background:color-mix(in srgb,var(--burgundy) 7%,transparent)}.mode-glyph{position:relative;display:grid;grid-template-columns:repeat(2,48px);gap:5px;width:max-content;margin:3.4rem auto 3rem;transform:rotate(45deg)}.mode-glyph i{width:48px;height:48px;border:1px solid var(--line-strong);border-radius:12px;background:var(--surface-muted);box-shadow:inset 0 2px 2px #ffffff21}.mode-card.burgundy .mode-glyph i:nth-child(1),.mode-card.burgundy .mode-glyph i:nth-child(4){background:var(--burgundy)}.mode-card.navy .mode-glyph i:nth-child(2){background:var(--navy)}.mode-card.green .mode-glyph i:nth-child(3){background:var(--green)}.mode-card.bronze .mode-glyph i:nth-child(1),.mode-card.bronze .mode-glyph i:nth-child(2){background:var(--bronze)}.mode-card h3{margin-bottom:.65rem;font-family:Georgia,serif;font-size:1.45rem;font-weight:500}.mode-card>p{min-height:2.9rem;margin-bottom:1.4rem;color:var(--ink-soft);font-size:.78rem;line-height:1.65;word-break:keep-all}.mode-action,.mode-pending{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;width:100%;min-height:46px;margin-top:auto;padding:0 .9rem;border-radius:10px;font-size:.75rem;font-weight:800}.mode-action{border:0;color:#fff9ef;background:var(--burgundy);cursor:pointer}.mode-pending{border:1px solid var(--line);color:var(--ink-soft)}.match-config{display:grid;grid-template-columns:minmax(260px,.7fr) minmax(600px,1.3fr);align-items:center;gap:4rem;width:min(100% - 3rem,1260px);margin:0 auto;padding:5.5rem 1rem}.match-config>div:first-child>p:last-child{margin:1rem 0 0;color:var(--ink-soft);font-size:.86rem}.online-page{min-height:100vh;background:radial-gradient(circle at 76% 8%,color-mix(in srgb,var(--bronze) 18%,transparent),transparent 26rem),linear-gradient(135deg,var(--page),var(--page-deep))}.online-shell{display:grid;grid-template-columns:minmax(300px,.85fr) minmax(340px,.65fr);align-items:start;gap:4rem;width:min(100% - 3rem,1180px);margin:0 auto;padding:5rem 1rem}.online-copy h1{max-width:720px;margin-bottom:1.25rem;font-family:Georgia,Times New Roman,serif;font-size:clamp(2.5rem,5vw,4.8rem);font-weight:500;line-height:1.04;letter-spacing:-.05em}.online-copy p:last-child{max-width:620px;color:var(--ink-soft);font-size:.95rem;line-height:1.85;word-break:keep-all}.online-card{display:grid;gap:1rem;padding:1.25rem;border:1px solid var(--line-strong);border-radius:18px;background:color-mix(in srgb,var(--surface-raised) 88%,transparent);box-shadow:var(--shadow-soft)}.account-shell{grid-template-columns:minmax(300px,.8fr) minmax(360px,.7fr)}.account-form,.account-summary,.matchmaking-card{display:grid;gap:1rem}.account-form .primary-action,.account-summary .secondary-action,.matchmaking-card .primary-action,.matchmaking-card .secondary-action{width:100%}.account-summary h2,.account-summary h3,.matchmaking-card h2{margin-bottom:0;font-family:Georgia,serif;font-weight:500}.account-summary h2,.matchmaking-card h2{color:var(--burgundy);font-size:2rem}.account-summary h3{margin-top:.5rem;font-size:1.15rem}.account-title-row{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}.account-title-row h2{margin:0}.account-logout-shortcut{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-width:112px;min-height:44px;margin-inline-start:auto;padding:.55rem .9rem;border:1px solid color-mix(in srgb,var(--app-accent) 45%,var(--app-line));border-radius:12px;color:var(--app-ink);background:color-mix(in srgb,var(--app-panel-strong) 88%,var(--app-accent) 12%);box-shadow:0 5px 16px #120c0924;font-size:.8rem;font-weight:850;cursor:pointer;transition:border-color .16s ease,background .16s ease,color .16s ease,transform .16s ease}.account-logout-shortcut:hover{border-color:var(--app-accent);color:var(--app-inverted);background:var(--app-accent);transform:translateY(-1px)}.account-logout-shortcut:focus-visible{outline:3px solid color-mix(in srgb,var(--app-accent) 42%,transparent);outline-offset:3px}.rank-badge{display:inline-flex;align-items:center;gap:.65rem;width:fit-content;padding:.42rem .65rem;border:1px solid var(--line);border-radius:999px;color:var(--ink);background:color-mix(in srgb,var(--surface-raised) 76%,transparent)}.rank-badge.compact{padding:.3rem .5rem;gap:.45rem}.rank-palette{position:relative;display:block;width:78px;height:58px;flex:0 0 auto}.palette-tier-icon{display:block;width:100%;height:100%;object-fit:contain;filter:none;-webkit-user-select:none;user-select:none}.rank-badge.rainbow{border-color:color-mix(in srgb,var(--green-light) 48%,var(--burgundy));box-shadow:0 0 0 3px color-mix(in srgb,var(--green-light) 14%,transparent)}.rank-badge.rainbow .rank-copy strong{background:linear-gradient(90deg,#b84d69,#d88a2d,#e0c13c,#3f8a61,#3d7aa8,#6c3d9b);-webkit-background-clip:text;background-clip:text;color:transparent}.rank-copy{display:grid;gap:0;line-height:1}.rank-copy strong{color:var(--burgundy);font-size:.9rem;font-weight:950}.rank-copy small{color:var(--ink-soft);font-size:.48rem;font-weight:900;letter-spacing:.08em}.rank-badge.compact .rank-palette{width:66px;height:48px}.rank-badge.compact .rank-copy{min-width:52px}.rank-badge.compact .rank-copy strong{font-size:.78rem}.profile-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}.profile-stats span{display:grid;gap:.28rem;padding:.75rem;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.profile-stats small{color:var(--ink-soft);font-size:.55rem;font-weight:900;letter-spacing:.12em}.profile-stats strong{font-size:1.28rem}.match-history,.leaderboard-card{display:grid;gap:.65rem}.tier-guide-card{display:grid;gap:.85rem;padding:1rem;border:1px solid var(--line);border-radius:18px;color:var(--ink);background:radial-gradient(circle at 96% 8%,color-mix(in srgb,var(--green) 12%,transparent),transparent 10rem),var(--surface-raised)}.tier-guide-heading{display:flex;align-items:end;justify-content:space-between;gap:1rem}.tier-guide-heading .eyebrow{margin:0}.tier-guide-heading strong{font-size:1rem}.tier-guide-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.6rem}.tier-guide-item{position:relative;display:grid;grid-template-rows:62px auto;justify-items:center;gap:.28rem;align-items:start;min-width:0;min-height:136px;padding:.68rem .65rem .65rem;overflow:hidden;border:1px solid var(--line);border-radius:14px;text-align:center;background:var(--surface)}.tier-guide-index{position:absolute;top:.58rem;left:.58rem;z-index:1;display:grid;width:1.7rem;height:1.7rem;place-items:center;border:1px solid var(--line);border-radius:50%;color:var(--burgundy);font-size:.72rem;font-weight:950}.tier-guide-icon-wrap{display:grid;width:100%;height:62px;padding-left:1.35rem;place-items:center;overflow:hidden}.tier-guide-icon-wrap .palette-tier-icon{width:86px;height:64px}.tier-guide-copy{display:grid;justify-items:center;gap:.16rem;width:100%;min-width:0}.tier-guide-copy strong{color:var(--burgundy);font-size:.88rem;font-weight:950;word-break:keep-all}.tier-requirement{color:var(--green);font-size:.58rem;font-weight:950;line-height:1.25;letter-spacing:.02em;word-break:keep-all}.tier-guide-copy small{color:var(--ink-soft);font-size:.58rem;font-weight:850;line-height:1.35;word-break:keep-all}.account-policy-link{color:var(--app-ink-soft);font-size:.78rem;text-align:center}.legal-shell{width:min(100%,920px);margin:0 auto;padding:clamp(2rem,5vw,5rem)}.legal-shell h1{margin-bottom:.5rem;font-family:Georgia,Times New Roman,serif;font-size:clamp(2.3rem,7vw,5rem);font-weight:500}.legal-shell section{margin-top:1.5rem;padding:1.25rem;border:1px solid var(--app-line);border-radius:16px;background:var(--app-panel)}.legal-shell h2{margin-top:0;font-size:1.1rem}.legal-shell p{color:var(--app-ink-soft);line-height:1.8;word-break:keep-all}.legal-action{width:fit-content;margin-top:1rem;text-decoration:none}html[data-native-platform]{background:var(--app-page);overscroll-behavior:none}html[data-native-platform] body{overscroll-behavior:none}html[data-native-platform] #root{box-sizing:border-box;min-height:100dvh;padding:var(--safe-area-top) var(--safe-area-right) var(--safe-area-bottom) var(--safe-area-left)}html[data-native-platform] .app-frame{min-height:calc(100dvh - var(--safe-area-top) - var(--safe-area-bottom))}@media (min-width: 981px){html[data-native-platform] .app-sidebar{height:calc(100dvh - var(--safe-area-top) - var(--safe-area-bottom))}}.leaderboard-shell{display:grid;grid-template-columns:minmax(540px,1.12fr) minmax(390px,.88fr);align-items:start;gap:clamp(1rem,2vw,1.6rem);width:min(calc(100% - 3rem),1420px);min-height:100vh;margin:0 auto;padding:clamp(1.5rem,3vh,2.5rem) 0;align-content:start}.leaderboard-overview{display:grid;align-self:start;gap:1.1rem}.leaderboard-shell .online-copy h1{max-width:680px;margin:.45rem 0 .75rem;font-size:clamp(2.35rem,4vw,4.35rem);line-height:1.02}.leaderboard-shell .online-copy p:last-child{max-width:700px;margin:0;font-size:.86rem;line-height:1.65}.leaderboard-shell .tier-guide-card{gap:.65rem;padding:.8rem;border-radius:16px}.leaderboard-shell .tier-guide-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem}.leaderboard-shell .tier-guide-item{grid-template-rows:45px auto;gap:.12rem;min-height:106px;padding:.48rem .4rem .45rem;border-radius:11px}.leaderboard-shell .tier-guide-index{top:.42rem;left:.42rem;width:1.4rem;height:1.4rem;font-size:.6rem}.leaderboard-shell .tier-guide-icon-wrap{height:45px;padding-left:1rem}.leaderboard-shell .tier-guide-icon-wrap .palette-tier-icon{width:68px;height:48px}.leaderboard-shell .tier-guide-copy{gap:.08rem}.leaderboard-shell .tier-guide-copy strong{font-size:.74rem}.leaderboard-shell .tier-requirement,.leaderboard-shell .tier-guide-copy small{font-size:.49rem;line-height:1.25}.leaderboard-card{align-content:start;gap:.45rem;padding:.85rem}.leaderboard-list-heading{position:sticky;z-index:2;top:0;display:flex;align-items:end;justify-content:space-between;gap:1rem;margin:-.2rem -.2rem .25rem;padding:.45rem .45rem .75rem;border-bottom:1px solid var(--app-line);background:color-mix(in srgb,var(--app-panel) 94%,transparent)}.leaderboard-list-heading .eyebrow,.leaderboard-list-heading h2{margin:0}.leaderboard-list-heading h2{margin-top:.15rem;font-size:1.25rem}.leaderboard-list-heading>strong{color:var(--green-light);font-size:1.2rem}.leaderboard-shell .leaderboard-row{grid-template-columns:2rem auto minmax(0,1fr) auto;gap:.15rem .45rem;padding:.52rem .6rem;border-radius:10px}.leaderboard-shell .leaderboard-rank{width:1.75rem;height:1.75rem;font-size:.72rem}.leaderboard-shell .rank-badge.compact{padding:.15rem .3rem}.leaderboard-shell .rank-badge.compact .rank-palette{width:52px;height:38px}.leaderboard-shell .leaderboard-row>strong{font-size:.92rem}.leaderboard-shell .leaderboard-row small{font-size:.55rem}.match-history p,.leaderboard-row{display:grid;gap:.25rem;margin:0;padding:.8rem;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.match-history small,.leaderboard-row small{color:var(--ink-soft);font-size:.64rem;font-weight:800}.leaderboard-row{grid-template-columns:2.4rem auto 1fr auto;align-items:center}.leaderboard-rank{display:grid;width:2rem;height:2rem;place-items:center;border:1px solid var(--line);border-radius:50%;color:var(--burgundy);font-family:Georgia,serif}.leaderboard-row>strong{color:var(--green);font-size:1.05rem}.leaderboard-row small{grid-column:3 / -1}.matchmaking-card{min-height:260px;align-content:center}.match-entry-shell{display:grid;min-width:0;min-height:100vh;place-items:center;padding:2rem}.match-entry-card{display:grid;justify-items:center;gap:.75rem;width:min(100%,520px);padding:clamp(2rem,5vw,3.5rem);border:1px solid var(--app-line-strong);border-radius:24px;text-align:center;background:var(--app-panel);box-shadow:var(--app-shadow)}.match-entry-card h1{margin:0;color:var(--app-ink);font-size:clamp(1.8rem,4vw,3rem);letter-spacing:-.05em}.match-entry-card>p:last-of-type{margin:0;color:var(--app-ink-soft);font-weight:700}.match-entry-card .secondary-action{margin-top:.75rem}.match-entry-pulse{width:54px;height:54px;border:2px solid color-mix(in srgb,var(--green-light) 58%,var(--app-line));border-radius:50%;background:radial-gradient(circle,var(--green-light) 0 18%,transparent 20%);box-shadow:0 0 color-mix(in srgb,var(--green-light) 25%,transparent);animation:match-entry-pulse 1.4s ease-out infinite}.online-field{display:grid;gap:.45rem}.online-field span{color:var(--ink-soft);font-size:.66rem;font-weight:800;letter-spacing:.12em}.online-field input,.join-row input{min-height:48px;width:100%;border:1px solid var(--line);border-radius:11px;padding:0 .85rem;color:var(--ink);background:var(--surface)}.join-row{display:grid;grid-template-columns:1fr auto;gap:.65rem}.waiting-room{display:grid;gap:.9rem;margin-top:.25rem;padding:1rem;border:1px solid var(--line);border-radius:14px;background:var(--surface)}.waiting-room>span{color:var(--ink-soft);font-size:.58rem;font-weight:900;letter-spacing:.16em}.waiting-room>strong{font-family:Georgia,serif;color:var(--burgundy);font-size:2.15rem;letter-spacing:.16em}.waiting-players{display:grid;gap:.5rem}.waiting-players p{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:0;padding:.7rem 0;border-bottom:1px solid var(--line)}.waiting-players p:last-child{border-bottom:0}.waiting-players small,.online-message,.online-toast{color:var(--ink-soft);font-size:.68rem;font-weight:800}.share-dialog{width:min(92vw,560px)}.share-link-field{width:100%;padding:.85rem 1rem;border:1px solid var(--line);border-radius:10px;background:var(--surface-raised);color:var(--ink);font:inherit}.online-message{margin:0;line-height:1.55}.online-toast{width:min(100% - 3rem,680px);margin:.7rem auto 0;padding:.7rem 1rem;border:1px solid color-mix(in srgb,var(--burgundy) 30%,var(--line));border-radius:10px;background:color-mix(in srgb,var(--surface-raised) 90%,transparent)}.status-connected i{background:var(--green-light)}.status-connecting i,.status-disconnected i{background:var(--bronze)}.status-error i{background:var(--danger)}.config-controls{display:grid;gap:1.2rem;padding:1.4rem;border:1px solid var(--line);border-radius:18px;background:var(--surface);box-shadow:var(--shadow-soft)}fieldset{min-width:0;margin:0;padding:0;border:0}fieldset legend{margin-bottom:.55rem;color:var(--ink-soft);font-size:.66rem;font-weight:800;letter-spacing:.12em}.choice-row,.segmented-control{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:4px;border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb,var(--surface-muted) 55%,transparent)}.choice-row button,.segmented-control button{min-height:40px;padding:.5rem;border:0;border-radius:8px;color:var(--ink-soft);background:transparent;font-size:.73rem;font-weight:700;cursor:pointer}.choice-row button.active,.segmented-control button.active{color:var(--ink);background:var(--surface-raised);box-shadow:0 2px 8px #37241417}.primary-action,.secondary-action,.danger-action{min-height:50px;padding:0 1.15rem;border-radius:12px;font-size:.82rem;font-weight:800;cursor:pointer}.primary-action{display:flex;align-items:center;justify-content:space-between;border:1px solid color-mix(in srgb,var(--burgundy) 70%,black);color:#fff8ee;background:linear-gradient(135deg,var(--burgundy-light),var(--burgundy));box-shadow:0 8px 20px color-mix(in srgb,var(--burgundy) 25%,transparent)}.secondary-action{border:1px solid var(--line-strong);background:transparent}.danger-action{border:1px solid color-mix(in srgb,var(--danger) 65%,black);color:#fff;background:var(--danger)}.lobby-footer,.game-footnote{display:flex;justify-content:space-between;gap:2rem;width:min(100% - 3rem,1380px);margin:0 auto;padding:1.35rem 0 1.8rem;border-top:1px solid var(--line);color:var(--ink-soft);font-size:.58rem;font-weight:800;letter-spacing:.13em}.game-page{min-height:100vh;overflow-x:hidden;background:radial-gradient(circle at 50% 30%,color-mix(in srgb,var(--surface-raised) 70%,transparent),transparent 42rem),linear-gradient(135deg,var(--page),var(--page-deep))}.brand-button{padding:0}.match-label{position:absolute;left:50%;display:flex;align-items:center;gap:.8rem;transform:translate(-50%)}.match-label span{color:var(--ink-soft);font-size:.64rem;font-weight:800;letter-spacing:.14em}.match-label strong{padding-left:.8rem;border-left:1px solid var(--line);font-size:.72rem;letter-spacing:.08em}.icon-button{display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--line);border-radius:10px;color:var(--ink-soft);background:color-mix(in srgb,var(--surface) 70%,transparent)}.icon-button.labeled{grid-template-columns:auto auto;gap:.35rem;width:auto;padding:0 .7rem}.icon-button.labeled span{font-size:1rem}.icon-button.labeled small{font-size:.67rem;font-weight:700}.turn-banner{position:relative;display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:.65rem;width:min(100% - 3rem,680px);min-height:48px;margin:1rem auto 0;padding:.65rem 1rem;border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb,var(--surface-raised) 86%,transparent);box-shadow:0 7px 20px #3220120f;isolation:isolate;overflow:hidden}.turn-banner>*{position:relative;z-index:1}.turn-banner:after{content:"";position:absolute;z-index:0;top:-80%;left:-35%;width:34%;height:260%;opacity:0;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transform:rotate(18deg) translate(-180%)}.turn-indicator{width:8px;height:8px;border-radius:50%;background:var(--metal)}.turn-banner.mine .turn-indicator{background:var(--burgundy);box-shadow:0 0 0 5px color-mix(in srgb,var(--burgundy) 12%,transparent)}.turn-banner.turn-ready-effect{animation:turn-ready-flash 1.2s cubic-bezier(.2,.8,.2,1) both}.turn-banner.turn-ready-effect .turn-indicator{animation:turn-ready-dot 1.2s cubic-bezier(.2,.8,.2,1) both}.turn-banner.turn-ready-effect strong{animation:turn-ready-label 1.2s ease both}.turn-banner.turn-ready-effect:after{animation:turn-ready-sweep 1.2s ease both}.turn-banner strong{font-size:.82rem}.turn-banner small{justify-self:end;color:var(--ink-soft);font-size:.7rem}.game-layout{display:grid;grid-template-columns:minmax(180px,230px) minmax(400px,670px) minmax(180px,230px);grid-template-areas:"opponent board human" ". picker .";align-items:center;justify-content:center;gap:1.4rem clamp(1rem,3vw,3.5rem);width:min(100% - 2.5rem,1380px);margin:0 auto;padding:1.5rem 0 1rem}.opponent-slot{grid-area:opponent}.board-stage{grid-area:board}.human-slot{grid-area:human}.picker-slot{grid-area:picker}.player-slot{display:flex;flex-direction:column;gap:.7rem}.player-card{position:relative;display:flex;min-height:420px;flex-direction:column;align-items:center;padding:1rem;border:1px solid var(--line-strong);border-radius:16px;background:linear-gradient(135deg,rgba(255,255,255,.08),transparent 45%),var(--surface);box-shadow:var(--shadow-card),inset 0 0 0 3px color-mix(in srgb,var(--surface-muted) 50%,transparent);transition:border-color var(--duration) ease,transform var(--duration) ease,box-shadow var(--duration) ease}.player-card.active{border-color:color-mix(in srgb,var(--burgundy) 68%,var(--line));transform:translateY(-2px);box-shadow:0 12px 34px color-mix(in srgb,var(--burgundy) 16%,transparent),inset 0 0 0 3px color-mix(in srgb,var(--burgundy) 6%,transparent)}.player-card-status{display:flex;align-items:center;align-self:stretch;gap:.55rem;padding-bottom:.85rem;border-bottom:1px solid var(--line);color:var(--ink-soft);font-size:.54rem;font-weight:800;letter-spacing:.12em}.player-card.active .connection-dot{background:var(--burgundy-light)}.player-avatar{position:relative;display:grid;place-items:center;width:104px;height:104px;margin:2rem 0 1.4rem;border:1px solid var(--line-strong);border-radius:50%;color:var(--burgundy);background:radial-gradient(circle at 50% 38%,color-mix(in srgb,currentColor 14%,transparent),transparent 2.2rem),color-mix(in srgb,var(--surface-muted) 75%,transparent);box-shadow:inset 0 0 0 6px color-mix(in srgb,var(--surface-raised) 55%,transparent),0 8px 24px #00000014}.player-avatar span{display:grid;width:58px;height:58px;place-items:center;border:1px solid color-mix(in srgb,currentColor 48%,transparent);border-radius:50%;color:currentColor;background:color-mix(in srgb,var(--surface-raised) 78%,transparent);font-size:1.22rem;font-weight:950;letter-spacing:-.04em}.player-avatar.avatar-prism{color:var(--navy-light)}.player-avatar.avatar-orbit{color:var(--burgundy-light)}.player-identity{display:flex;flex-direction:column;align-items:center;text-align:center}.player-identity strong{font-family:Georgia,serif;font-size:1.18rem;font-weight:500}.player-identity span{margin-top:.35rem;color:var(--ink-soft);font-size:.66rem}.player-meters{display:flex;align-items:center;justify-content:center;gap:.7rem;margin-top:auto}.score-ring,.timer-ring{position:relative;display:grid;place-items:center;border-radius:50%}.score-ring{width:90px;height:90px;background:conic-gradient(var(--burgundy) var(--progress),var(--surface-muted) 0)}.score-ring:after,.timer-ring:after{content:"";position:absolute;top:7px;right:7px;bottom:7px;left:7px;border-radius:50%;background:var(--surface);box-shadow:inset 0 0 0 1px var(--line)}.score-ring span,.timer-ring strong,.timer-ring small{position:relative;z-index:1}.score-ring span{display:flex;align-items:baseline}.score-ring strong{font-size:1.8rem}.score-ring small{color:var(--ink-soft);font-size:.72rem}.timer-ring{width:64px;height:64px;background:conic-gradient(var(--metal) var(--timer-progress),var(--surface-muted) 0)}.timer-ring strong{margin-top:-.15rem;font-size:1.05rem}.timer-ring small{margin-top:-1.05rem;color:var(--ink-soft);font-size:.43rem;letter-spacing:.08em}.timer-ring.urgent{background:conic-gradient(var(--burgundy-light) var(--timer-progress),var(--surface-muted) 0)}.timer-ring.urgent strong{color:var(--burgundy-light);font-weight:900}.score-delta{position:absolute;right:-8px;bottom:88px;padding:.42rem .58rem;border:1px solid color-mix(in srgb,var(--burgundy) 45%,transparent);border-radius:8px;color:var(--burgundy);background:var(--surface-raised);font-size:.88rem;font-weight:900;animation:score-rise .7s ease both}.resign-button{min-height:42px;border:1px solid var(--line);border-radius:10px;color:var(--ink-soft);background:transparent;font-size:.7rem;font-weight:700;cursor:pointer}.board-caption{display:flex;align-items:center;justify-content:space-between;margin-bottom:.65rem;color:var(--ink-soft);font-size:.55rem;font-weight:800;letter-spacing:.1em}.board-caption span{display:inline-flex;align-items:center;gap:.45rem}.board-caption i{width:6px;height:6px;border-radius:50%;background:var(--green)}.game-board-frame{position:relative;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);width:100%;aspect-ratio:1;padding:clamp(18px,3.8vw,34px);border:clamp(8px,1.5vw,13px) solid var(--walnut-dark);border-radius:clamp(22px,3.5vw,36px);background:repeating-linear-gradient(93deg,rgba(255,255,255,.035) 0 1px,transparent 1px 28px),repeating-linear-gradient(2deg,rgba(0,0,0,.04) 0 1px,transparent 1px 38px),linear-gradient(135deg,var(--walnut-light),var(--walnut));box-shadow:0 26px 60px #2d1b1038,inset 0 0 0 2px #ffffff14,inset 0 0 22px #170c0640}.game-board-frame.locked:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;border-radius:inherit;cursor:wait}.game-board-frame.clearing{animation:board-clear-shake .42s ease both}.game-board{display:grid;grid-auto-rows:minmax(0,1fr);align-self:stretch;justify-self:stretch;gap:clamp(5px,1vw,9px);min-width:0;min-height:0;width:auto;height:auto}.board-cell{position:relative;display:grid;min-width:0;min-height:0;place-items:center;padding:0;overflow:visible;-webkit-appearance:none;-moz-appearance:none;appearance:none;contain:layout;border:1px solid rgba(255,241,218,.13);border-radius:clamp(8px,1.3vw,13px);background:#27160c45;box-shadow:inset 0 3px 7px #1c0d0647,0 1px #ffffff0a;cursor:default}.game-board-frame.interactive .board-cell.empty{cursor:pointer}.tile-face,.tile-preview{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;min-width:0;min-height:0;place-items:center;overflow:hidden;border:0;border-radius:inherit;color:#ffffffd1;font-size:clamp(.7rem,2vw,1.25rem);text-shadow:0 1px 2px rgba(0,0,0,.22);box-shadow:inset 0 0 0 1px #ffffff1f,inset 0 3px 3px #ffffff1c,inset 0 -4px 7px #0000001c,0 5px 8px #1e0e073d;transform:translateZ(0);backface-visibility:hidden}.board-cell.colorA .tile-face,.tile-preview.colorA{background:linear-gradient(145deg,var(--burgundy-light),var(--burgundy))}.board-cell.colorB .tile-face,.tile-preview.colorB{background:linear-gradient(145deg,var(--navy-light),var(--navy))}.board-cell.colorC .tile-face,.tile-preview.colorC{background:linear-gradient(145deg,var(--green-light),var(--green))}.tile-preview{opacity:0;transform:scale(.91);transition:opacity var(--duration) ease,transform var(--duration) ease}.game-board-frame.interactive.pointer-active .board-cell.empty:hover .tile-preview,.game-board-frame.interactive.keyboard-active .board-cell.empty:focus-visible .tile-preview{opacity:.38;transform:scale(.96)}.board-cell.scoring.opponent-last:before,.board-cell.scoring.opponent-last:after{opacity:0}.board-cell.placed .tile-face{animation:tile-place .22s cubic-bezier(.2,.8,.2,1) both}.board-cell.opponent-last:before{position:absolute;z-index:3;top:6px;right:6px;width:9px;height:9px;border:2px solid rgba(45,23,12,.72);border-radius:50%;background:#fff4c8;box-shadow:0 0 0 2px #fff4c861,0 2px 7px #00000052;content:"";pointer-events:none}.board-cell.opponent-last:after{position:absolute;z-index:2;top:3px;right:3px;bottom:3px;left:3px;border:3px solid rgba(255,244,200,.94);border-radius:calc(clamp(8px,1.3vw,13px) - 2px);box-shadow:0 0 0 2px #704824c7,0 0 17px #ffe29780;content:"";pointer-events:none}.board-cell.scoring .tile-face{outline:3px solid rgba(255,245,213,.88);outline-offset:-5px;animation:scoring-pulse .62s ease both}.game-board-frame.clearing .board-cell.scoring .tile-face{outline-color:#fff5d594;animation:board-clear-tile .42s ease both}.board-cell.invalid{animation:invalid-border .32s ease}.board-corner{position:absolute;width:13px;height:13px;border:2px solid color-mix(in srgb,var(--bronze) 70%,white);border-radius:50%;background:#5b402a;box-shadow:inset 0 1px 2px #ffffff47,0 2px 4px #00000040}.corner-a{top:10px;left:10px}.corner-b{top:10px;right:10px}.corner-c{bottom:10px;left:10px}.corner-d{right:10px;bottom:10px}.picker-slot{width:min(100%,670px)}.color-picker{display:flex;align-items:center;gap:.85rem;padding:.65rem;border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--surface) 90%,transparent);box-shadow:0 8px 24px #2d1c0f14}.picker-label{display:flex;min-width:116px;flex-direction:column;padding-left:.45rem}.picker-label span{font-size:.56rem;font-weight:900;letter-spacing:.13em}.picker-label small{margin-top:.25rem;color:var(--ink-soft);font-size:.52rem}.color-options{display:grid;flex:1;grid-template-columns:repeat(3,1fr);gap:.45rem}.color-option{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.5rem;min-height:52px;padding:.35rem .5rem;border:1px solid var(--line);border-radius:10px;color:var(--ink-soft);background:var(--surface-muted);cursor:pointer;opacity:.42;filter:saturate(.5);transition:opacity var(--duration) ease,filter var(--duration) ease,border-color var(--duration) ease,background var(--duration) ease,color var(--duration) ease,box-shadow var(--duration) ease}.color-option:disabled{opacity:.3}.color-option.active{opacity:1;filter:none;border-color:var(--line-strong);outline:3px solid var(--line-strong);outline-offset:1px;color:var(--ink);background:var(--surface-raised);box-shadow:0 4px 14px #2c1b0f33}.color-option.colorA.active{border-color:var(--burgundy);outline-color:color-mix(in srgb,var(--burgundy) 82%,white)}.color-option.colorB.active{border-color:var(--navy);outline-color:color-mix(in srgb,var(--navy) 82%,white)}.color-option.colorC.active{border-color:var(--green);outline-color:color-mix(in srgb,var(--green) 82%,white)}.color-swatch{display:grid;width:34px;height:34px;place-items:center;border-radius:9px;color:#ffffffd1;font-size:.65rem;box-shadow:inset 0 2px 2px #ffffff24,0 2px 5px #00000024}.colorA .color-swatch{background:var(--burgundy)}.colorB .color-swatch{background:var(--navy)}.colorC .color-swatch{background:var(--green)}.color-name{font-size:.68rem;font-weight:800;white-space:nowrap}kbd{display:grid;width:22px;height:22px;place-items:center;border:1px solid var(--line);border-radius:5px;color:var(--ink-soft);background:var(--surface);font-size:.55rem;box-shadow:0 2px 0 var(--line)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;padding:1rem;background:#18130f8a;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);animation:fade-in var(--duration) ease both}.settings-panel,.help-panel,.confirm-panel,.result-panel{width:min(100%,510px);max-height:calc(100vh - 2rem);padding:1.4rem;overflow-y:auto;border:1px solid var(--line-strong);border-radius:20px;background:var(--surface-raised);box-shadow:0 28px 80px #100a0657,inset 0 0 0 3px color-mix(in srgb,var(--surface-muted) 50%,transparent);animation:panel-in .22s ease both}.panel-heading{display:flex;align-items:start;justify-content:space-between;gap:1rem;padding-bottom:1rem;border-bottom:1px solid var(--line)}.panel-heading h2,.confirm-panel h2,.result-panel h2{margin-bottom:0;font-family:Georgia,serif;font-size:1.8rem;font-weight:500}.setting-group{display:grid;gap:.85rem;padding:1.15rem 0;border-bottom:1px solid var(--line)}.setting-group:last-child{border-bottom:0;padding-bottom:0}.setting-label{display:flex;flex-direction:column;gap:.2rem}.setting-label strong,.switch-row strong{font-size:.8rem}.setting-label span,.switch-row small{color:var(--ink-soft);font-size:.66rem;line-height:1.5}.settings-tutorial-action{width:100%}.setting-stack{gap:0}.switch-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:64px;cursor:pointer}.switch-row>span{display:flex;flex-direction:column;gap:.2rem}.switch-row input{width:42px;height:24px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--line-strong);border-radius:20px;background:var(--surface-muted);cursor:pointer;transition:background var(--duration) ease}.switch-row input:before{content:"";display:block;width:18px;height:18px;margin:2px;border-radius:50%;background:var(--surface-raised);box-shadow:0 2px 5px #0000002e;transition:transform var(--duration) ease}.switch-row input:checked{background:var(--burgundy)}.switch-row input:checked:before{transform:translate(18px)}.segmented-control.two-up{grid-template-columns:repeat(2,1fr)}.rule-list{display:grid;gap:.65rem;margin:1.2rem 0;padding:0;list-style:none;counter-reset:rules}.rule-list li{display:grid;grid-template-columns:1fr;gap:.2rem;padding:.8rem .8rem .8rem 3rem;border:1px solid var(--line);border-radius:11px;counter-increment:rules;position:relative}.rule-list li:before{content:"0" counter(rules);position:absolute;top:.78rem;left:.8rem;color:var(--burgundy);font-family:Georgia,serif;font-size:.8rem}.rule-list strong{font-size:.76rem}.rule-list span{color:var(--ink-soft);font-size:.68rem;line-height:1.5}.score-table{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.score-table span{display:flex;align-items:center;justify-content:center;gap:.6rem;min-height:64px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}.score-table i{display:grid;width:28px;height:28px;place-items:center;border-radius:7px;color:#fff;background:var(--burgundy);font-style:normal;font-size:.72rem;font-weight:800}.score-table strong{font-size:.78rem}.help-note,.confirm-panel>p:not(.eyebrow),.result-panel>p:not(.eyebrow){margin:1rem 0 0;color:var(--ink-soft);font-size:.72rem;line-height:1.65}.confirm-panel{width:min(100%,430px)}.confirm-panel .result-actions{margin-top:1.4rem}.result-panel{width:min(100%,480px);text-align:center}.result-panel .eyebrow{text-align:center}.result-status-card{display:inline-flex;align-items:center;gap:.75rem;max-width:100%;margin:.85rem auto 1.2rem;padding:.55rem .8rem;border:1px solid var(--line);border-radius:999px;background:var(--surface)}.result-status-card>span:last-child{display:grid;min-width:0;text-align:left}.result-status-card small{color:var(--ink-soft);font-size:.52rem;font-weight:900;letter-spacing:.16em}.result-status-card strong{overflow:hidden;max-width:220px;text-overflow:ellipsis;white-space:nowrap;font-size:.82rem}.result-status-mark{display:grid;width:34px;height:34px;flex:0 0 auto;place-items:center;border-radius:50%;color:#fff;font-size:.82rem;font-weight:950}.result-status-mark.win{background:var(--green)}.result-status-mark.draw{background:var(--bronze)}.result-status-mark.loss{background:var(--burgundy)}.final-score{display:flex;align-items:center;justify-content:center;gap:1.6rem;margin:1.5rem 0}.final-score span{display:flex;flex-direction:column;min-width:92px;padding:.8rem;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.final-score small,.result-meta small{color:var(--ink-soft);font-size:.55rem;font-weight:800;letter-spacing:.12em}.final-score strong{margin-top:.2rem;font-size:2rem}.final-score>i{color:var(--ink-soft);font-family:Georgia,serif;font-style:normal}.result-meta{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.result-meta span{display:flex;align-items:center;justify-content:space-between;padding:.75rem;border-bottom:1px solid var(--line)}.result-meta strong{font-size:.78rem}.result-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:.65rem;margin-top:1.5rem}.tutorial-backdrop{background:radial-gradient(circle at 36% 32%,color-mix(in srgb,var(--green) 18%,transparent),transparent 22rem),#18130f9e}.tutorial-panel{width:min(100%,820px);padding:1.25rem;border:1px solid var(--line-strong);border-radius:20px;color:var(--ink);background:var(--surface-raised);box-shadow:0 30px 88px #100a0661,inset 0 0 0 3px color-mix(in srgb,var(--surface-muted) 48%,transparent);animation:panel-in .22s ease both}.tutorial-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.tutorial-skip-button{min-height:36px;padding:.45rem .75rem;border:1px solid var(--line);border-radius:10px;color:var(--ink-soft);background:color-mix(in srgb,var(--surface) 72%,transparent);font-size:.7rem;font-weight:850;white-space:nowrap;cursor:pointer}.tutorial-skip-button:hover{border-color:color-mix(in srgb,var(--burgundy) 45%,var(--line));color:var(--burgundy);transform:translateY(-1px)}.tutorial-panel:focus-visible{outline:3px solid var(--green-light);outline-offset:3px}.tutorial-panel h2{margin-bottom:1rem;font-family:Georgia,serif;font-size:1.85rem;font-weight:500;line-height:1.2}.tutorial-stage{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(260px,.85fr);gap:.85rem;align-items:stretch}.tutorial-game-preview{display:grid;grid-template-rows:auto 1fr;gap:.75rem;min-height:300px;padding:.9rem;overflow:hidden;border:1px solid var(--line);border-radius:16px;background:radial-gradient(circle at 76% 16%,color-mix(in srgb,var(--green) 16%,transparent),transparent 9rem),linear-gradient(135deg,color-mix(in srgb,var(--surface) 72%,var(--walnut)),var(--surface))}.tutorial-preview-topbar,.tutorial-preview-status,.tutorial-preview-choice{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.tutorial-preview-topbar{color:var(--ink-soft);font-size:.62rem;font-weight:950;letter-spacing:.16em;text-transform:uppercase}.tutorial-preview-topbar strong{color:var(--ink)}.tutorial-preview-body{display:grid;grid-template-columns:minmax(0,1fr) 122px;gap:.75rem;align-items:stretch}.tutorial-preview-board{display:grid;grid-template-columns:repeat(5,1fr);gap:.38rem;aspect-ratio:1;width:100%;min-width:0;padding:.55rem;border:7px solid color-mix(in srgb,var(--walnut-dark) 70%,black);border-radius:18px;background:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(135deg,var(--walnut),var(--walnut-dark));background-size:28px 28px,28px 28px,auto;box-shadow:inset 0 0 0 1px #ffffff29,0 18px 28px #0000002e}.tutorial-preview-cell{position:relative;min-width:0;border-radius:10px;background:linear-gradient(135deg,#ffffff0a,#00000014),color-mix(in srgb,var(--walnut-dark) 74%,var(--walnut));box-shadow:inset 0 2px 5px #160a0438}.tutorial-preview-cell:after{content:"";position:absolute;top:10%;right:10%;bottom:10%;left:10%;border-radius:inherit;opacity:0;transform:scale(.92);background:var(--preview-color, transparent);box-shadow:inset 0 1px #fff3,0 8px 16px #0000002e}.tutorial-preview-cell.red-tile{--preview-color: var(--burgundy)}.tutorial-preview-cell.blue-tile{--preview-color: var(--navy)}.tutorial-preview-cell.green-tile{--preview-color: var(--green)}.tutorial-preview-cell.red-tile:after,.tutorial-preview-cell.blue-tile:after,.tutorial-preview-cell.green-tile:after{opacity:1;transform:scale(1)}.tutorial-preview-cell.placing:after{animation:tutorial-place 1.7s ease-in-out infinite}.tutorial-preview-cell.scoring:after{animation:tutorial-score 1.45s ease-in-out infinite}.tutorial-preview-cell.clearing:after{animation:tutorial-clear 1.65s ease-in-out infinite}.tutorial-preview-side{display:grid;align-content:space-between;gap:.65rem;min-width:0}.tutorial-preview-status,.tutorial-preview-choice,.tutorial-preview-score{min-height:58px;padding:.65rem;border:1px solid var(--line);border-radius:12px;color:var(--ink);background:color-mix(in srgb,var(--surface-raised) 72%,transparent);font-size:.72rem;font-weight:900}.tutorial-preview-status:before{content:"";width:.55rem;height:.55rem;border-radius:50%;background:var(--green-light);box-shadow:0 0 0 4px color-mix(in srgb,var(--green-light) 15%,transparent)}.tutorial-game-preview.turn .tutorial-preview-status{border-color:color-mix(in srgb,var(--green-light) 46%,var(--line));animation:tutorial-turn 1.5s ease-in-out infinite}.tutorial-preview-choice i{width:30px;height:30px;border-radius:9px;background:var(--burgundy)}.tutorial-preview-choice.blue-choice i{background:var(--navy)}.tutorial-preview-cell.full-last-blue:after{opacity:1;transform:scale(1);animation:none;box-shadow:inset 0 1px #ffffff3d,0 0 0 2px color-mix(in srgb,var(--navy) 64%,white),0 8px 16px #0000002e}.tutorial-preview-score{display:grid;place-items:center;color:var(--ink-soft)}.tutorial-preview-score strong{color:var(--burgundy);font-size:1.65rem}.tutorial-game-preview.win .tutorial-preview-score strong{animation:tutorial-score-pop 1.65s ease-in-out infinite}.tutorial-card{display:grid;gap:.35rem;align-content:start;min-height:100%;padding:1rem;border:1px solid var(--line);border-radius:14px;background:radial-gradient(circle at 88% 16%,color-mix(in srgb,var(--burgundy) 13%,transparent),transparent 8rem),var(--surface)}.tutorial-count{display:grid;width:36px;height:36px;place-items:center;border:1px solid var(--line);border-radius:50%;color:var(--burgundy);background:var(--surface-muted);font-size:.75rem;font-weight:950}.tutorial-card strong{font-size:1.1rem}.tutorial-card p,.tutorial-note{color:var(--ink-soft);font-size:.74rem;line-height:1.65;word-break:keep-all}.tutorial-dots{display:flex;justify-content:center;gap:.38rem;margin:.9rem 0}.tutorial-dots button{width:9px;height:9px;padding:0;border:0;border-radius:50%;background:var(--line-strong);cursor:pointer}.tutorial-dots button.active{width:26px;border-radius:999px;background:var(--burgundy)}.tutorial-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:.65rem}.tutorial-actions button:disabled{opacity:.42;cursor:not-allowed;transform:none}.tutorial-note{margin:.85rem 0 0}@keyframes tutorial-place{0%,to{opacity:.55;transform:translateY(-10px) scale(.82)}45%,78%{opacity:1;transform:translateY(0) scale(1)}}@keyframes tutorial-score{0%,to{filter:brightness(1);transform:scale(1)}48%{filter:brightness(1.4);transform:scale(1.05);box-shadow:inset 0 1px #ffffff47,0 0 18px #ffebb87a}}@keyframes tutorial-clear{0%,64%{opacity:1;transform:scale(1)}to{opacity:.18;transform:scale(.72)}}@keyframes tutorial-turn{0%,to{box-shadow:0 0 color-mix(in srgb,var(--green-light) 0%,transparent)}46%{box-shadow:0 0 0 6px color-mix(in srgb,var(--green-light) 16%,transparent)}}@keyframes tutorial-score-pop{0%,to{transform:scale(1)}45%{transform:scale(1.16)}}@keyframes tile-place{0%{opacity:.4;transform:translateY(-7px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes scoring-pulse{0%,to{filter:brightness(1)}45%{filter:brightness(1.35);box-shadow:0 0 24px #ffebb8a6}}@keyframes invalid-border{0%,to{box-shadow:inset 0 3px 7px #1c0d0647}50%{box-shadow:inset 0 0 0 3px var(--danger)}}@keyframes board-clear-shake{0%,to{transform:translateZ(0)}18%{transform:translate3d(-4px,0,0) rotate(-.35deg)}36%{transform:translate3d(4px,0,0) rotate(.35deg)}54%{transform:translate3d(-3px,0,0) rotate(-.22deg)}72%{transform:translate3d(2px,0,0) rotate(.18deg)}}@keyframes board-clear-tile{0%{opacity:1;transform:scale(1)}45%{opacity:.92;transform:scale(.96)}to{opacity:0;transform:scale(.74)}}@keyframes score-rise{0%{opacity:0;transform:translateY(8px) scale(.92)}35%{opacity:1;transform:translateY(-3px) scale(1.08)}to{opacity:1;transform:translateY(-12px) scale(1)}}@keyframes turn-ready-flash{0%{border-color:color-mix(in srgb,var(--green-light) 88%,white);background:color-mix(in srgb,var(--green-light) 18%,var(--surface-raised));box-shadow:0 0 color-mix(in srgb,var(--green-light) 38%,transparent),0 8px 24px #00000014;transform:translateY(2px) scale(.985)}28%{border-color:color-mix(in srgb,var(--green-light) 82%,white);background:color-mix(in srgb,var(--green-light) 24%,var(--surface-raised));box-shadow:0 0 0 12px color-mix(in srgb,var(--green-light) 15%,transparent),0 18px 42px #0000002e;transform:translateY(-3px) scale(1.025)}62%{border-color:color-mix(in srgb,var(--green-light) 68%,var(--line));box-shadow:0 0 0 6px color-mix(in srgb,var(--green-light) 9%,transparent),0 12px 30px #0000001f;transform:translateY(-1px) scale(1.01)}to{border-color:var(--line);background:color-mix(in srgb,var(--surface-raised) 86%,transparent);box-shadow:none;transform:translateY(0) scale(1)}}@keyframes turn-ready-dot{0%,to{transform:scale(1)}28%{background:var(--green-light);box-shadow:0 0 0 12px color-mix(in srgb,var(--green-light) 22%,transparent);transform:scale(1.7)}}@keyframes turn-ready-label{0%,to{color:inherit;letter-spacing:normal}28%{color:var(--green-light);letter-spacing:.06em}}@keyframes turn-ready-sweep{0%{opacity:0;transform:rotate(18deg) translate(-180%)}18%{opacity:1}58%{opacity:.8;transform:rotate(18deg) translate(460%)}to{opacity:0;transform:rotate(18deg) translate(460%)}}@keyframes match-entry-pulse{0%{box-shadow:0 0 color-mix(in srgb,var(--green-light) 28%,transparent);transform:scale(.94)}55%{box-shadow:0 0 0 14px color-mix(in srgb,var(--green-light) 0%,transparent);transform:scale(1.04)}to{box-shadow:0 0 0 0 transparent;transform:scale(.94)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes panel-in{0%{opacity:0;transform:translateY(9px) scale(.98)}to{opacity:1;transform:none}}:root[data-motion=reduced] *,:root[data-motion=reduced] *:before,:root[data-motion=reduced] *:after{animation-duration:.12s!important;transition-duration:.1s!important}:root[data-motion=off] *,:root[data-motion=off] *:before,:root[data-motion=off] *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}@media (max-width: 1100px){.mode-grid{grid-template-columns:repeat(2,1fr)}.mode-card{min-height:340px}.match-config,.online-shell{grid-template-columns:1fr;gap:2rem}.game-layout{grid-template-columns:minmax(150px,190px) minmax(380px,600px) minmax(150px,190px);gap:1rem}.player-card{min-height:360px}.player-avatar{width:82px;height:82px;margin-top:1.4rem}}@media (max-width: 820px){.site-header,.game-header,.lobby-hero,.match-config,.online-shell,.lobby-footer,.game-footnote{width:min(100% - 2rem,680px)}.service-status{display:none}.lobby-hero{grid-template-columns:1fr;gap:2.5rem;padding-top:3.5rem}.hero-board{width:min(82vw,430px);justify-self:center}.mode-section{padding-inline:1rem}.section-heading{align-items:start;flex-direction:column}.section-heading>p{text-align:left}.game-layout{display:flex;width:min(100% - 1.25rem,620px);flex-direction:column;gap:.85rem;padding-top:1rem}.player-slot,.board-stage,.picker-slot{width:100%}.opponent-slot{order:1}.board-stage{order:2}.human-slot{order:3}.picker-slot{order:4;position:sticky;bottom:.5rem;z-index:20}.player-card{min-height:0;display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto auto;align-items:center;gap:.5rem .85rem;padding:.75rem}.player-card-status{grid-column:1 / -1;padding-bottom:.55rem}.player-avatar{grid-column:1;grid-row:2;width:62px;height:62px;margin:0}.player-identity{grid-column:2;grid-row:2;align-items:start;text-align:left}.player-meters{grid-column:3;grid-row:2;margin:0}.score-ring{width:65px;height:65px}.score-ring strong{font-size:1.25rem}.timer-ring{width:54px;height:54px}.score-delta{right:142px;bottom:18px}.resign-button{display:none}.turn-banner{width:min(100% - 1.25rem,620px)}.game-footnote{display:none}.game-board-frame{padding:clamp(14px,5vw,28px)}.tutorial-panel{width:min(100% - 1.25rem,560px);max-height:calc(100vh - 1.25rem);overflow-y:auto}.tutorial-stage,.tutorial-preview-body{grid-template-columns:1fr}.tutorial-game-preview{min-height:0}.tutorial-preview-side{grid-template-columns:repeat(3,1fr)}}@media (max-width: 560px){.brand-copy{display:none}.site-header,.game-header{min-height:64px}.header-button{min-height:38px}.match-label{gap:.4rem}.match-label span{display:none}.match-label strong{padding-left:0;border-left:0}.icon-button.labeled small{display:none}.icon-button.labeled{width:38px;padding:0;grid-template-columns:1fr}.hero-copy h1{font-size:clamp(2.45rem,13vw,4rem)}.mode-grid{grid-template-columns:1fr}.mode-card{min-height:320px}.choice-row,.join-row{grid-template-columns:1fr}.turn-banner{grid-template-columns:auto 1fr}.turn-banner small,.board-caption small{display:none}.game-board-frame{border-width:8px;border-radius:22px}.color-picker{display:block;padding:.5rem}.picker-label{display:none}.color-option{grid-template-columns:1fr;min-height:52px;padding:.35rem}.color-swatch{justify-self:center;width:38px;height:38px}.color-name,.color-option kbd{display:none}.player-meters{gap:.35rem}.score-ring{width:58px;height:58px}.timer-ring{width:49px;height:49px}.lobby-footer{flex-direction:column;gap:.5rem}.settings-panel,.help-panel,.confirm-panel,.result-panel{padding:1rem;border-radius:16px}}.app-frame{display:grid;grid-template-columns:214px minmax(0,1fr);min-height:100vh;color:var(--app-ink);background:radial-gradient(circle at 18% 18%,color-mix(in srgb,var(--bronze) 14%,transparent),transparent 30rem),radial-gradient(circle at 80% 42%,color-mix(in srgb,var(--green) 13%,transparent),transparent 25rem),linear-gradient(135deg,var(--app-page),var(--app-page-deep))}.app-sidebar{position:sticky;top:0;display:flex;height:100vh;flex-direction:column;padding:1.1rem .65rem;border-right:1px solid var(--app-line);background:var(--app-sidebar);box-shadow:10px 0 30px color-mix(in srgb,var(--app-page-deep) 28%,transparent)}.sidebar-brand{display:flex;width:100%;min-height:58px;align-items:center;padding:0 .55rem;border:0;border-radius:12px;color:var(--app-ink);background:transparent;cursor:pointer}.app-sidebar .brand-symbol{border-color:var(--app-line-strong);background:var(--app-panel-strong)}.app-sidebar .brand-copy small,.app-sidebar .brand-copy strong{color:var(--app-ink)}.sidebar-nav{display:grid;gap:.35rem;margin-top:1.2rem}.sidebar-menu{display:contents}.sidebar-nav button,.sidebar-bottom button{display:flex;width:100%;min-height:46px;align-items:center;padding:0 .85rem;border:0;border-radius:10px;color:var(--app-ink-soft);background:transparent;font-size:1rem;font-weight:800;cursor:pointer}.sidebar-nav button:hover,.sidebar-bottom button:hover{color:var(--app-ink);background:var(--app-sidebar-hover)}.sidebar-bottom{display:grid;gap:.35rem;margin-top:auto}.home-stage{display:grid;grid-template-columns:minmax(410px,.95fr) minmax(360px,.75fr);align-items:center;gap:clamp(2rem,4.5vw,4.5rem);min-height:100vh;padding:clamp(1.25rem,3.5vh,3rem) clamp(1.5rem,5vw,5rem)}.home-board-card{justify-self:center;width:min(40vw,620px)}.home-stage .hero-board{width:100%;gap:clamp(6px,.9vw,10px);padding:clamp(16px,2.1vw,28px);overflow:visible;border:clamp(8px,1.2vw,12px) solid var(--walnut-dark);border-radius:clamp(22px,3vw,32px);background:repeating-linear-gradient(93deg,rgba(255,255,255,.035) 0 1px,transparent 1px 28px),repeating-linear-gradient(2deg,rgba(0,0,0,.04) 0 1px,transparent 1px 38px),linear-gradient(135deg,var(--walnut-light),var(--walnut));box-shadow:var(--app-shadow),inset 0 0 0 2px #ffffff14,inset 0 0 22px #170c0633;transform:none}.home-stage .hero-board:before{display:none}.home-stage .hero-board i{position:relative;display:grid;place-items:center;border:1px solid rgba(255,241,218,.13);border-radius:clamp(8px,1.2vw,13px);background:#27160c45;box-shadow:inset 0 3px 7px #1c0d0647,0 1px #ffffff0a}.home-stage .hero-board .tile-a,.home-stage .hero-board .tile-b,.home-stage .hero-board .tile-c{background:#27160c45}.home-stage .hero-board .tile-a:after,.home-stage .hero-board .tile-b:after,.home-stage .hero-board .tile-c:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;box-shadow:inset 0 3px 2px #ffffff29,0 6px 16px #00000040}.home-stage .hero-board .tile-a:after{background:linear-gradient(145deg,var(--burgundy-light),var(--burgundy))}.home-stage .hero-board .tile-b:after{background:linear-gradient(145deg,var(--navy-light),var(--navy))}.home-stage .hero-board .tile-c:after{background:linear-gradient(145deg,var(--green-light),var(--green))}.home-copy{max-width:560px}.home-copy h1{margin-bottom:1.2rem;color:var(--app-ink);font-family:Inter,Pretendard,Noto Sans KR,system-ui,sans-serif;font-size:clamp(3rem,4.8vw,5.3rem);font-weight:950;line-height:1.04;letter-spacing:-.07em;word-break:keep-all}.home-copy>p:not(.eyebrow){max-width:470px;color:var(--app-ink-soft);font-size:1.15rem;font-weight:700;line-height:1.65;word-break:keep-all}.home-actions{display:grid;grid-template-columns:1fr;gap:.75rem;width:min(100%,500px);margin:1.5rem 0 .85rem}.home-primary,.home-secondary,.home-tutorial{min-height:58px;border-radius:10px;font-size:1.24rem;font-weight:950;cursor:pointer}.home-primary{border:0;color:var(--app-inverted);background:linear-gradient(180deg,var(--green-light),var(--green));box-shadow:0 6px color-mix(in srgb,var(--green) 70%,black),0 16px 34px #0000003d}.home-secondary{border:1px solid var(--app-line-strong);color:var(--app-ink);background:var(--app-panel);box-shadow:0 5px color-mix(in srgb,var(--walnut-dark) 18%,transparent)}.home-tutorial{min-height:46px;border:1px dashed var(--app-line-strong);border-radius:10px;color:var(--app-ink-soft);background:color-mix(in srgb,var(--app-panel) 72%,transparent);font-size:1rem;font-weight:900;cursor:pointer}.quick-config{display:flex;width:min(100%,500px);align-items:center;gap:.35rem;margin-top:.6rem;padding:.35rem;border:1px solid var(--app-line);border-radius:10px;background:var(--app-panel-muted)}.quick-config span{min-width:54px;padding-left:.55rem;color:var(--app-ink-soft);font-size:.72rem;font-weight:900;letter-spacing:.08em}.quick-config button{position:relative;flex:1;min-height:34px;border:0;border-radius:7px;color:var(--app-ink-soft);background:transparent;font-size:.78rem;font-weight:850;cursor:pointer}.quick-config button.active{color:var(--app-ink);background:var(--app-panel-strong)}.quick-config button.locked{color:color-mix(in srgb,var(--app-ink-soft) 58%,transparent);cursor:not-allowed}.quick-config button.locked small{display:block;margin-top:.1rem;font-size:.48rem;font-weight:900;letter-spacing:.06em}.quick-config button.locked:hover:after{content:attr(data-tooltip);position:absolute;z-index:20;left:50%;bottom:calc(100% + 8px);width:max-content;max-width:180px;padding:.42rem .55rem;border:1px solid var(--app-line);border-radius:8px;color:var(--app-ink);background:var(--app-panel-strong);box-shadow:0 10px 24px #0000003d;font-size:.66rem;font-weight:850;transform:translate(-50%);pointer-events:none}.home-mode-strip{display:grid;grid-template-columns:repeat(2,1fr);gap:.55rem;width:min(100%,500px);margin-top:.8rem}.home-mode{display:grid;gap:.2rem;min-height:78px;padding:.75rem;border:1px solid var(--app-line);border-radius:12px;color:var(--app-ink);background:var(--app-panel);text-align:left;cursor:pointer}.home-mode:hover{transform:translateY(-2px);border-color:var(--app-line-strong);background:var(--app-panel-strong)}.home-mode small{color:var(--app-ink-soft);font-size:.55rem;font-weight:900;letter-spacing:.12em}.home-mode strong{font-size:1rem}.home-mode span{color:var(--app-ink-soft);font-size:.75rem;font-weight:800}.visitor-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:.45rem;width:min(100%,500px);margin-top:.65rem}.visitor-strip span{display:flex;min-height:48px;align-items:center;justify-content:space-between;gap:.75rem;padding:.55rem .7rem;border:1px solid var(--app-line);border-radius:11px;background:color-mix(in srgb,var(--app-panel) 72%,transparent)}.visitor-strip small{color:var(--app-ink-soft);font-size:.62rem;font-weight:900;letter-spacing:.08em}.visitor-strip strong{color:var(--green-light);font-size:.92rem;font-weight:950}.game-page.app-frame{height:100vh;min-height:0;overflow:hidden}.online-page.app-frame{min-height:100vh;background:radial-gradient(circle at 78% 12%,color-mix(in srgb,var(--bronze) 13%,transparent),transparent 28rem),radial-gradient(circle at 32% 34%,color-mix(in srgb,var(--burgundy) 9%,transparent),transparent 24rem),linear-gradient(135deg,var(--app-page),var(--app-page-deep))}.app-content-shell{width:min(100% - 3rem,1180px);min-height:100vh;align-content:center;padding-block:clamp(2rem,6vh,5rem)}.app-content-shell .online-copy h1{color:var(--app-ink);font-family:Inter,Pretendard,Noto Sans KR,system-ui,sans-serif;font-size:clamp(2.8rem,5.4vw,5.2rem);font-weight:950;line-height:1.08;letter-spacing:-.07em}.app-content-shell .online-copy p:last-child{color:var(--app-ink-soft);font-size:1rem;font-weight:650}.app-content-shell .online-card{border-color:var(--app-line-strong);color:var(--app-ink);background:var(--app-panel);box-shadow:var(--app-shadow)}.app-content-shell .tier-guide-card{border-color:var(--app-line-strong);color:var(--app-ink);background:radial-gradient(circle at 96% 8%,color-mix(in srgb,var(--green-light) 8%,transparent),transparent 10rem),var(--app-panel);box-shadow:var(--app-shadow)}.app-content-shell .online-field span,.app-content-shell fieldset legend,.app-content-shell .online-message,.app-content-shell .match-history small,.app-content-shell .leaderboard-row small{color:var(--app-ink-soft)}.app-content-shell .online-field input,.app-content-shell .join-row input{border-color:var(--app-line);color:var(--app-ink);background:var(--app-panel-strong)}.app-content-shell .segmented-control,.app-content-shell .choice-row{border-color:var(--app-line);background:var(--app-panel-muted)}.app-content-shell .segmented-control button,.app-content-shell .choice-row button{color:var(--app-ink-soft)}.app-content-shell .segmented-control button.active,.app-content-shell .choice-row button.active{color:var(--app-ink);background:var(--app-panel-strong);box-shadow:none}.app-content-shell .account-summary h2,.app-content-shell .account-summary h3,.app-content-shell .matchmaking-card h2{color:var(--app-ink)}.app-content-shell .profile-stats span,.app-content-shell .match-history p,.app-content-shell .tier-guide-item,.app-content-shell .leaderboard-row,.app-content-shell .waiting-room{border-color:var(--app-line);background:var(--app-panel-muted)}.app-content-shell .tier-guide-copy small{color:var(--app-ink-soft)}.app-content-shell .tier-requirement{color:var(--green-light)}.app-content-shell .leaderboard-row>strong{color:var(--green-light)}.game-shell{display:grid;grid-template-rows:54px minmax(0,1fr);min-width:0;height:100vh;padding:1rem 1.5rem 1.25rem}.game-topbar{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;min-width:0}.game-topbar .match-label{position:static;justify-self:center;transform:none}.game-topbar .match-label span,.game-topbar .match-label strong{color:var(--app-ink-soft)}.game-topbar .icon-button{border-color:var(--app-line);color:var(--app-ink-soft);background:var(--app-panel)}.game-page .game-layout{display:grid;grid-template-columns:minmax(420px,min(68vh,calc(100vw - 610px),720px)) minmax(292px,340px);grid-template-areas:"board panel";align-items:center;justify-content:center;gap:clamp(1rem,2vw,2rem);width:100%;height:100%;margin:0;padding:0}.game-page .board-stage{grid-area:board;width:min(68vh,calc(100vw - 610px),720px);min-width:420px}.game-page .board-caption{color:var(--app-ink-soft)}.game-page .game-board-frame{padding:clamp(12px,2.2vh,22px);border-width:clamp(8px,1.25vh,12px);border-radius:clamp(18px,3vh,28px);box-shadow:0 20px 54px #00000061,inset 0 0 0 2px #ffffff14}.game-control-panel{grid-area:panel;display:flex;max-height:calc(100vh - 92px);min-height:0;flex-direction:column;gap:.7rem}.game-control-panel .player-card{display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto auto;align-items:center;gap:.55rem .75rem;min-height:0;padding:.8rem;border-color:var(--app-line);border-radius:12px;color:var(--app-ink);background:var(--app-panel);box-shadow:none}.game-control-panel .player-card.active{border-color:color-mix(in srgb,var(--burgundy) 64%,rgba(255,255,255,.15));transform:none;box-shadow:0 0 0 1px color-mix(in srgb,var(--burgundy) 22%,transparent)}.game-control-panel .player-card-status{grid-column:1 / -1;padding-bottom:.48rem;border-bottom-color:var(--app-line);color:var(--app-ink-soft)}.game-control-panel .player-avatar{grid-column:1;grid-row:2;width:52px;height:52px;margin:0;background:var(--app-panel-muted)}.game-control-panel .player-avatar span{width:32px;height:32px;font-size:.78rem}.game-control-panel .player-identity{grid-column:2;grid-row:2;align-items:start;text-align:left}.game-control-panel .player-identity strong{color:var(--app-ink);font-family:Inter,Pretendard,Noto Sans KR,system-ui,sans-serif;font-size:.98rem;font-weight:900}.game-control-panel .player-identity span{color:var(--app-ink-soft)}.game-control-panel .player-meters{grid-column:3;grid-row:2;margin:0}.game-control-panel .score-ring{width:56px;height:56px}.game-control-panel .score-ring:after,.game-control-panel .timer-ring:after{top:5px;right:5px;bottom:5px;left:5px;background:var(--app-page)}.game-control-panel .score-ring strong{font-size:1.15rem}.game-control-panel .timer-ring{width:48px;height:48px}.game-control-panel .timer-ring strong{font-size:.86rem}.game-control-panel .turn-banner{grid-template-columns:auto 1fr;width:100%;min-height:0;margin:0;padding:.85rem;border-color:var(--app-line);color:var(--app-ink);background:var(--app-panel-muted);box-shadow:none}.game-control-panel .turn-banner small{grid-column:2;justify-self:start;color:var(--app-ink-soft)}.game-control-panel .color-picker{display:grid;gap:.55rem;padding:.75rem;border-color:var(--app-line);background:var(--app-panel);box-shadow:none}.game-control-panel .picker-label{display:flex;min-width:0;flex-direction:row;align-items:baseline;justify-content:space-between;padding:0;color:var(--app-ink-soft)}.game-control-panel .color-options{gap:.35rem}.game-control-panel .color-option{grid-template-columns:1fr auto;min-height:44px;border-color:var(--app-line);background:var(--app-panel-muted)}.game-control-panel .color-name{display:none}.game-control-panel .resign-button{min-height:46px;border-color:var(--app-line);color:var(--app-ink-soft);background:var(--app-panel)}.game-control-panel .score-delta{right:.6rem;bottom:.55rem}@media (max-width: 1200px){.app-frame{grid-template-columns:184px minmax(0,1fr)}.game-page .game-layout{grid-template-columns:minmax(360px,min(64vh,calc(100vw - 530px),620px)) minmax(270px,320px)}.game-page .board-stage{width:min(64vh,calc(100vw - 530px),620px);min-width:360px}}@media (max-width: 980px){.app-frame{display:block}.app-sidebar{position:relative;display:grid;grid-template-columns:auto 1fr auto;height:auto;min-height:64px;align-items:center;padding:.45rem .75rem;border-right:0;border-bottom:1px solid rgba(255,245,225,.08)}.sidebar-brand{width:auto}.sidebar-nav{display:flex;margin:0;overflow-x:auto}.sidebar-nav button,.sidebar-bottom button{white-space:nowrap}.sidebar-bottom{margin:0}.home-stage{grid-template-columns:1fr;min-height:auto;padding:2rem 1.2rem}.home-board-card{width:min(100%,560px)}.home-mode-strip{grid-template-columns:repeat(2,1fr)}.game-page.app-frame{height:auto;min-height:100vh;overflow:visible}.game-shell{height:auto;min-height:calc(100vh - 64px);padding:.75rem}.game-page .game-layout{display:flex;flex-direction:column;gap:.8rem}.game-page .board-stage{width:min(100%,620px);min-width:0}.game-control-panel{width:min(100%,620px);max-height:none}}@media (max-height: 760px) and (min-width: 981px){.home-stage{gap:clamp(1.2rem,3vw,3rem);padding-block:.9rem}.home-board-card{width:min(38vw,490px)}.home-copy h1{margin-bottom:.75rem;font-size:clamp(2.6rem,4.1vw,4.2rem)}.home-copy>p:not(.eyebrow){font-size:.96rem;line-height:1.45}.home-actions{gap:.5rem;margin:.9rem 0 .6rem}.home-primary,.home-secondary,.home-tutorial{min-height:48px;font-size:1.05rem}.quick-config{margin-top:.38rem}.quick-config button{min-height:30px}.home-mode-strip{gap:.4rem;margin-top:.55rem}.visitor-strip{gap:.35rem;margin-top:.45rem}.visitor-strip span{min-height:40px;padding:.45rem .55rem}.home-mode{min-height:62px;padding:.58rem .65rem}.home-mode small{display:none}}@media (max-width: 620px){.app-sidebar .brand-copy,.game-topbar .match-label span,.game-control-panel .picker-label{display:none}.home-copy h1{font-size:clamp(2.4rem,13vw,4rem)}.home-mode-strip,.visitor-strip{grid-template-columns:1fr}.quick-config{display:grid;grid-template-columns:1fr 1fr 1fr}.quick-config span{grid-column:1 / -1}.game-topbar{grid-template-columns:auto auto}.game-topbar .match-label{display:none}.game-control-panel .color-picker{position:sticky;bottom:.5rem;z-index:20}.tutorial-panel{padding:.9rem}.tutorial-preview-side,.tutorial-actions,.tier-guide-list{grid-template-columns:1fr}}.language-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.language-grid button,.replay-buttons button{border:1px solid var(--line);border-radius:.7rem;background:var(--surface-raised);color:var(--ink);padding:.7rem .8rem;cursor:pointer}.language-grid button.active{border-color:var(--burgundy);background:color-mix(in srgb,var(--burgundy) 12%,var(--surface-raised));color:var(--burgundy);font-weight:800}.room-share-actions,.replay-header-actions,.replay-buttons{display:flex;flex-wrap:wrap;gap:.55rem}.queue-estimate{display:grid;gap:.35rem;margin:.75rem 0 1rem;padding:.9rem;border:1px solid var(--line);border-radius:.8rem;background:var(--surface-muted)}.queue-estimate span,.queue-estimate small{color:var(--ink-soft)}.replay-shell{width:min(1180px,calc(100% - 2rem));margin:0 auto;padding:2rem 0 3rem}.replay-header{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}.replay-header h1{margin:.25rem 0}.replay-layout{display:grid;grid-template-columns:minmax(180px,.7fr) minmax(320px,1.6fr) minmax(180px,.7fr);align-items:start;gap:1rem}.replay-board-column{display:grid;gap:1rem}.replay-controls{display:grid;gap:.8rem;padding:1rem;border:1px solid var(--line);border-radius:1rem;background:var(--surface);box-shadow:var(--shadow-card)}.replay-step-label{display:flex;justify-content:space-between;gap:1rem}.replay-controls input[type=range]{width:100%;accent-color:var(--burgundy)}.replay-playback-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.replay-play-toggle,.replay-speed button{min-height:40px;border:1px solid var(--line);border-radius:.7rem;color:var(--ink);background:var(--surface-raised);font-weight:850;cursor:pointer}.replay-play-toggle{min-width:132px;padding:.6rem .9rem}.replay-speed{display:inline-grid;grid-template-columns:repeat(3,1fr);gap:.3rem;padding:.25rem;border:1px solid var(--line);border-radius:.85rem;background:var(--surface-muted)}.replay-speed button{min-width:48px;padding:.45rem .6rem}.replay-speed button.active{border-color:var(--burgundy);color:var(--burgundy);background:color-mix(in srgb,var(--burgundy) 12%,var(--surface-raised));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--burgundy) 32%,transparent)}.replay-buttons button:disabled{opacity:.42;cursor:default}@media (min-width: 981px){.game-page .replay-shell{display:grid;grid-template-rows:auto minmax(0,1fr);width:min(1180px,calc(100% - 2rem));height:100vh;min-height:0;align-content:stretch;padding:clamp(.7rem,1.6vh,1.1rem) 0;overflow:hidden}.game-page .replay-header{align-items:center;margin-bottom:clamp(.55rem,1.2vh,.9rem)}.game-page .replay-header h1{font-size:clamp(1.55rem,2.2vw,2.25rem)}.game-page .replay-header>div:first-child>p:last-child{margin:0;font-size:.78rem}.game-page .replay-header-actions .primary-action,.game-page .replay-header-actions .secondary-action{min-height:44px;padding-inline:.9rem}.game-page .replay-layout{grid-template-columns:minmax(160px,210px) minmax(380px,560px) minmax(160px,210px);min-height:0;align-items:start;justify-content:center;gap:clamp(.65rem,1.2vw,1rem)}.game-page .replay-board-column{width:min(100%,calc(100vh - 390px),560px);min-width:380px;justify-self:center;gap:.6rem}.game-page .replay-controls{gap:.5rem;padding:.7rem;border-radius:.8rem}.game-page .replay-play-toggle,.game-page .replay-speed button{min-height:34px}.game-page .replay-play-toggle{min-width:118px;padding:.4rem .65rem}.game-page .replay-speed button{min-width:40px;padding:.3rem .45rem}.game-page .replay-buttons button{padding:.48rem .62rem}.game-page .replay-layout>.player-card{min-height:min(48vh,430px);height:min(48vh,430px);padding:.75rem}.game-page .replay-layout>.player-card .player-card-status{padding-bottom:.55rem}.game-page .replay-layout>.player-card .player-avatar{width:76px;height:76px;margin:1rem 0 .75rem}.game-page .replay-layout>.player-card .player-avatar span{width:44px;height:44px;font-size:.95rem}.game-page .replay-layout>.player-card .player-identity strong{font-size:1rem}.game-page .replay-layout>.player-card .score-ring{width:70px;height:70px}.game-page .replay-layout>.player-card .score-ring strong{font-size:1.35rem}}.floating-replay-link{position:fixed;right:1rem;bottom:1rem;z-index:110;border:0;border-radius:999px;background:var(--navy);color:#fff;padding:.85rem 1.1rem;box-shadow:var(--shadow-card);cursor:pointer}.match-history article{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.8rem 0;border-bottom:1px solid var(--line)}.match-history article span{display:grid;gap:.2rem}.match-history article a{color:var(--burgundy);font-weight:800}@media (max-width: 980px){.leaderboard-shell{grid-template-columns:1fr;width:min(calc(100% - 2rem),760px)}.replay-layout{grid-template-columns:1fr}.replay-layout>.player-card{max-width:none}}@media (max-width: 620px){.replay-header{align-items:stretch;flex-direction:column}.language-grid{grid-template-columns:1fr}.leaderboard-shell .tier-guide-list{grid-template-columns:repeat(2,minmax(0,1fr))}.replay-playback-row{align-items:stretch;flex-direction:column}.replay-play-toggle,.replay-speed{width:100%}}@media (max-width: 640px){.app-frame{padding-bottom:calc(68px + var(--safe-area-bottom))}.app-sidebar{position:sticky;top:0;z-index:50;display:flex;flex-direction:row;align-items:center;min-height:58px;padding:.4rem max(.55rem,var(--safe-area-right)) .4rem max(.55rem,var(--safe-area-left));border-bottom:1px solid var(--app-line);background:var(--app-sidebar)}.sidebar-brand{min-height:46px;padding-inline:.2rem}.app-sidebar .brand-copy{display:none}.app-sidebar .sidebar-bottom{display:flex;gap:.1rem;margin-left:auto}.app-sidebar .sidebar-bottom button{width:auto;min-height:42px;padding-inline:.5rem;font-size:.7rem}.app-sidebar .sidebar-nav{position:fixed;right:0;bottom:0;left:0;z-index:60;display:grid;grid-auto-columns:minmax(76px,1fr);grid-auto-flow:column;gap:0;margin:0;padding:.28rem max(.35rem,var(--safe-area-right)) max(.28rem,var(--safe-area-bottom)) max(.35rem,var(--safe-area-left));overflow-x:auto;border-top:1px solid var(--app-line);background:var(--app-sidebar);box-shadow:0 -12px 28px color-mix(in srgb,var(--app-page-deep) 28%,transparent);scrollbar-width:none}.app-sidebar .sidebar-nav::-webkit-scrollbar{display:none}.app-sidebar .sidebar-nav button{justify-content:center;min-height:52px;padding:.45rem;font-size:.72rem}.legal-shell{padding:1.4rem 1rem}}.home-account-card{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.9rem;width:min(100%,500px);margin:.2rem 0 .85rem;padding:.85rem;border:1px solid color-mix(in srgb,var(--green-light) 42%,var(--app-line));border-radius:14px;background:radial-gradient(circle at 10% 0%,color-mix(in srgb,var(--green-light) 12%,transparent),transparent 10rem),var(--app-panel);box-shadow:0 10px 26px #00000024}.home-account-card small{display:block;color:var(--green-light);font-size:.62rem;font-weight:950;letter-spacing:.12em;text-transform:uppercase}.home-account-card strong{display:block;margin-top:.16rem;color:var(--app-ink);font-size:.98rem;font-weight:950;word-break:keep-all}.home-account-card p{margin:.22rem 0 0;color:var(--app-ink-soft);font-size:.72rem;font-weight:800;line-height:1.45;word-break:keep-all}.home-account-card button{min-height:44px;padding:0 .85rem;border:0;border-radius:10px;color:var(--app-inverted);background:var(--burgundy);font-size:.82rem;font-weight:950;white-space:nowrap;cursor:pointer}.patch-notes-backdrop{background:radial-gradient(circle at 62% 22%,color-mix(in srgb,var(--burgundy) 20%,transparent),transparent 24rem),#18130f9e}.patch-notes-panel{width:min(100%,660px);max-height:calc(100vh - 2rem);padding:1.35rem;overflow-y:auto;border:1px solid var(--line-strong);border-radius:22px;background:var(--surface-raised);box-shadow:0 30px 88px #100a0661,inset 0 0 0 3px color-mix(in srgb,var(--surface-muted) 48%,transparent);animation:panel-in .22s ease both}.patch-notes-summary{margin:1rem 0;color:var(--ink-soft);font-size:.84rem;font-weight:750;line-height:1.7;word-break:keep-all}.patch-note-list{display:grid;gap:.65rem;margin:0;padding:0;list-style:none}.patch-note-list li{display:grid;grid-template-columns:42px minmax(0,1fr);gap:.75rem;padding:.85rem;border:1px solid var(--line);border-radius:14px;background:linear-gradient(135deg,color-mix(in srgb,var(--surface) 80%,transparent),var(--surface-raised))}.patch-note-list li>span{display:grid;width:34px;height:34px;place-items:center;border:1px solid var(--line);border-radius:50%;color:var(--burgundy);background:var(--surface-muted);font-size:.7rem;font-weight:950}.patch-note-list small{color:var(--burgundy);font-size:.58rem;font-weight:950;letter-spacing:.14em}.patch-note-list strong{display:block;margin-top:.12rem;font-size:.98rem}.patch-note-list p{margin:.22rem 0 0;color:var(--ink-soft);font-size:.76rem;font-weight:720;line-height:1.55;word-break:keep-all}.patch-notes-confirm{width:100%;margin-top:1rem}.tutorial-rule-summary{display:grid;gap:.45rem;margin:.75rem 0 0;padding:0;list-style:none}.tutorial-rule-summary li{display:grid;grid-template-columns:30px minmax(0,1fr);gap:.25rem .55rem;align-items:center;padding:.55rem;border:1px solid var(--line);border-radius:10px;background:color-mix(in srgb,var(--surface-raised) 70%,transparent)}.tutorial-rule-summary span{grid-row:span 2;color:var(--burgundy);font-size:.62rem;font-weight:950}.tutorial-rule-summary b{color:var(--ink);font-size:.78rem}.tutorial-rule-summary small{color:var(--ink-soft);font-size:.68rem;line-height:1.45;word-break:keep-all}.tutorial-score-table{display:grid;grid-template-columns:repeat(3,1fr);gap:.4rem;margin-top:.65rem}.tutorial-score-table span{display:flex;min-height:42px;align-items:center;justify-content:center;gap:.45rem;border:1px solid var(--line);border-radius:10px;background:var(--surface-raised)}.tutorial-score-table i{display:grid;width:28px;height:28px;place-items:center;border-radius:9px;color:#fff;background:var(--burgundy);font-style:normal;font-weight:950}.tutorial-score-table b{font-size:.75rem}.game-shell{position:relative}@media (max-width: 980px){.home-account-card{grid-template-columns:1fr}}.tutorial-panel{max-height:calc(100vh - 2rem);overflow-y:auto}.tutorial-example-list{display:grid;gap:.55rem;margin:.85rem 0 0;padding:0;list-style:none}.tutorial-example-list li{position:relative;padding:.65rem .75rem .65rem 2rem;border:1px solid var(--line);border-radius:12px;color:var(--ink-soft);background:color-mix(in srgb,var(--surface-raised) 72%,transparent);font-size:.76rem;font-weight:760;line-height:1.55;word-break:keep-all}.tutorial-example-list li:before{content:"→";position:absolute;left:.75rem;top:.62rem;color:var(--burgundy);font-weight:950}.tutorial-score-table.compact{margin-top:.75rem}.tutorial-preview-score strong{max-width:100%;overflow-wrap:anywhere;text-align:center;font-size:clamp(1.15rem,2.4vw,1.65rem);line-height:1.05}.tutorial-preview-compare{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;min-width:0;align-self:center}.tutorial-preview-compare>div{display:grid;gap:.35rem;min-width:0}.tutorial-preview-compare span{color:var(--ink-soft);font-size:.58rem;font-weight:950;letter-spacing:.08em;text-align:center}.tutorial-preview-board.mini{gap:.22rem;padding:.34rem;border-width:4px;border-radius:12px}.tutorial-preview-board.mini .tutorial-preview-cell{border-radius:6px}.tutorial-preview-cell.full-cleared:after{opacity:.12;transform:scale(.62);background:var(--navy);box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--navy) 50%,white)}.tutorial-game-preview.full .tutorial-preview-body{grid-template-columns:minmax(0,1fr) 108px}@media (max-width: 620px){.tutorial-preview-compare{gap:.35rem}}.patch-notes-page{width:min(calc(100% - 3rem),1060px)}.patch-release-list{display:grid;gap:.85rem;width:min(100%,820px)}.patch-release-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.35rem 1rem;align-items:center;padding:1.05rem 1.15rem;border:1px solid var(--app-line);border-radius:16px;color:var(--app-ink);background:radial-gradient(circle at 0% 0%,color-mix(in srgb,var(--burgundy) 11%,transparent),transparent 14rem),var(--app-panel);box-shadow:0 12px 28px #00000024;text-align:left;cursor:pointer;transition:transform var(--duration) ease,border-color var(--duration) ease,background var(--duration) ease}.patch-release-card:hover{transform:translateY(-2px);border-color:var(--app-line-strong);background:var(--app-panel-strong)}.patch-release-version{color:var(--burgundy-light);font-size:.82rem;font-weight:950;letter-spacing:.08em}.patch-release-date{color:var(--app-ink-soft);font-size:.72rem;font-weight:850}.patch-release-card strong{grid-column:1 / -1;font-size:clamp(1.35rem,2.8vw,2rem);font-weight:950;letter-spacing:-.045em}.patch-release-card small{grid-column:1 / -1;max-width:660px;color:var(--app-ink-soft);font-size:.84rem;font-weight:760;line-height:1.55;word-break:keep-all}.patch-release-card i{justify-self:start;margin-top:.35rem;color:var(--green-light);font-size:.76rem;font-style:normal;font-weight:950}.patch-notes-summary{display:grid;gap:.35rem}.patch-notes-summary strong{color:var(--ink);font-size:1rem}.patch-notes-summary span{color:var(--ink-soft)}.patch-notes-page{justify-self:start;width:min(calc(100% - 4rem),1060px);padding-inline-start:clamp(1rem,2vw,1.75rem)}.patch-notes-page .online-copy h1{max-width:100%;padding-inline-start:.08em;overflow:visible;font-size:clamp(3.1rem,4.8vw,4.8rem);letter-spacing:-.045em}.patch-notes-page .online-copy{overflow:visible}.tutorial-game-preview.full .tutorial-preview-board.before-full .tutorial-preview-cell:not(.red-tile):not(.green-tile):not(.blue-tile){outline:2px dashed color-mix(in srgb,var(--navy) 62%,white);outline-offset:-4px;background:linear-gradient(135deg,#ffffff14,#0000001a),color-mix(in srgb,var(--walnut-dark) 56%,var(--navy))}@media (max-width: 720px){.game-topbar .game-settings-action{display:none}}@media (max-width: 640px){.app-frame{padding-bottom:calc(86px + var(--safe-area-bottom))}.app-sidebar{min-height:54px;padding-block:.3rem}.sidebar-brand{min-height:42px}.sidebar-menu{position:fixed;right:0;bottom:0;left:0;z-index:60;display:grid;grid-template-columns:repeat(20,minmax(0,1fr));gap:.15rem;padding:.28rem max(.35rem,var(--safe-area-right)) max(.28rem,var(--safe-area-bottom)) max(.35rem,var(--safe-area-left));border-top:1px solid var(--app-line);background:color-mix(in srgb,var(--app-sidebar) 96%,transparent);box-shadow:0 -12px 28px color-mix(in srgb,var(--app-page-deep) 28%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.app-sidebar .sidebar-nav,.app-sidebar .sidebar-bottom{display:contents}.app-sidebar .sidebar-nav{position:static;margin:0;padding:0;overflow:visible;border:0;background:transparent;box-shadow:none}.app-sidebar .sidebar-nav button,.app-sidebar .sidebar-bottom button{grid-column:span 4;justify-content:center;width:auto;min-height:36px;padding:.15rem .1rem;border-radius:7px;font-size:.62rem;line-height:1.08;text-align:center;white-space:normal}.app-sidebar .sidebar-nav button:nth-child(n+6),.app-sidebar .sidebar-bottom button{grid-column:span 4;grid-row:auto}.app-content-shell{width:min(calc(100% - 1.25rem),560px);min-height:0;align-content:start;gap:1.05rem;padding:1.15rem 0 1.5rem}.app-content-shell .online-copy .eyebrow{margin-bottom:.4rem}.app-content-shell .online-copy h1,.patch-notes-page .online-copy h1{max-width:100%;margin-bottom:.7rem;padding-inline-start:0;font-size:clamp(1.9rem,8.5vw,2.45rem);line-height:1.12;letter-spacing:-.055em}.app-content-shell .online-copy p:last-child{margin-bottom:0;font-size:.84rem;line-height:1.55}.app-content-shell .online-card{gap:.75rem;padding:.9rem;border-radius:15px}.app-content-shell .account-summary h2,.app-content-shell .matchmaking-card h2{font-size:1.55rem}.app-content-shell .primary-action,.app-content-shell .secondary-action,.app-content-shell .danger-action{min-height:46px;padding:.65rem .8rem;font-size:.88rem}.app-content-shell .online-field input,.app-content-shell .join-row input{min-height:44px}.account-shell,.leaderboard-shell,.patch-notes-page{width:min(calc(100% - 1.25rem),560px)}.home-stage{gap:1.25rem;padding:1.15rem .8rem 1.5rem}.home-copy h1{margin-bottom:.75rem;font-size:clamp(2.15rem,10.5vw,3rem)}.home-copy>p:not(.eyebrow){font-size:.86rem;line-height:1.55}.modal-backdrop{min-height:100dvh;padding:max(1.6rem,calc(var(--safe-area-top) + .55rem)) max(.65rem,calc(var(--safe-area-right) + .4rem)) max(1rem,calc(var(--safe-area-bottom) + .55rem)) max(.65rem,calc(var(--safe-area-left) + .4rem))}.settings-panel,.help-panel,.confirm-panel,.result-panel,.tutorial-panel,.patch-notes-panel{width:min(100%,520px);max-height:calc(100dvh - var(--safe-area-top) - var(--safe-area-bottom) - 3.2rem);padding:.85rem;border-radius:17px;overscroll-behavior:contain}.panel-heading{padding-bottom:.65rem}.panel-heading h2,.confirm-panel h2,.result-panel h2{font-size:1.35rem}.tutorial-heading{gap:.5rem}.tutorial-heading .eyebrow{margin-bottom:.3rem}.tutorial-panel h2{margin-bottom:.65rem;font-size:1.28rem;line-height:1.18}.tutorial-stage{gap:.55rem}.tutorial-game-preview{gap:.45rem;min-height:0;padding:.55rem;border-radius:13px}.tutorial-preview-body{grid-template-columns:minmax(0,1fr) 82px;gap:.45rem;align-items:center}.tutorial-game-preview>.tutorial-preview-body>.tutorial-preview-board{justify-self:center;width:min(100%,180px);padding:.4rem;border-width:5px;border-radius:14px}.tutorial-preview-side{grid-template-columns:1fr;gap:.35rem}.tutorial-preview-status,.tutorial-preview-choice,.tutorial-preview-score{min-height:42px;padding:.4rem}.tutorial-card{gap:.35rem;padding:.7rem;border-radius:12px}.tutorial-card>strong{font-size:1.05rem}.tutorial-card>p{margin-bottom:0;font-size:.74rem;line-height:1.45}.tutorial-example-list{gap:.3rem;margin-top:.45rem}.tutorial-example-list li{padding:.45rem .5rem .45rem 1.75rem;font-size:.68rem;line-height:1.4}.tutorial-example-list li:before{left:.6rem;top:.42rem}.tutorial-dots{margin-block:.55rem}.tutorial-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem}.tutorial-actions .primary-action,.tutorial-actions .secondary-action{min-height:44px;padding:.55rem .65rem}.tutorial-note{margin-top:.55rem;font-size:.66rem;line-height:1.35}.patch-notes-panel{padding:.85rem}.patch-notes-summary{margin:.7rem 0;font-size:.75rem;line-height:1.5}.patch-note-list{gap:.45rem}.patch-note-list li{grid-template-columns:32px minmax(0,1fr);gap:.5rem;padding:.6rem;border-radius:11px}.patch-note-list li>span{width:28px;height:28px;font-size:.62rem}.patch-note-list strong{font-size:.86rem}.patch-note-list p{font-size:.68rem;line-height:1.4}.patch-notes-confirm{position:static;min-height:46px;margin-top:.7rem}.game-page.app-frame{min-height:100dvh;padding-bottom:calc(86px + var(--safe-area-bottom))}.game-shell{grid-template-rows:46px auto;min-height:0;padding:.4rem .65rem .8rem}.game-topbar{gap:.45rem}.game-topbar .icon-button{width:38px;height:38px}.game-page .game-layout{gap:.55rem;height:auto}.game-page .game-control-panel{order:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"opponent player" "turn picker";gap:.45rem;width:100%;max-height:none}.game-control-panel>.player-card:first-of-type{grid-area:opponent}.game-control-panel>.player-card:last-of-type{grid-area:player}.game-control-panel>.turn-banner{grid-area:turn}.game-control-panel>.color-picker{grid-area:picker}.game-page .game-control-panel .player-card{grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;gap:.3rem .35rem;min-width:0;padding:.5rem}.game-control-panel .player-card-status{padding-bottom:.28rem;font-size:.46rem}.game-control-panel .player-avatar{display:none}.game-control-panel .player-identity{grid-column:1;min-width:0}.game-control-panel .player-identity strong{max-width:100%;overflow:hidden;font-size:.78rem;text-overflow:ellipsis;white-space:nowrap}.game-control-panel .player-identity span{margin-top:.15rem;font-size:.55rem}.game-control-panel .player-meters{grid-column:2;gap:.2rem}.game-control-panel .score-ring{width:42px;height:42px}.game-control-panel .timer-ring{width:38px;height:38px}.game-control-panel .score-ring:after,.game-control-panel .timer-ring:after{top:4px;right:4px;bottom:4px;left:4px}.game-control-panel .score-ring strong{font-size:.88rem}.game-control-panel .score-ring small,.game-control-panel .timer-ring small{font-size:.48rem}.game-control-panel .timer-ring strong{font-size:.7rem}.game-control-panel .turn-banner{min-height:52px;padding:.55rem}.game-control-panel .turn-banner strong{font-size:.72rem}.game-control-panel .color-picker{align-self:stretch;gap:.3rem;padding:.35rem}.game-control-panel .color-options{gap:.2rem}.game-control-panel .color-option{min-height:44px;padding:.25rem}.game-control-panel .color-swatch{width:30px;height:30px}.game-page .board-stage{order:2;width:min(100%,52dvh);min-width:0;align-self:center}.game-page .board-caption{margin-bottom:.35rem;font-size:.54rem}.game-page .game-board-frame{padding:10px;border-width:7px;border-radius:18px}}.store-shell{width:min(calc(100% - 4rem),1320px);align-content:start;gap:1.5rem;padding-block:3rem 5rem}.store-hero{display:flex;align-items:end;justify-content:space-between;gap:2rem}.store-hero h1{max-width:760px;margin-bottom:.8rem;font-family:Georgia,Times New Roman,serif;font-size:clamp(2.5rem,5vw,5.5rem);line-height:.98;letter-spacing:-.055em}.store-hero>div:first-child>p:last-child{max-width:720px;color:var(--app-ink-soft);line-height:1.7}.chip-wallet{display:grid;grid-template-columns:auto auto;gap:.15rem .65rem;min-width:180px;padding:1rem 1.2rem;border:1px solid var(--app-line-strong);border-radius:18px;background:var(--app-panel-strong);box-shadow:var(--app-shadow)}.chip-wallet>span{grid-row:1 / span 2;align-self:center;color:#d7ad52;font-size:1.8rem}.chip-wallet small{color:var(--app-ink-soft);font-weight:700}.chip-wallet strong{font-size:1.6rem}.store-section,.palette-box-card,.locked-pack-card,.store-empty{border:1px solid var(--app-line);border-radius:24px;background:var(--app-panel);box-shadow:var(--app-shadow)}.store-section{padding:1.4rem}.store-section-heading,.economy-account-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem}.store-section-heading h2,.palette-box-card h2,.locked-pack-card h2{margin-bottom:0;font-family:Georgia,Times New Roman,serif;font-size:1.9rem}.store-section-heading>span{color:var(--app-ink-soft);font-size:.8rem}.store-rarity-group{margin-top:1.5rem}.store-rarity-group>h3{margin-bottom:.65rem;font-size:.75rem;letter-spacing:.14em;text-transform:uppercase}.cosmetic-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:.8rem}.cosmetic-card{display:grid;grid-template-rows:122px 1fr auto;gap:.8rem;min-width:0;padding:.75rem;overflow:hidden;border:1px solid var(--app-line);border-radius:17px;background:var(--app-panel-strong)}.cosmetic-preview{position:relative;display:grid;grid-template-columns:repeat(3,1fr);place-items:center;gap:.4rem;overflow:hidden;border-radius:12px;background:radial-gradient(circle at 22% 15%,color-mix(in srgb,var(--skin-primary) 65%,white),transparent 42%),linear-gradient(135deg,var(--skin-secondary),color-mix(in srgb,var(--skin-primary) 70%,black))}.cosmetic-preview:after{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(115deg,transparent 25%,rgba(255,255,255,.22) 45%,transparent 62%);content:""}.cosmetic-preview span{width:44px;aspect-ratio:1;border:1px solid rgba(255,255,255,.24);border-radius:13px;background:color-mix(in srgb,var(--skin-primary) 85%,white);box-shadow:inset 0 -8px 16px #0000002e,0 8px 18px #0003}.cosmetic-card small{color:var(--app-ink-soft);font-size:.65rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.cosmetic-card h4{margin:.2rem 0;font-size:1.02rem}.cosmetic-card p{margin-bottom:0;color:var(--app-ink-soft);font-size:.73rem;line-height:1.45}.cosmetic-card button{min-height:40px;padding:.45rem;font-size:.78rem}.rarity-common{color:#9b948b}.rarity-rare{color:#4b8fba}.rarity-epic{color:#a762c4}.rarity-legendary{color:#db9b37}.rarity-border-common{border-color:color-mix(in srgb,#9b948b 38%,transparent)}.rarity-border-rare{border-color:color-mix(in srgb,#4b8fba 45%,transparent)}.rarity-border-epic{border-color:color-mix(in srgb,#a762c4 50%,transparent)}.rarity-border-legendary{border-color:color-mix(in srgb,#db9b37 55%,transparent)}.store-feature-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:1rem}.palette-box-card,.locked-pack-card{display:grid;align-content:start;gap:1rem;padding:1.35rem}.palette-box-visual{display:flex;justify-content:center;gap:.5rem;padding:1.7rem;border-radius:18px;background:linear-gradient(135deg,#46706038,#9d455c33);font-size:2.3rem}.palette-box-visual span:nth-child(1){color:#99938b}.palette-box-visual span:nth-child(2){color:#4b8fba}.palette-box-visual span:nth-child(3){color:#a762c4}.palette-box-visual span:nth-child(4){color:#db9b37}.box-odds summary{cursor:pointer;color:var(--app-ink-soft);font-size:.78rem;font-weight:800}.box-odds ul,.locked-pack-card ul{display:grid;gap:.45rem;margin:.7rem 0 0;padding:0;list-style:none}.box-odds li{display:flex;justify-content:space-between;padding:.5rem .65rem;border-radius:8px;background:var(--app-panel-muted);font-size:.76rem}.lock-pill{justify-self:start;padding:.45rem .7rem;border:1px solid var(--app-line);border-radius:999px;color:var(--app-ink-soft);font-size:.74rem;font-weight:800}.locked-pack-card li{padding-left:1.1rem;color:var(--app-ink-soft);font-size:.82rem}.locked-pack-card li:before{margin-left:-1.1rem;margin-right:.45rem;color:var(--green-light);content:"◆"}.store-empty{display:grid;justify-items:start;gap:.7rem;padding:2rem}.store-toast,.economy-unlock-message{padding:.85rem 1rem;border:1px solid color-mix(in srgb,var(--green-light) 44%,transparent);border-radius:12px;background:color-mix(in srgb,var(--green-light) 13%,var(--app-panel-strong));color:var(--app-ink);font-weight:800}.box-result-panel{width:min(calc(100% - 2rem),430px);padding:2rem;border:1px solid var(--app-line-strong);border-radius:24px;background:var(--surface-raised);box-shadow:0 30px 80px #00000061;text-align:center}.box-result-gem{margin-block:1rem;font-size:5rem;filter:drop-shadow(0 15px 20px rgba(0,0,0,.25))}.economy-account-panel{display:grid;gap:1rem;margin-block:1.3rem;padding-block:1.3rem;border-block:1px solid var(--app-line)}.economy-account-heading h3{margin-bottom:0}.mini-chip-balance{padding:.5rem .7rem;border-radius:999px;background:color-mix(in srgb,#d7ad52 16%,var(--app-panel-muted));color:#bd8426}.quest-grid,.fragment-grid,.inventory-grid{display:grid;gap:.55rem}.quest-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.quest-grid article,.fragment-card,.inventory-grid article{display:flex;align-items:center;gap:.6rem;padding:.65rem;border:1px solid var(--app-line);border-radius:12px;background:var(--app-panel-muted)}.quest-grid article>span,.inventory-grid article>span:nth-child(2){display:grid;gap:.15rem;min-width:0;margin-right:auto}.quest-grid small,.fragment-card small,.inventory-grid small{color:var(--app-ink-soft);font-size:.68rem}.quest-grid button,.fragment-card button,.inventory-grid button{min-height:34px;padding:.35rem .55rem;border:1px solid var(--app-line);border-radius:8px;background:var(--app-panel-strong);cursor:pointer;font-size:.72rem;font-weight:800}.fragment-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.fragment-gem{font-size:1.35rem}.inventory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.inventory-swatch{flex:0 0 auto;width:36px;height:36px;border:1px solid rgba(255,255,255,.25);border-radius:9px;box-shadow:inset 0 -6px 10px #0000002e}@media (max-width: 900px){.store-shell{width:min(calc(100% - 1.5rem),680px);padding-block:1.4rem 6rem}.store-hero{align-items:stretch;flex-direction:column}.chip-wallet{align-self:start}.store-feature-grid{grid-template-columns:1fr}.fragment-grid,.inventory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 560px){.store-hero h1{max-width:100%;font-size:clamp(2.05rem,10.5vw,2.65rem);line-height:1.04;letter-spacing:-.035em;overflow-wrap:anywhere}.store-section{padding:.8rem}.cosmetic-grid,.quest-grid,.fragment-grid,.inventory-grid{grid-template-columns:1fr}.store-section-heading{align-items:start;flex-direction:column}}:root[data-tango-tile-color-a]:not([data-tango-tile-color-a=""]) .board-cell.colorA .tile-face,:root[data-tango-tile-color-a]:not([data-tango-tile-color-a=""]) .tile-preview.colorA,:root[data-tango-tile-color-a]:not([data-tango-tile-color-a=""]) .colorA .color-swatch{background:var(--equipped-tile-a-background)}:root[data-tango-tile-color-b]:not([data-tango-tile-color-b=""]) .board-cell.colorB .tile-face,:root[data-tango-tile-color-b]:not([data-tango-tile-color-b=""]) .tile-preview.colorB,:root[data-tango-tile-color-b]:not([data-tango-tile-color-b=""]) .colorB .color-swatch{background:var(--equipped-tile-b-background)}:root[data-tango-tile-color-c]:not([data-tango-tile-color-c=""]) .board-cell.colorC .tile-face,:root[data-tango-tile-color-c]:not([data-tango-tile-color-c=""]) .tile-preview.colorC,:root[data-tango-tile-color-c]:not([data-tango-tile-color-c=""]) .colorC .color-swatch{background:var(--equipped-tile-c-background)}:root[data-tango-tile-color-a]:not([data-tango-tile-color-a=""]) .board-cell.colorA .tile-face,:root[data-tango-tile-color-b]:not([data-tango-tile-color-b=""]) .board-cell.colorB .tile-face,:root[data-tango-tile-color-c]:not([data-tango-tile-color-c=""]) .board-cell.colorC .tile-face{background-size:100% 100%;box-shadow:inset 0 0 0 1px #ffffff61,inset 0 3px 4px #ffffff3d,inset 0 -5px 9px #0003,0 5px 9px #0000003b}.segmented-control.three-up{grid-template-columns:repeat(3,minmax(0,1fr))}.premium-room-settings{display:grid;gap:.75rem;padding:.85rem;border:1px solid var(--app-line);border-radius:13px;background:var(--app-panel-muted)}.premium-room-settings legend{padding-inline:.25rem;font-weight:800}.premium-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:1rem}.premium-toggle-row input{width:42px;height:24px;accent-color:var(--accent)}.tile-slot-actions{display:grid;grid-template-columns:repeat(3,30px);gap:.25rem}.tile-slot-actions button{min-height:30px;padding:0;border:1px solid var(--app-line);border-radius:8px;background:var(--app-panel-muted);font-weight:900}.tile-slot-actions button.active{border-color:var(--app-accent);color:#fff;background:var(--app-accent)}.economy-ledger{display:grid;gap:.45rem}.economy-ledger>div{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.65rem .75rem;border:1px solid var(--app-line);border-radius:10px;background:var(--app-panel-muted)}.economy-ledger span{display:grid;gap:.15rem}.economy-ledger small{color:var(--app-text-muted)}.economy-ledger .credit{color:#23885d}.economy-ledger .debit{color:#c54d5e}.account-benefit-grid,.cosmetic-category-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.account-benefit-grid{margin-top:1rem}.account-benefit-grid article,.cosmetic-category-grid article{display:grid;gap:.35rem;padding:.85rem;border:1px solid var(--app-line);border-radius:12px;background:var(--app-panel-muted)}.account-benefit-grid>button{grid-column:1 / -1}.cosmetic-category-grid article>span{font-size:1.3rem}@media (max-width: 560px){.account-benefit-grid,.cosmetic-category-grid{grid-template-columns:1fr}}.premium-room-settings legend span{margin-left:.45rem;color:#bd8426;font-size:.65rem}.premium-room-settings label{display:grid;gap:.4rem}.premium-room-settings label>span,.premium-room-settings>small{color:var(--app-ink-soft);font-size:.72rem;font-weight:700;line-height:1.45}.tile-skin-preview{position:relative;display:inline-block;flex:0 0 auto;width:72px;aspect-ratio:1;border-radius:16px;background:transparent;box-shadow:0 8px 18px #0003;vertical-align:middle}.tile-skin-preview-fill{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;overflow:hidden;border-radius:inherit;background:var(--tile-skin-background);background-position:center;background-size:100% 100%;box-shadow:inset 0 0 0 1px #ffffff4d,inset 0 3px 3px #ffffff3d,inset 0 -8px 14px #0003;transform:translateZ(0);backface-visibility:hidden;contain:paint}.tile-skin-preview i{position:relative;z-index:1;width:34%;height:16%;border-radius:999px;background:#ffffff38;box-shadow:0 1px #fff3;transform:rotate(-28deg)}.store-shell{width:min(calc(100% - 3rem),1180px);gap:1rem;padding-block:1.6rem 3rem}.store-hero{align-items:center;gap:1.2rem}.store-hero h1{max-width:none;margin:.15rem 0 .35rem;font-family:Inter,Pretendard,Noto Sans KR,system-ui,sans-serif;font-size:clamp(2.1rem,3vw,2.75rem);font-weight:950;line-height:1.08;letter-spacing:-.055em}.store-hero>div:first-child>p:last-child{max-width:680px;margin:0;font-size:.9rem;line-height:1.5}.chip-wallet{min-width:148px;padding:.7rem .9rem;border-radius:14px}.store-tabs,.rarity-tabs,.account-tabs{display:grid;gap:.45rem;padding:.35rem;border:1px solid var(--app-line);border-radius:14px;background:var(--app-panel-muted)}.store-tabs,.rarity-tabs,.account-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}.store-tabs button,.rarity-tabs button,.account-tabs button{min-height:42px;border:0;border-radius:10px;color:var(--app-ink-soft);background:transparent;font-weight:900;cursor:pointer}.store-tabs button.active,.rarity-tabs button.active,.account-tabs button.active{color:var(--app-ink);background:var(--app-panel-strong);box-shadow:0 4px 14px #0000001f}.rarity-tabs button{display:flex;align-items:center;justify-content:center;gap:.4rem}.rarity-tabs small{display:grid;min-width:20px;height:20px;place-items:center;border-radius:999px;background:color-mix(in srgb,currentColor 12%,transparent);font-size:.65rem}.rarity-label-compact{display:none}.weekly-store-section{display:grid;gap:1rem;padding:1.1rem}.weekly-store-section .cosmetic-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:.7rem}.cosmetic-card{grid-template-rows:auto 1fr auto;justify-items:center;gap:.65rem;padding:.75rem;text-align:center}.store-tile-preview{width:88px}.cosmetic-card-copy{width:100%}.cosmetic-card-copy p{min-height:2.1em}.cosmetic-card button{width:100%}.store-feature-grid.single-feature{grid-template-columns:1fr}.store-feature-grid.single-feature .palette-box-card{grid-template-columns:minmax(160px,.35fr) minmax(280px,1fr) minmax(180px,auto);align-items:center}.store-feature-grid.single-feature .box-odds{grid-column:1 / -1}.account-shell{grid-template-columns:minmax(0,1fr);align-content:start;gap:1rem;width:min(calc(100% - 3rem),1180px);padding-block:1.5rem 3rem}.account-shell .online-copy h1{max-width:none;margin:.1rem 0 .35rem;font-size:clamp(2rem,3vw,2.75rem)}.account-shell .online-copy p:last-child{max-width:none;margin:0;line-height:1.5}.account-shell .online-card{padding:1rem}.account-summary{gap:.75rem}.profile-stats{grid-template-columns:repeat(6,minmax(0,1fr))}.profile-stats span{min-height:62px}.economy-account-panel{min-height:290px;gap:.9rem;margin:0;padding:1rem 0 0;border-top:1px solid var(--app-line);border-bottom:0}.economy-account-panel.loading{min-height:180px}.tile-loadout-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem}.tile-loadout-grid article{display:grid;gap:.45rem;padding:.65rem;border:1px solid var(--app-line);border-radius:14px;background:var(--app-panel-muted)}.tile-loadout-grid article.selected{border-color:var(--app-accent);box-shadow:inset 0 0 0 1px var(--app-accent)}.tile-loadout-grid article>button:first-child{display:flex;align-items:center;gap:.75rem;padding:0;border:0;color:var(--app-ink);background:transparent;text-align:left;cursor:pointer}.tile-loadout-grid article>button:first-child>span:last-child{display:grid;gap:.2rem}.tile-loadout-grid small,.owned-tile-grid small,.inventory-heading p{color:var(--app-ink-soft);font-size:.68rem}.loadout-reset{min-height:32px;border:1px solid var(--app-line);border-radius:8px;color:var(--app-ink-soft);background:var(--app-panel-strong);font-size:.7rem;font-weight:850}.inventory-heading{display:flex;align-items:end;justify-content:space-between;gap:1rem}.inventory-heading h3,.inventory-heading p{margin:0}.inventory-heading>strong{padding:.4rem .65rem;border-radius:999px;color:var(--app-inverted);background:var(--app-accent);font-size:.72rem}.owned-tile-tools{display:grid;grid-template-columns:minmax(200px,.7fr) minmax(0,1.3fr);align-items:end;gap:.65rem;padding:.65rem;border:1px solid var(--app-line);border-radius:12px;background:var(--app-panel-muted)}.owned-tile-search{display:grid;gap:.3rem;min-width:0;color:var(--app-ink-soft);font-size:.64rem;font-weight:850}.owned-tile-search input{width:100%;min-width:0;min-height:38px;padding:.5rem .7rem;border:1px solid var(--app-line);border-radius:9px;color:var(--app-ink);background:var(--app-panel-strong);font:inherit;font-size:.74rem}.owned-tile-search input:focus-visible{border-color:var(--app-accent);outline:2px solid color-mix(in srgb,var(--app-accent) 24%,transparent);outline-offset:1px}.owned-tile-rarity-filter{display:flex;gap:.35rem;min-width:0;overflow-x:auto;scrollbar-width:thin}.owned-tile-rarity-filter button{min-width:max-content;min-height:38px;padding:.45rem .65rem;border:1px solid var(--app-line);border-radius:9px;color:var(--app-ink-soft);background:var(--app-panel-strong);font-size:.68rem;font-weight:850;cursor:pointer}.owned-tile-rarity-filter button:hover,.owned-tile-rarity-filter button.active{border-color:var(--app-accent);color:var(--app-inverted);background:var(--app-accent)}.owned-tile-rarity-filter small{margin-left:.18rem;opacity:.72;font-size:.58rem}.owned-tile-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem}.owned-tile-grid article{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.6rem;padding:.6rem;border:1px solid var(--app-line);border-radius:12px;background:var(--app-panel-muted)}.owned-tile-grid .tile-skin-preview{width:48px;border-radius:11px}.owned-tile-grid article>span:nth-child(2){display:grid;min-width:0;gap:.15rem}.owned-tile-grid button{min-height:34px;padding:.35rem .5rem;border:1px solid var(--app-line);border-radius:8px;color:var(--app-ink);background:var(--app-panel-strong);font-size:.7rem;font-weight:850}.owned-tile-grid button.active{color:var(--app-inverted);background:var(--app-accent)}.account-tab-section{display:grid;gap:.65rem;padding-top:.8rem;border-top:1px solid var(--app-line)}.account-security-actions{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:.6rem;padding-top:.8rem;border-top:1px solid var(--app-line)}.account-security-actions .secondary-action,.account-security-actions .danger-action{width:auto;min-width:120px;min-height:50px;margin:0;align-self:stretch}.tile-similarity-panel{text-align:center}.tile-similarity-panel .tile-skin-preview{width:92px;margin:.75rem auto}.confirm-actions{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}.home-stage{grid-template-columns:minmax(320px,440px) minmax(540px,720px);justify-content:center;gap:clamp(1.5rem,3vw,3rem);min-height:100vh;padding:1.5rem clamp(1.25rem,3vw,3rem)}.home-board-card{width:min(34vw,440px)}.home-copy{max-width:720px}.home-copy h1{max-width:680px;margin-bottom:.55rem;font-size:clamp(2.5rem,3.2vw,3.25rem);line-height:1.05;letter-spacing:-.055em}.home-copy>p:not(.eyebrow){max-width:620px;margin:0;font-size:.95rem;line-height:1.45}.home-mode-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.45rem;margin-top:.65rem}.home-mode-actions .home-mode{min-height:66px;padding:.6rem}.home-mode-actions .home-mode span{font-size:.68rem}.home-utility-links{display:flex;justify-content:flex-end;gap:.75rem;margin-top:.4rem}.home-utility-links button,.home-section-heading button{padding:0;border:0;color:var(--app-ink-soft);background:transparent;font-size:.7rem;font-weight:850;cursor:pointer}.home-account-card{width:100%;margin:.45rem 0 0;padding:.6rem .7rem;border-radius:11px;box-shadow:none}.home-account-card strong{font-size:.84rem}.home-account-card button{min-height:36px}.home-quests{display:grid;gap:.45rem;margin-top:.55rem;padding:.65rem;border:1px solid var(--app-line);border-radius:13px;background:color-mix(in srgb,var(--app-panel) 82%,transparent)}.home-section-heading{display:flex;align-items:center;justify-content:space-between}.quest-grid.compact{grid-template-columns:repeat(3,minmax(0,1fr));gap:.35rem}.quest-grid.compact article{min-width:0;padding:.45rem;border-radius:9px}.quest-grid.compact article>span{gap:.05rem}.quest-grid.compact strong{overflow:hidden;font-size:.7rem;text-overflow:ellipsis;white-space:nowrap}.quest-grid.compact small{font-size:.58rem}.quest-grid.compact button{min-height:28px;padding:.25rem .4rem;font-size:.62rem}.quest-grid.compact b{font-size:.6rem;white-space:nowrap}.home-quest-login{min-height:46px;border:1px dashed var(--app-line-strong);border-radius:9px;color:var(--app-ink-soft);background:var(--app-panel-muted);font-weight:850;cursor:pointer}.visitor-strip{width:100%;margin-top:.5rem}.visitor-strip span{min-height:38px;padding:.4rem .6rem}@media (max-width: 1120px){.weekly-store-section .cosmetic-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.owned-tile-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-stage{grid-template-columns:minmax(280px,360px) minmax(500px,650px)}.home-board-card{width:min(31vw,360px)}}@media (max-width: 900px){.store-shell,.account-shell{width:min(calc(100% - 1.5rem),700px);padding-block:1rem 6rem}.store-hero{align-items:stretch;flex-direction:row}.store-feature-grid.single-feature .palette-box-card{grid-template-columns:1fr}.store-feature-grid.single-feature .box-odds{grid-column:auto}.profile-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.home-stage{grid-template-columns:1fr;justify-items:center;gap:.8rem;min-height:auto;padding:1rem 1rem 6rem}.home-board-card{width:min(38vw,220px)}.home-copy{width:min(100%,700px)}.home-copy h1,.home-copy>p:not(.eyebrow){text-align:center}.home-copy>.eyebrow{text-align:center}}@media (max-width: 560px){.store-hero{gap:.7rem}.store-hero h1{font-size:clamp(1.8rem,8vw,2.2rem)}.store-hero>div:first-child>p:last-child{font-size:.76rem}.chip-wallet{align-self:center;min-width:104px;padding:.55rem .65rem}.chip-wallet small{font-size:.62rem}.chip-wallet strong{font-size:1.15rem}.store-tabs button,.rarity-tabs button,.account-tabs button{min-height:38px;font-size:.7rem}.rarity-tabs button{gap:.22rem}.rarity-label-full{display:none}.rarity-label-compact{display:inline}.rarity-tabs small{min-width:17px;height:17px;font-size:.58rem}.weekly-store-section{padding:.7rem}.weekly-store-section .cosmetic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.store-tile-preview{width:68px}.cosmetic-card{padding:.6rem}.cosmetic-card-copy p{display:none}.cosmetic-card h4{font-size:.88rem}.account-tabs{overflow-x:auto}.account-tabs button{white-space:nowrap}.profile-stats,.tile-loadout-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.tile-loadout-grid article{padding:.45rem}.tile-loadout-grid article>button:first-child{flex-direction:column;text-align:center}.tile-loadout-grid .tile-skin-preview{width:52px}.tile-loadout-grid strong{font-size:.72rem}.loadout-reset{font-size:.62rem}.owned-tile-grid{grid-template-columns:1fr}.owned-tile-tools{grid-template-columns:1fr;align-items:stretch;padding:.55rem}.owned-tile-rarity-filter{padding-bottom:.1rem}.fragment-grid,.quest-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.account-security-actions{grid-template-columns:1fr 1fr}.account-security-actions .account-policy-link{grid-column:1 / -1}.account-logout-shortcut{width:100%;margin-inline-start:0}.home-board-card{width:min(58vw,210px)}.home-copy h1{margin-bottom:.4rem;font-size:clamp(2rem,9vw,2.55rem)}.home-mode-actions,.quest-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 340px){.weekly-store-section .cosmetic-grid,.fragment-grid,.quest-grid,.quest-grid.compact{grid-template-columns:1fr}}.store-shell,.account-shell{justify-self:center;margin-inline:auto}.store-shell{width:min(calc(100% - 3rem),940px)}.store-expanded-catalog{display:grid;gap:1.35rem}.store-rarity-row{display:grid;gap:.65rem}.store-rarity-heading{display:flex;align-items:center;gap:.45rem;padding-inline:.15rem;color:var(--app-ink);text-transform:uppercase}.store-rarity-heading strong{font-size:.82rem;letter-spacing:.12em}.store-rarity-heading small{display:grid;width:22px;height:22px;place-items:center;border-radius:999px;color:var(--app-ink-soft);background:var(--app-panel-muted);font-size:.66rem;font-weight:900}.store-rarity-row.rarity-common .cosmetic-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.store-rarity-row.rarity-rare .cosmetic-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.store-rarity-row.rarity-epic .cosmetic-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.store-rarity-row.rarity-legendary .cosmetic-grid{grid-template-columns:minmax(170px,218px)}.mobile-header-actions{display:none}.home-stage{display:grid;grid-template-columns:minmax(0,1fr);align-content:center;justify-self:center;width:min(calc(100% - 3rem),940px);min-height:100vh;margin-inline:auto;padding:1.25rem 0 2rem;gap:.9rem}.home-intro{display:grid;justify-items:center;gap:.25rem;text-align:center}.home-intro .eyebrow,.home-intro h1,.home-intro>p:last-child{margin:0}.home-intro h1{max-width:780px;font-size:clamp(2.35rem,3.2vw,3.35rem);line-height:1.03;letter-spacing:-.055em}.home-intro>p:last-child{color:var(--app-ink-soft);font-size:.9rem}.home-play-layout{display:grid;grid-template-columns:minmax(260px,300px) minmax(0,1fr);align-items:center;justify-content:center;gap:clamp(1.5rem,3vw,2.6rem)}.home-play-layout .home-board-card{width:min(24vw,300px)}.home-play-panel{display:grid;gap:.7rem;padding:1rem;border:1px solid var(--app-line);border-radius:18px;background:color-mix(in srgb,var(--app-panel) 90%,transparent);box-shadow:var(--app-shadow)}.home-play-panel-heading{display:flex;align-items:end;justify-content:space-between;gap:1rem}.home-play-panel-heading h2,.home-play-panel-heading p{margin:0}.home-play-panel-heading h2{font-size:1.35rem}.home-play-panel .home-utility-links{margin:0}.home-quick-configs{display:grid;gap:.45rem}.home-play-panel .home-mode-actions{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:0}.home-play-panel .home-mode-actions .home-mode{min-height:72px}.home-dashboard{display:grid;grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr);align-items:stretch;gap:.75rem}.home-dashboard-side{display:grid;align-content:start;gap:.55rem}.home-dashboard .home-account-card,.home-dashboard .visitor-strip,.home-dashboard .home-quests{width:100%;margin:0}.home-dashboard .home-account-card{min-height:58px}.home-dashboard .visitor-strip{grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width: 1120px){.home-stage{width:min(calc(100% - 2rem),900px)}.home-play-layout{grid-template-columns:minmax(240px,300px) minmax(430px,1fr)}.home-play-layout .home-board-card{width:min(25vw,300px)}}@media (min-width: 1121px){.home-stage,.store-shell{transform:translate(-90px)}}@media (max-width: 900px){.home-stage{align-content:start;width:min(calc(100% - 1.5rem),700px);min-height:0;padding:1rem 0 6rem}.home-play-layout,.home-dashboard{grid-template-columns:minmax(0,1fr)}.home-play-layout{justify-items:center;gap:.85rem}.home-play-layout .home-board-card{width:min(38vw,220px)}.home-play-panel{width:100%}}@media (max-width: 640px){.app-frame{padding-bottom:calc(66px + var(--safe-area-bottom))}.app-sidebar{display:flex;min-height:58px}.mobile-header-actions{display:flex;align-items:center;gap:.25rem;margin-left:auto}.mobile-header-actions button{min-height:38px;padding:.35rem .58rem;border:1px solid var(--app-line);border-radius:9px;color:var(--app-ink);background:var(--app-panel-muted);font-size:.68rem;font-weight:900}.app-sidebar .sidebar-menu{position:fixed;right:0;bottom:0;left:0;z-index:60;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.2rem;padding:.3rem max(.4rem,var(--safe-area-right)) max(.3rem,var(--safe-area-bottom)) max(.4rem,var(--safe-area-left));border-top:1px solid var(--app-line);background:color-mix(in srgb,var(--app-sidebar) 96%,transparent);box-shadow:0 -10px 24px color-mix(in srgb,var(--app-page-deep) 24%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.app-sidebar .sidebar-nav,.app-sidebar .sidebar-bottom{display:contents}.app-sidebar .mobile-nav-detail,.app-sidebar .mobile-nav-promoted{display:none}.app-sidebar .sidebar-nav button,.app-sidebar .sidebar-bottom button{grid-column:auto!important;grid-row:auto!important;width:auto;min-height:48px;padding:.3rem .15rem;border-radius:8px;font-size:.68rem;line-height:1.1;text-align:center}.store-shell,.account-shell{justify-self:center;width:min(calc(100% - 1.5rem),560px);margin-inline:auto}.home-stage{width:min(calc(100% - 1.5rem),560px);padding-bottom:5.4rem}}@media (max-width: 560px){.home-intro h1{font-size:clamp(1.95rem,9vw,2.35rem)}.home-intro>p:last-child{max-width:330px;font-size:.78rem}.home-play-layout .home-board-card{width:min(52vw,190px)}.home-play-panel{padding:.75rem}.home-play-panel-heading{align-items:center}.home-play-panel-heading h2{font-size:1.05rem}.home-play-panel .home-mode-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.home-dashboard{gap:.55rem}}@media (max-width: 340px){.mobile-header-actions button{padding-inline:.42rem;font-size:.64rem}}.coupon-redeem-card{margin-top:1rem;padding:1rem;border:1px solid var(--line);border-radius:20px;background:var(--surface-soft);display:grid;grid-template-columns:minmax(180px,1fr) minmax(280px,1.5fr);gap:1rem;align-items:center}.coupon-redeem-card h3,.coupon-redeem-card p{margin:.15rem 0}.coupon-redeem-card form{display:flex;gap:.6rem}.coupon-redeem-card input{flex:1;min-width:0;text-transform:uppercase}.coupon-success{grid-column:1 / -1;color:var(--success)}.admin-shell{min-height:100vh;padding:2rem clamp(1.5rem,4vw,5rem) 4rem;background:radial-gradient(circle at 10% 0%,color-mix(in srgb,var(--accent) 12%,transparent),transparent 34rem),var(--page-bg);color:var(--text)}.admin-header{max-width:1500px;margin:0 auto 1rem;display:flex;gap:1rem;align-items:center}.admin-header h1,.admin-panel h2,.admin-login-card h1{margin:0}.admin-header>div{flex:1}.admin-header>span{color:var(--muted)}.admin-tabs{max-width:1500px;margin:0 auto 1.25rem;padding:.35rem;display:flex;gap:.35rem;border:1px solid var(--line);border-radius:16px;background:var(--surface)}.admin-tabs button{flex:1}.admin-tabs button.active{color:#fff;background:var(--accent)}.admin-two-column{max-width:1500px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(380px,.8fr);gap:1.25rem;align-items:start}.admin-panel,.admin-login-card{padding:1.35rem;border:1px solid var(--line);border-radius:22px;background:var(--surface);box-shadow:var(--shadow)}.admin-form-grid{margin-top:1rem;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem}.admin-form-grid label,.admin-panel>label,.admin-login-card label,.admin-random-cosmetic>label{display:grid;gap:.35rem;color:var(--muted);font-weight:700}.admin-form-grid .wide{grid-column:1 / -1}.admin-form-grid textarea{min-height:70px;resize:vertical}.admin-form-grid .admin-check{display:flex;align-items:center;align-self:end;min-height:44px}.admin-form-grid .admin-check input{width:auto}.admin-rewards{margin-top:1.25rem}.admin-section-title,.admin-actions,.admin-user-summary{display:flex;gap:.7rem;align-items:center;justify-content:space-between}.admin-reward-row{margin-top:.7rem;padding:.85rem;display:grid;grid-template-columns:minmax(150px,.8fr) minmax(120px,1fr) auto;gap:.6rem;align-items:start;border:1px solid var(--line);border-radius:14px;background:var(--surface-soft)}.admin-random-cosmetic{display:grid;gap:.5rem}.admin-candidate-list{max-height:240px;padding:.45rem;overflow:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.3rem;border:1px solid var(--line);border-radius:10px}.admin-candidate-list label{display:flex;gap:.35rem;align-items:center;font-size:.82rem}.admin-candidate-list input{width:auto}.admin-danger-text{color:#e76d78}.admin-actions{margin-top:1rem;justify-content:flex-end}.admin-coupon-list,.admin-user-list,.admin-audit-list{margin-top:1rem;display:grid;gap:.65rem}.admin-coupon-list article,.admin-audit-list article{padding:.85rem;border:1px solid var(--line);border-radius:14px;background:var(--surface-soft)}.admin-coupon-list article>div:first-child{display:flex;justify-content:space-between}.admin-coupon-list h3,.admin-coupon-list p{margin:.35rem 0}.status-on,.status-off{padding:.2rem .55rem;border-radius:999px;font-size:.76rem;font-weight:800}.status-on{color:#4fd6a1;background:color-mix(in srgb,#4fd6a1 14%,transparent)}.status-off{color:#ff7d88;background:color-mix(in srgb,#ff7d88 14%,transparent)}.admin-users-layout{grid-template-columns:minmax(320px,.7fr) minmax(520px,1.3fr)}.admin-search,.admin-user-action{display:flex;gap:.55rem}.admin-search input,.admin-user-action input,.admin-user-action select{flex:1}.admin-user-list button{width:100%;display:flex;justify-content:space-between;text-align:left;border:1px solid var(--line);background:var(--surface-soft)}.admin-user-list button.active{border-color:var(--accent)}.admin-user-list span{display:grid}.admin-user-list small,.admin-user-summary p{color:var(--muted)}.admin-user-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem}.admin-user-stats div{padding:.7rem;border-radius:12px;background:var(--surface-soft)}.admin-user-stats dt{color:var(--muted);font-size:.75rem}.admin-user-stats dd{margin:.25rem 0 0;font-weight:800}.admin-user-action{margin-top:.7rem}.admin-user-action>div{display:grid;flex:1;gap:.2rem}.admin-user-action>div small{color:var(--muted)}.account-access-tier{padding:.35rem .65rem;border:1px solid color-mix(in srgb,var(--accent) 65%,var(--line));border-radius:999px;color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,var(--surface-soft));font-size:.72rem;font-weight:800;letter-spacing:.04em;white-space:nowrap}.account-access-tier-admin{color:#e9bd62;border-color:color-mix(in srgb,#e9bd62 65%,var(--line));background:color-mix(in srgb,#e9bd62 10%,var(--surface-soft))}.danger-action{margin-top:1rem;color:#fff;background:#b63e4b}.admin-audit-list article{display:grid;grid-template-columns:170px 190px minmax(240px,1fr);gap:.6rem;align-items:center}.admin-audit-list code{grid-column:1 / -1;overflow-wrap:anywhere;color:var(--muted)}.admin-message{max-width:1500px;margin:0 auto 1rem;padding:.7rem 1rem;border-radius:12px;background:var(--surface);color:var(--accent)}.admin-login-shell{display:grid;place-items:center}.admin-login-card{width:min(430px,100%)}.admin-login-card form{display:grid;gap:.8rem;margin-top:1.2rem}.admin-mobile-notice{display:none}@media (max-width: 700px){.coupon-redeem-card{grid-template-columns:1fr}.coupon-redeem-card form{grid-column:1}}@media (max-width: 640px){.app-frame{padding-top:0}.app-sidebar{min-height:56px;padding:max(.45rem,var(--safe-area-top)) .65rem .45rem;border-bottom:1px solid color-mix(in srgb,var(--app-line) 72%,transparent);background:color-mix(in srgb,var(--app-sidebar) 97%,transparent);box-shadow:none}.sidebar-brand,.sidebar-brand .brand-mark{width:38px;height:38px}.mobile-header-actions{gap:.1rem}.mobile-header-actions button{min-height:36px;padding:.35rem .62rem;border-color:transparent;border-radius:10px;background:transparent;font-size:.69rem}.mobile-header-actions button.active{color:var(--app-inverted);background:var(--app-accent)}.app-sidebar .sidebar-menu{gap:0;padding:.2rem max(.35rem,var(--safe-area-right)) max(.2rem,var(--safe-area-bottom)) max(.35rem,var(--safe-area-left));border-color:color-mix(in srgb,var(--app-line) 76%,transparent);background:color-mix(in srgb,var(--app-sidebar) 98%,transparent);box-shadow:0 -8px 22px color-mix(in srgb,var(--app-page-deep) 14%,transparent)}.app-sidebar .sidebar-nav button,.app-sidebar .sidebar-bottom button{position:relative;min-height:50px;border-radius:10px;color:var(--app-ink-soft);font-size:.67rem;font-weight:780}.app-sidebar .sidebar-nav button.active,.app-sidebar .sidebar-bottom button.active{color:var(--app-ink);background:color-mix(in srgb,var(--app-accent) 9%,transparent)}.app-sidebar .sidebar-nav button.active:after,.app-sidebar .sidebar-bottom button.active:after{position:absolute;right:28%;bottom:4px;left:28%;height:2px;border-radius:999px;background:var(--app-accent);content:""}.home-stage{width:min(calc(100% - 1.15rem),520px);gap:.9rem;padding:.95rem 0 5rem}.home-intro{gap:.3rem}.home-intro .eyebrow{font-size:.58rem;letter-spacing:.25em}.home-intro h1{max-width:330px;font-size:clamp(1.62rem,7.4vw,1.88rem);line-height:1.1;letter-spacing:-.055em}.home-intro>p:last-child{max-width:320px;font-size:.73rem;line-height:1.45}.home-play-layout{gap:.85rem}.home-play-layout .home-board-card{width:min(44vw,168px)}.home-play-panel{gap:.72rem;padding:.85rem .15rem 0;border:0;border-top:1px solid var(--app-line);border-radius:0;background:transparent;box-shadow:none}.home-play-panel-heading{padding-inline:.25rem}.home-play-panel-heading .eyebrow{display:none}.home-play-panel-heading h2{font-size:1rem;letter-spacing:-.035em}.home-play-panel .home-utility-links{gap:.65rem}.home-play-panel .home-utility-links button{color:var(--app-ink-soft);font-size:.64rem;font-weight:720}.home-quick-configs{gap:.55rem}.home-quick-configs .quick-config{min-height:52px;padding:.32rem;border-radius:12px}.home-quick-configs .quick-config>span{padding-left:.35rem;font-size:.64rem}.home-quick-configs .quick-config button{min-height:36px;padding:.25rem;border-radius:9px;font-size:.69rem}.home-quick-configs .quick-config button small{font-size:.48rem}.home-play-panel .home-mode-actions{gap:.5rem}.home-play-panel .home-mode-actions .home-mode{position:relative;min-height:66px;padding:.68rem 2rem .62rem .72rem;border-radius:12px;text-align:left}.home-play-panel .home-mode-actions .home-mode:after{position:absolute;top:50%;right:.7rem;color:var(--app-ink-soft);content:"›";font-size:1.15rem;transform:translateY(-50%)}.home-play-panel .home-mode-actions .home-mode small{display:none}.home-play-panel .home-mode-actions .home-mode strong{font-size:.83rem}.home-play-panel .home-mode-actions .home-mode span{font-size:.6rem}.home-dashboard{gap:.45rem}.home-dashboard .home-account-card,.home-dashboard .visitor-strip,.home-dashboard .home-quests{border-radius:14px;box-shadow:none}.store-shell,.account-shell,.patch-notes-page{width:min(calc(100% - 1.15rem),520px);padding:1.05rem 0 5rem}.store-hero{gap:.8rem}.store-hero h1,.account-shell .online-copy h1,.patch-notes-page .online-copy h1{font-size:clamp(1.75rem,8vw,2rem);letter-spacing:-.06em}.store-hero>div:first-child>p:last-child,.account-shell .online-copy p:last-child,.patch-notes-page .online-copy p:last-child{font-size:.72rem;line-height:1.45}.chip-wallet{min-width:92px;padding:.45rem .55rem;border:0;border-radius:12px;background:var(--app-panel-strong);box-shadow:none}.store-tabs,.rarity-tabs,.account-tabs{gap:.18rem;padding:0;border:0;border-bottom:1px solid var(--app-line);border-radius:0;background:transparent}.store-tabs button,.rarity-tabs button,.account-tabs button{position:relative;min-height:46px;border-radius:0;font-size:.68rem}.store-tabs button.active,.rarity-tabs button.active,.account-tabs button.active{background:transparent;box-shadow:none}.store-tabs button.active:after,.rarity-tabs button.active:after,.account-tabs button.active:after{position:absolute;right:16%;bottom:-1px;left:16%;height:2px;border-radius:999px;background:var(--app-accent);content:""}.store-section,.store-empty,.collection-section,.palette-box-card,.locked-pack-card{border-radius:16px;box-shadow:none}.store-empty{min-height:130px;padding:1.1rem}.weekly-store-section{padding:1rem 0;border:0;background:transparent}.cosmetic-card{border-radius:14px;box-shadow:none}.account-shell{gap:.65rem}.account-shell .online-copy{gap:.15rem}.account-shell .online-card{padding:.85rem;border-color:color-mix(in srgb,var(--app-line) 80%,transparent);border-radius:16px;box-shadow:none}.account-form{gap:.7rem}.account-form .segmented-control{min-height:44px;border-radius:12px}.online-field{gap:.3rem}.online-field input{min-height:44px;border-radius:11px}.account-form .primary-action{min-height:46px;border-radius:11px}.patch-notes-page{gap:.55rem}.patch-notes-page .online-copy{gap:.15rem;padding-inline:.15rem}.patch-release-list{gap:0;border-top:1px solid var(--app-line)}.patch-release-card{gap:.35rem;padding:1rem .25rem;border:0;border-bottom:1px solid var(--app-line);border-radius:0;background:transparent;box-shadow:none}.patch-release-card:hover{transform:none;background:color-mix(in srgb,var(--app-accent) 5%,transparent);box-shadow:none}.patch-release-version{font-size:.72rem}.patch-release-date{font-size:.65rem}.patch-release-card strong{font-size:1.05rem;letter-spacing:-.035em}.patch-release-card small{font-size:.73rem;line-height:1.45}.patch-release-card i{margin-top:.1rem;font-size:.66rem}}@media (max-width: 340px){.home-play-layout .home-board-card{width:138px}.home-quick-configs .quick-config>span{display:none}.mobile-header-actions button{padding-inline:.48rem}}@media (max-width: 900px){.admin-shell>:not(.admin-mobile-notice){display:none}.admin-mobile-notice{min-height:70vh;display:grid;place-items:center;text-align:center;color:var(--muted)}}.admin-visual-picker,.admin-random-cosmetic,.admin-grant-cosmetics{display:grid;min-width:0;gap:.65rem}.admin-visual-picker,.admin-random-cosmetic{grid-column:2 / -1}.admin-skin-picker-grid{max-height:310px;padding:.45rem;overflow:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem;border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb,var(--surface) 82%,transparent)}.admin-skin-picker-grid>button{position:relative;min-width:0;padding:.5rem;display:grid;grid-template-columns:46px minmax(0,1fr) auto;gap:.55rem;align-items:center;border:1px solid var(--line);border-radius:11px;text-align:left;background:var(--surface-soft)}.admin-skin-picker-grid>button:hover{border-color:color-mix(in srgb,var(--accent) 65%,var(--line));transform:translateY(-1px)}.admin-skin-picker-grid>button.selected{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent);background:color-mix(in srgb,var(--accent) 10%,var(--surface-soft))}.admin-skin-picker-grid .tile-skin-preview{width:46px;height:46px;border-radius:12px}.admin-skin-picker-grid span{min-width:0;display:grid;gap:.15rem}.admin-skin-picker-grid strong,.admin-skin-picker-grid small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-skin-picker-grid small{color:var(--muted);font-size:.7rem}.admin-candidate-list{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-grant-cosmetics{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--line)}.admin-grant-cosmetics .admin-section-title h3,.admin-grant-cosmetics .admin-section-title small{margin:0}.admin-grant-cosmetics .admin-section-title>div{display:grid;gap:.2rem}.admin-rarity-grants{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.45rem}.admin-rarity-grants button{min-height:42px;background:var(--surface-soft)}.admin-user-skin-picker{grid-template-columns:repeat(3,minmax(0,1fr))}.admin-coupon-skin-preview{margin:.55rem 0;display:flex;gap:.45rem;overflow-x:auto}.admin-coupon-skin-preview>span{flex:0 0 58px;display:grid;gap:.2rem;justify-items:center}.admin-coupon-skin-preview .tile-skin-preview{width:48px;height:48px;border-radius:12px}.admin-coupon-skin-preview small{width:58px;overflow:hidden;color:var(--muted);text-align:center;text-overflow:ellipsis;white-space:nowrap}.loadout-reset:not(:disabled){cursor:pointer;color:var(--app-ink);border-color:color-mix(in srgb,var(--app-accent) 35%,var(--app-line));background:color-mix(in srgb,var(--app-accent) 7%,var(--app-panel-strong));transition:transform .15s ease,border-color .15s ease,background .15s ease,box-shadow .15s ease}.loadout-reset:not(:disabled):hover{transform:translateY(-2px);border-color:var(--app-accent);background:color-mix(in srgb,var(--app-accent) 14%,var(--app-panel-strong));box-shadow:0 5px 12px color-mix(in srgb,var(--app-accent) 16%,transparent)}.loadout-reset:not(:disabled):active{transform:translateY(0)}.loadout-reset:disabled{cursor:not-allowed;opacity:.42}.owned-tile-grid article{position:relative}.new-cosmetic-badge{position:absolute;top:-6px;right:-6px;width:20px;height:20px;display:grid;place-items:center;border:2px solid var(--app-panel);border-radius:50%;color:#fff;background:#e84657;box-shadow:0 3px 8px #bc223459;font-size:.72rem;font-weight:950;line-height:1}.box-result-skin{width:112px;height:112px;margin:0 auto;border-radius:28px;box-shadow:0 14px 30px #00000047,inset 0 2px 2px #ffffff59}.box-result-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.box-result-actions>:only-child{grid-column:1 / -1}.account-record-heading{display:flex;gap:1rem;align-items:center;justify-content:space-between}.auth-divider{display:flex;align-items:center;gap:.75rem;color:var(--app-ink-soft);font-size:.72rem;font-weight:800}.auth-divider:before,.auth-divider:after{flex:1 1 auto;height:1px;background:var(--app-line);content:""}.auth-divider>span{flex:0 0 auto}.google-web-button{display:flex;min-height:44px;justify-content:center;overflow:hidden;border-radius:999px}.google-web-button.disabled{opacity:.55;pointer-events:none}.google-native-button{display:flex;width:100%;min-height:46px;align-items:center;justify-content:center;gap:.8rem;border:1px solid #747775;border-radius:999px;color:#1f1f1f;background:#fff;font-size:.9rem;font-weight:700;cursor:pointer}.google-native-button>span{color:#4285f4;font-size:1.1rem;font-weight:900}.google-native-button:hover:not(:disabled){border-color:#3c4043;background:#f8faff;box-shadow:0 1px 3px #3c404340}.google-auth-followup,.google-connection-card{display:grid;gap:.75rem;padding:.85rem;border:1px solid var(--app-line);border-radius:12px;background:var(--app-panel-muted)}.google-auth-followup p,.google-connection-card p{margin:0;color:var(--app-ink-soft);font-size:.8rem}.google-connection-card{grid-template-columns:minmax(0,1fr) minmax(180px,auto);align-items:center}.google-connection-card .secondary-action{width:auto}@media (max-width: 620px){.google-connection-card{grid-template-columns:1fr}.google-connection-card .secondary-action{width:100%}}.record-outcome-summary{display:flex;gap:.4rem}.record-outcome-summary span{min-width:58px;padding:.4rem .6rem;display:flex;gap:.4rem;align-items:center;justify-content:center;border-radius:10px}.record-outcome-summary .win,.match-outcome-badge.win{color:#dff9eb;background:#25895f}.record-outcome-summary .loss,.match-outcome-badge.loss{color:#fff0f1;background:#bd4754}.record-outcome-summary .draw,.match-outcome-badge.draw{color:#f2f2f2;background:#6f7378}.record-outcome-summary small{color:inherit}.match-history article{grid-template-columns:auto minmax(0,1fr) auto}.match-outcome-badge{min-width:48px;padding:.42rem .55rem;border-radius:9px;text-align:center;font-size:.76rem}.match-history-win{border-inline-start:3px solid #25895f!important}.match-history-loss{border-inline-start:3px solid #bd4754!important}.match-history-draw{border-inline-start:3px solid #6f7378!important}.history-more-button{width:100%;min-height:38px;margin-top:.55rem;border:1px solid var(--app-line);color:var(--app-ink);background:var(--app-panel-muted)}.history-more-button:hover{border-color:var(--app-accent);background:color-mix(in srgb,var(--app-accent) 8%,var(--app-panel-muted))}.tile-skin-preview-fill,:root[data-tango-tile-color-a] .board-cell.colorA .tile-face,:root[data-tango-tile-color-b] .board-cell.colorB .tile-face,:root[data-tango-tile-color-c] .board-cell.colorC .tile-face{animation:none!important;background-position:center!important;background-size:100% 100%!important}@media (max-width: 1100px){.admin-user-skin-picker{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 700px){.account-record-heading{align-items:stretch;flex-direction:column}.record-outcome-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.match-history article{grid-template-columns:auto minmax(0,1fr)}.match-history article>a{grid-column:1 / -1}}@media (max-width: 640px){.game-page .replay-shell{width:min(100%,440px);margin-inline:auto;padding:.7rem .7rem 1.1rem}.game-page .replay-header{display:grid;gap:.65rem;margin-bottom:.75rem}.game-page .replay-header .eyebrow{margin-bottom:.2rem;font-size:.56rem}.game-page .replay-header h1{max-width:100%;margin:0;overflow:hidden;font-size:clamp(1.15rem,6vw,1.45rem);line-height:1.15;text-overflow:ellipsis;white-space:nowrap}.game-page .replay-header>div:first-child>p:last-child{display:none}.game-page .replay-header-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem}.game-page .replay-header-actions .primary-action,.game-page .replay-header-actions .secondary-action{min-height:38px;padding:.45rem .55rem;font-size:.7rem}.game-page .replay-layout{display:grid;grid-template-areas:"player-one player-two" "board board";grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}.game-page .replay-layout>.player-card:first-child{grid-area:player-one}.game-page .replay-layout>.player-card:last-child{grid-area:player-two}.game-page .replay-layout>.player-card{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto 1fr;gap:.25rem .35rem;width:100%;min-width:0;min-height:76px;height:auto;padding:.5rem;border-radius:12px;box-shadow:none}.game-page .replay-layout>.player-card .player-card-status{grid-column:1 / -1;padding-bottom:.25rem;font-size:.46rem}.game-page .replay-layout>.player-card .player-avatar{display:none}.game-page .replay-layout>.player-card .player-identity{min-width:0;align-self:center}.game-page .replay-layout>.player-card .player-identity strong{display:block;max-width:100%;overflow:hidden;font-size:.76rem;text-overflow:ellipsis;white-space:nowrap}.game-page .replay-layout>.player-card .player-identity span{margin-top:.1rem;font-size:.5rem}.game-page .replay-layout>.player-card .player-meters{align-self:center;gap:0}.game-page .replay-layout>.player-card .score-ring{width:42px;height:42px}.game-page .replay-layout>.player-card .score-ring:after{top:4px;right:4px;bottom:4px;left:4px}.game-page .replay-layout>.player-card .score-ring strong{font-size:.88rem}.game-page .replay-layout>.player-card .score-ring small{font-size:.46rem}.game-page .replay-board-column{grid-area:board;width:min(100%,300px);justify-self:center;gap:.55rem}.game-page .replay-board-column .game-board-frame{width:100%;padding:8px;border-width:6px;border-radius:16px}.game-page .replay-controls{gap:.55rem;padding:.65rem;border-radius:12px;box-shadow:none}.game-page .replay-step-label{align-items:center;gap:.55rem;font-size:.64rem}.game-page .replay-step-label strong{font-size:.82rem;white-space:nowrap}.game-page .replay-step-label span{min-width:0;overflow:hidden;color:var(--app-ink-soft);text-overflow:ellipsis;white-space:nowrap}.game-page .replay-controls input[type=range]{min-height:24px;margin:0}.game-page .replay-playback-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.45rem}.game-page .replay-play-toggle{width:auto;min-width:0;min-height:38px;padding:.45rem .5rem;font-size:.68rem}.game-page .replay-speed{width:auto;gap:.18rem;padding:.18rem}.game-page .replay-speed button{min-width:36px;min-height:34px;padding:.3rem;font-size:.62rem}.game-page .replay-buttons{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.3rem}.game-page .replay-buttons button{min-width:0;min-height:36px;padding:.4rem .12rem;font-size:.6rem;white-space:nowrap}}.account-records{gap:1rem;padding:1rem;border:1px solid var(--app-line);border-radius:16px;background:color-mix(in srgb,var(--app-panel-muted) 72%,transparent)}.account-records .account-record-heading{display:grid;grid-template-columns:auto minmax(260px,1fr) auto;gap:.85rem;align-items:center}.account-records .account-record-heading h3{margin:0}.account-records .match-history{gap:.75rem}.account-records .match-history article{min-height:68px;padding:.8rem;border:1px solid var(--app-line);border-radius:13px;background:var(--app-panel-strong)}@media (max-width: 820px){.account-records .account-record-heading{grid-template-columns:1fr}}@media (max-width: 640px){.account-records{gap:.85rem;padding:.8rem .7rem}.account-records .account-record-heading{gap:.7rem;padding:0}.account-records .match-history article{padding:.8rem .65rem}}.tile-palette-panel{display:grid;gap:1.1rem;min-width:0}.palette-panel-heading h3,.saved-palette-heading h3,.current-palette-card h3,.palette-editor h3{margin:0}.current-palette-card{display:grid;grid-template-columns:minmax(210px,.8fr) minmax(330px,1.35fr) auto;align-items:center;gap:clamp(1rem,2vw,1.8rem);padding:clamp(1rem,2vw,1.4rem);border:1px solid color-mix(in srgb,var(--app-accent) 45%,var(--app-line));border-radius:18px;background:radial-gradient(circle at 80% 10%,color-mix(in srgb,var(--app-accent) 11%,transparent),transparent 42%),var(--app-panel-muted)}.current-palette-card>div:first-child{display:grid;gap:.35rem}.current-palette-card p,.saved-palette-heading p,.saved-palette-grid p{margin:0;color:var(--app-ink-soft);font-size:.74rem;line-height:1.5}.palette-tile-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;min-width:0}.palette-tile-mini{display:grid;justify-items:center;gap:.32rem;min-width:0}.palette-tile-mini .tile-skin-preview{width:clamp(52px,5vw,68px);border-radius:14px}.palette-tile-mini small{max-width:100%;overflow:hidden;color:var(--app-ink-soft);font-size:.64rem;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.palette-edit-trigger{width:auto;min-width:132px}.saved-palette-heading{display:flex;align-items:end;justify-content:space-between;gap:1rem}.saved-palette-heading>div{display:grid;gap:.25rem}.saved-palette-heading>small{flex:none;padding:.38rem .6rem;border:1px solid var(--app-line);border-radius:999px;color:var(--app-ink-soft);background:var(--app-panel-muted);font-size:.66rem;font-weight:850}.saved-palette-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.saved-palette-grid>article{position:relative;display:grid;grid-template-rows:auto 1fr auto;gap:.8rem;min-width:0;min-height:210px;padding:.9rem;border:1px solid var(--app-line);border-radius:16px;background:var(--app-panel-muted)}.saved-palette-grid>article.active{border-color:var(--app-accent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--app-accent) 62%,transparent)}.saved-palette-grid>article.empty{place-content:center;justify-items:center;text-align:center}.empty-palette-mark{display:grid;place-items:center;width:42px;height:42px;border:1px dashed var(--app-line);border-radius:50%;color:var(--app-accent);background:var(--app-panel-strong);font-size:1.25rem}.saved-palette-title{display:flex;align-items:start;justify-content:space-between;gap:.7rem}.saved-palette-title>div{display:grid;min-width:0;gap:.15rem}.saved-palette-title strong{overflow:hidden;color:var(--app-ink);text-overflow:ellipsis;white-space:nowrap}.saved-palette-title small{color:var(--app-ink-soft);font-size:.6rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.saved-palette-title>span{flex:none;padding:.28rem .48rem;border-radius:999px;color:var(--app-inverted);background:var(--app-accent);font-size:.6rem;font-weight:900}.saved-palette-actions{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.45rem}.palette-card-menu{position:relative}.palette-card-menu>summary{display:grid;place-items:center;width:42px;height:100%;min-height:40px;border:1px solid var(--app-line);border-radius:10px;color:var(--app-ink);background:var(--app-panel-strong);cursor:pointer;list-style:none}.palette-card-menu>summary::-webkit-details-marker{display:none}.palette-card-menu[open]>summary{border-color:var(--app-accent)}.palette-card-menu>div{position:absolute;z-index:12;right:0;bottom:calc(100% + .4rem);display:grid;width:min(250px,78vw);gap:.28rem;padding:.45rem;border:1px solid var(--app-line);border-radius:12px;background:var(--app-panel-strong);box-shadow:0 12px 30px color-mix(in srgb,#000 28%,transparent)}.palette-card-menu button,.palette-card-menu input{width:100%;min-height:38px;padding:.45rem .6rem;border:1px solid var(--app-line);border-radius:8px;color:var(--app-ink);background:var(--app-panel-muted);text-align:left;font:inherit;font-size:.7rem;font-weight:800}.palette-card-menu form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.3rem}.palette-card-menu form button{width:auto}.palette-card-menu button.danger{color:#d45460}.palette-editor{display:grid;gap:.8rem;padding:1rem;border:1px solid var(--app-line);border-radius:18px;background:color-mix(in srgb,var(--app-panel-muted) 86%,transparent)}.palette-editor-header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.palette-editor-close{display:none;place-items:center;width:40px;height:40px;border:1px solid var(--app-line);border-radius:10px;color:var(--app-ink);background:var(--app-panel-strong);font-size:1.2rem}.palette-editor-layout{display:grid;grid-template-columns:minmax(250px,.72fr) minmax(0,1.5fr);gap:.8rem;min-width:0}.palette-draft-column,.palette-inventory-column{min-width:0}.palette-draft-column{display:grid;align-content:start;gap:.6rem}.palette-draft-slots{display:grid;gap:.5rem}.palette-draft-slots>button{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.65rem;min-width:0;padding:.6rem;border:1px solid var(--app-line);border-radius:12px;color:var(--app-ink);background:var(--app-panel-strong);text-align:left}.palette-draft-slots>button.selected{border-color:var(--app-accent);box-shadow:inset 0 0 0 1px var(--app-accent)}.palette-draft-slots .tile-skin-preview{width:54px;border-radius:12px}.palette-draft-slots span{display:grid;min-width:0;gap:.12rem}.palette-draft-slots strong,.palette-draft-slots small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.palette-draft-slots small{color:var(--app-ink-soft);font-size:.62rem}.palette-inventory-column{display:grid;align-content:start;gap:.65rem}.palette-owned-tile-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}.palette-owned-tile-grid>button{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.52rem;min-width:0;padding:.55rem;border:1px solid var(--app-line);border-radius:12px;color:var(--app-ink);background:var(--app-panel-strong);text-align:left}.palette-owned-tile-grid>button:hover:not(:disabled),.palette-owned-tile-grid>button.selected{border-color:var(--app-accent);background:color-mix(in srgb,var(--app-accent) 9%,var(--app-panel-strong))}.palette-owned-tile-grid>button:disabled{opacity:.38}.palette-owned-tile-grid .tile-skin-preview{width:46px;border-radius:10px}.palette-owned-tile-grid>button>span{display:grid;min-width:0;gap:.12rem}.palette-owned-tile-grid strong,.palette-owned-tile-grid small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.palette-owned-tile-grid small{color:var(--app-ink-soft);font-size:.6rem}.palette-owned-tile-grid>button>i,.palette-owned-tile-grid>button>b{position:absolute;top:.35rem;right:.35rem;display:grid;place-items:center;width:17px;height:17px;border-radius:50%;color:#fff;background:#c83e4d;font-size:.58rem;font-style:normal}.palette-owned-tile-grid>button>b{background:var(--app-accent)}.tile-similarity-panel .palette-tile-mini.conflict .tile-skin-preview{outline:3px solid #d34a59;outline-offset:3px}.tile-similarity-panel .palette-tile-mini.conflict small{color:#d34a59;font-weight:900}.palette-conflict-list{display:grid;gap:.45rem;width:100%;margin:0;padding:0;list-style:none}.palette-conflict-list li{display:flex;align-items:center;justify-content:center;gap:.7rem;padding:.65rem .8rem;border:1px solid color-mix(in srgb,#d34a59 55%,var(--app-line));border-radius:12px;color:var(--app-ink);background:color-mix(in srgb,#d34a59 8%,var(--app-panel-strong));font-weight:900}.palette-conflict-list span{color:#d34a59}.palette-editor-actions{display:grid;grid-template-columns:minmax(130px,.7fr) minmax(150px,.85fr) minmax(180px,1fr);gap:.55rem;padding-top:.8rem;border-top:1px solid var(--app-line)}.palette-save-picker>div,.palette-save-picker>div>button{display:grid;gap:.55rem}.palette-save-picker>div>button{grid-template-columns:minmax(0,1fr) auto;align-items:center;width:100%;padding:.65rem;border:1px solid var(--app-line);border-radius:12px;color:var(--app-ink);background:var(--app-panel-muted)}.tile-similarity-panel .palette-tile-strip{max-width:300px;margin:.8rem auto}@media (min-width: 1480px){.saved-palette-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width: 980px){.current-palette-card{grid-template-columns:minmax(180px,.75fr) minmax(280px,1.25fr)}.current-palette-card .palette-edit-trigger{grid-column:1 / -1;width:100%}.palette-editor-layout{grid-template-columns:minmax(210px,.65fr) minmax(0,1.35fr)}.palette-owned-tile-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 720px){.tile-palette-panel{gap:.85rem}.palette-panel-heading{align-items:start}.palette-panel-heading h3{max-width:260px;font-size:1rem;line-height:1.25}.current-palette-card{grid-template-columns:minmax(0,1fr) auto;gap:.75rem;padding:.85rem;border-radius:15px}.current-palette-card>div:first-child{grid-column:1 / -1}.current-palette-card>div:first-child>p:last-child{display:none}.current-palette-card .palette-tile-strip{width:min(100%,270px)}.current-palette-card .palette-edit-trigger{grid-column:auto;width:auto;min-width:102px;min-height:42px;padding-inline:.65rem}.palette-tile-strip{gap:.35rem}.palette-tile-mini .tile-skin-preview{width:clamp(44px,13vw,56px);border-radius:11px}.palette-tile-mini small{font-size:.56rem}.saved-palette-heading{align-items:center}.saved-palette-heading p{display:none}.saved-palette-grid{grid-template-columns:1fr;gap:.55rem}.saved-palette-grid>article{grid-template-columns:minmax(92px,.65fr) minmax(0,1fr);grid-template-rows:auto;align-items:center;gap:.55rem;min-height:0;padding:.7rem;border-radius:13px}.saved-palette-grid>article.empty{grid-template-columns:auto minmax(0,1fr);justify-items:start;text-align:left}.saved-palette-grid>article.empty p{display:none}.saved-palette-grid>article.empty .empty-palette-mark{width:36px;height:36px}.saved-palette-grid>article>.primary-action,.saved-palette-grid>article.empty>.secondary-action{grid-column:1 / -1;width:100%;min-width:0;min-height:40px;padding:.45rem .58rem;font-size:.66rem}.saved-palette-actions{grid-column:1 / -1;grid-template-columns:minmax(90px,1fr) 40px}.saved-palette-actions .primary-action{min-height:40px;padding:.45rem .55rem;font-size:.66rem}.palette-card-menu>summary{width:40px}.palette-editor{position:fixed;z-index:110;top:0;right:0;bottom:0;left:0;display:none;grid-template-rows:auto minmax(0,1fr) auto;gap:0;padding:max(.75rem,env(safe-area-inset-top)) 0 0;border:0;border-radius:0;background:var(--app-page)}.palette-editor.open{display:grid}.palette-editor-header{min-height:54px;padding:0 .85rem .65rem;border-bottom:1px solid var(--app-line)}.palette-editor-header .eyebrow{margin-bottom:.1rem}.palette-editor-close{display:grid}.palette-editor-layout{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);gap:0;min-height:0;overflow:hidden}.palette-draft-column{position:relative;z-index:2;padding:.65rem .75rem;border-bottom:1px solid var(--app-line);background:var(--app-panel-strong)}.palette-draft-slots{grid-template-columns:repeat(3,minmax(0,1fr));gap:.38rem}.palette-draft-slots>button{grid-template-columns:1fr;justify-items:center;gap:.3rem;min-height:86px;padding:.42rem .25rem;text-align:center}.palette-draft-slots .tile-skin-preview{width:44px;border-radius:10px}.palette-draft-slots span strong{display:none}.palette-draft-slots small{font-size:.56rem}.palette-draft-column .loadout-reset{min-height:34px}.palette-inventory-column{display:block;min-height:0;padding:.65rem .7rem 1rem;overflow-y:auto;overscroll-behavior:contain}.palette-inventory-column .owned-tile-tools{position:sticky;z-index:3;top:-.65rem;grid-template-columns:1fr;margin:-.65rem -.7rem .65rem;padding:.65rem .7rem;border-width:0 0 1px;border-radius:0;background:var(--app-page)}.palette-inventory-column .owned-tile-rarity-filter{scrollbar-width:none}.palette-inventory-column .owned-tile-rarity-filter::-webkit-scrollbar{display:none}.palette-owned-tile-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.42rem}.palette-owned-tile-grid>button{grid-template-columns:1fr;justify-items:center;gap:.32rem;min-height:104px;padding:.45rem .25rem;text-align:center}.palette-owned-tile-grid .tile-skin-preview{width:min(54px,14vw)}.palette-owned-tile-grid>button>span{width:100%}.palette-owned-tile-grid strong{font-size:.66rem}.palette-editor-actions{grid-template-columns:.72fr .92fr 1fr;gap:.38rem;padding:.65rem .7rem calc(.65rem + env(safe-area-inset-bottom));border-top:1px solid var(--app-line);background:var(--app-panel-strong);box-shadow:0 -8px 24px color-mix(in srgb,#000 14%,transparent)}.palette-editor-actions button{min-width:0;min-height:44px;padding:.45rem .25rem;font-size:.64rem}}@media (max-width: 360px){.current-palette-card{grid-template-columns:1fr}.current-palette-card .palette-edit-trigger{width:100%}.palette-owned-tile-grid{gap:.32rem}.palette-owned-tile-grid>button{min-height:96px}}.record-mode-tabs,.quest-period-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.35rem;padding:.3rem;border:1px solid var(--app-line);border-radius:12px;background:var(--app-panel-muted)}.quest-period-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.record-mode-tabs button,.quest-period-tabs button{min-height:36px;border:0;border-radius:9px;color:var(--app-ink-soft);background:transparent;font-weight:900;cursor:pointer}.record-mode-tabs button.active,.quest-period-tabs button.active{color:var(--app-ink);background:var(--app-panel-strong);box-shadow:0 3px 12px color-mix(in srgb,var(--app-page-deep) 20%,transparent)}.nickname-change-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.8fr);gap:1rem;align-items:center;padding:1rem;border:1px solid var(--app-line);border-radius:14px;background:var(--app-panel-muted)}.nickname-change-card p{margin:.25rem 0 0;color:var(--app-ink-soft);font-size:.78rem}.nickname-change-card .nickname-cooldown-notice{color:var(--app-accent);font-weight:800}.nickname-change-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.5rem}.nickname-change-form input{min-width:0;min-height:42px;border:1px solid var(--app-line);border-radius:10px;color:var(--app-ink);background:var(--app-panel-strong)}.store-purchase-panel,.coupon-result-panel{width:min(calc(100% - 1.5rem),500px);justify-items:center;text-align:center}.purchase-tile-preview{width:96px}.coupon-reward-grid{display:grid;width:100%;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}.coupon-reward-grid article{display:grid;justify-items:center;gap:.45rem;padding:.75rem;border:1px solid var(--app-line);border-radius:12px;background:var(--app-panel-muted)}.coupon-reward-grid .tile-skin-preview,.coupon-reward-icon{width:58px;height:58px}.coupon-reward-icon{display:grid;place-items:center;border-radius:16px;color:#fff;background:linear-gradient(145deg,var(--burgundy-light),var(--burgundy));font-size:1.5rem}.rematch-waiting{margin:0;padding:.65rem;border-radius:10px;color:var(--app-ink);background:var(--app-panel-muted);text-align:center;font-weight:800}.result-actions.single{grid-template-columns:1fr}.home-mode.burgundy{border-color:color-mix(in srgb,var(--burgundy) 48%,var(--app-line));background:linear-gradient(145deg,color-mix(in srgb,var(--burgundy) 18%,var(--app-panel-strong)),var(--app-panel-muted))}.home-mode.navy{border-color:color-mix(in srgb,var(--navy) 48%,var(--app-line));background:linear-gradient(145deg,color-mix(in srgb,var(--navy) 18%,var(--app-panel-strong)),var(--app-panel-muted))}.home-mode.green{border-color:color-mix(in srgb,var(--green) 48%,var(--app-line));background:linear-gradient(145deg,color-mix(in srgb,var(--green) 18%,var(--app-panel-strong)),var(--app-panel-muted))}.home-mode.bronze{border-color:color-mix(in srgb,var(--bronze) 48%,var(--app-line));background:linear-gradient(145deg,color-mix(in srgb,var(--bronze) 18%,var(--app-panel-strong)),var(--app-panel-muted))}.home-mode:hover{filter:saturate(1.12);transform:translateY(-2px)}@media (max-width: 700px){.nickname-change-card{grid-template-columns:1fr}.account-record-heading{gap:.8rem;padding-inline:.15rem}.match-history{gap:.7rem}.match-history article{gap:.7rem;padding:.85rem .7rem;border:1px solid var(--app-line);border-radius:13px;background:var(--app-panel-muted)}.match-history article>a{padding-top:.55rem;border-top:1px solid var(--app-line)}.coupon-reward-grid{grid-template-columns:1fr}}@media (max-width: 640px){.app-frame{padding-top:calc(58px + var(--safe-area-top))}.app-sidebar{position:fixed;top:0;right:0;left:0;z-index:80;width:100%;height:calc(58px + var(--safe-area-top));min-height:0}:root[data-theme=light] .mobile-header-actions button.active{border-color:color-mix(in srgb,var(--burgundy) 36%,var(--app-line));color:#2f2a24;background:color-mix(in srgb,var(--burgundy) 16%,#fffaf1)}.mobile-header-actions button{font-size:.66rem;white-space:nowrap}.app-content-shell,.store-shell,.account-shell,.patch-notes-page{padding-top:1.15rem}.profile-stats{gap:.55rem}.profile-stats span{min-height:70px;padding:.65rem .45rem}.profile-stats small{font-size:.62rem}.profile-stats strong{font-size:1rem}.account-tabs button{padding-inline:.18rem;font-size:.64rem}.record-mode-tabs button,.quest-period-tabs button{font-size:.7rem}.home-play-panel .home-mode-actions .home-mode{min-height:72px}.home-play-panel .home-mode-actions .home-mode strong{font-size:.9rem}.floating-replay-link{right:max(.75rem,var(--safe-area-right));bottom:calc(78px + var(--safe-area-bottom));z-index:130}}.tile-skin-preview-fill{background-size:100% 100%}:root[data-tango-tile-color-a]:not([data-tango-tile-color-a=""]) .board-cell.colorA .tile-face,:root[data-tango-tile-color-b]:not([data-tango-tile-color-b=""]) .board-cell.colorB .tile-face,:root[data-tango-tile-color-c]:not([data-tango-tile-color-c=""]) .board-cell.colorC .tile-face{background-size:100% 100%}.patch-notes-page{justify-self:center;margin-inline:auto;padding-inline-start:0}.attendance-backdrop{z-index:140}.attendance-panel{display:grid;width:min(100%,430px);gap:.9rem;padding:1.35rem;border:1px solid var(--app-line-strong);border-radius:24px;color:var(--app-ink);background:radial-gradient(circle at 50% 0%,color-mix(in srgb,var(--bronze) 24%,transparent),transparent 16rem),var(--app-panel-strong);box-shadow:0 28px 80px #0000006b;text-align:center}.attendance-panel .eyebrow,.attendance-panel h2,.attendance-panel>p{margin:0}.attendance-panel h2{font-size:clamp(1.7rem,5vw,2.25rem);letter-spacing:-.055em}.attendance-panel>p:not(.eyebrow){color:var(--app-ink-soft);font-weight:750}.attendance-gem{display:grid;width:58px;height:58px;place-items:center;justify-self:center;border:1px solid color-mix(in srgb,var(--bronze) 70%,white);border-radius:18px;color:#f0bd50;background:color-mix(in srgb,var(--bronze) 24%,var(--app-panel));box-shadow:inset 0 2px 3px #ffffff2e;font-size:1.55rem}.attendance-streak{display:flex;align-items:end;justify-content:space-between;gap:1rem;padding:.8rem .9rem;border:1px solid var(--app-line);border-radius:14px;background:var(--app-panel-muted);text-align:left}.attendance-streak span{display:grid;gap:.1rem}.attendance-streak small{color:var(--app-ink-soft);font-size:.7rem;font-weight:800}.attendance-streak strong{font-size:1.35rem}.attendance-week{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:.35rem}.attendance-week span{display:grid;aspect-ratio:1;place-items:center;border:1px solid var(--app-line);border-radius:10px;color:var(--app-ink-soft);background:var(--app-panel-muted);font-size:.72rem;font-weight:950}.attendance-week span.checked{border-color:color-mix(in srgb,var(--green-light) 52%,var(--app-line));color:#fff;background:linear-gradient(145deg,var(--green-light),var(--green))}.attendance-actions{display:grid;grid-template-columns:.7fr 1.3fr;gap:.55rem}.attendance-panel>.primary-action,.attendance-actions button{min-height:48px}@media (max-width: 640px){.home-stage{width:min(calc(100% - .5rem),560px)}.home-play-layout{width:100%;justify-items:stretch}.home-play-layout .home-board-card{justify-self:center}.home-play-panel{width:100%}.patch-notes-page{justify-self:center;width:min(calc(100% - 1rem),560px);margin-inline:auto}.attendance-panel{width:min(100%,390px);padding:1rem;border-radius:19px}}@media (max-width: 360px){.attendance-actions{grid-template-columns:1fr}}.collection-section{display:grid;gap:1rem;padding:1.1rem}.collection-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem}.collection-heading h2,.collection-heading p{margin:0}.collection-heading>div:first-child{display:grid;gap:.3rem}.collection-heading>div:first-child>p:last-child{color:var(--app-ink-soft);font-size:.82rem;font-weight:700}.collection-progress{display:grid;min-width:112px;gap:.1rem;padding:.7rem .85rem;border:1px solid var(--app-line);border-radius:14px;background:var(--app-panel-muted);text-align:right}.collection-progress strong{font-size:1.35rem}.collection-progress strong small,.collection-progress span{color:var(--app-ink-soft)}.collection-progress span{font-size:.66rem;font-weight:850}.collection-filters{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.4rem}.collection-filters button{display:flex;min-height:38px;align-items:center;justify-content:center;gap:.35rem;border:1px solid var(--app-line);border-radius:10px;color:var(--app-ink-soft);background:var(--app-panel-muted);font-size:.74rem;font-weight:900;cursor:pointer}.collection-filters button.active{border-color:var(--app-line-strong);color:var(--app-ink);background:var(--app-panel-strong)}.collection-filters small{display:grid;min-width:19px;height:19px;place-items:center;border-radius:999px;background:color-mix(in srgb,currentColor 12%,transparent);font-size:.6rem}.collection-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.65rem}.collection-card{display:grid;min-width:0;justify-items:center;gap:.55rem;padding:.75rem .55rem;border:1px solid var(--app-line);border-radius:14px;background:var(--app-panel-muted);text-align:center}.collection-card.owned{background:radial-gradient(circle at 50% 0%,color-mix(in srgb,var(--green-light) 10%,transparent),transparent 7rem),var(--app-panel-muted)}.collection-card.locked .tile-skin-preview{filter:saturate(.48) brightness(.76)}.collection-tile-preview{width:62px;border-radius:14px}.collection-card>span{display:grid;min-width:0;gap:.12rem}.collection-card>span small{color:var(--app-ink-soft);font-size:.58rem;font-weight:900;text-transform:uppercase}.collection-card>span strong{overflow:hidden;font-size:.76rem;text-overflow:ellipsis;white-space:nowrap}.collection-card>b{color:var(--app-ink-soft);font-size:.62rem}.collection-card.owned>b{color:var(--green-light)}@media (max-width: 900px){.collection-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width: 560px){.store-tabs{gap:.2rem;margin-bottom:.7rem;padding:.25rem}.store-tabs button{padding-inline:.25rem;font-size:.64rem}.collection-section{padding:.7rem}.collection-heading{align-items:end}.collection-heading h2{font-size:1.35rem}.collection-heading>div:first-child>p:last-child{display:none}.collection-progress{min-width:94px;padding:.55rem .65rem}.collection-progress strong{font-size:1.1rem}.collection-filters{gap:.25rem}.collection-filters button{min-height:34px;gap:.2rem;padding-inline:.2rem;font-size:.64rem}.collection-filters small{min-width:16px;height:16px;font-size:.52rem}.collection-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem}.collection-card{gap:.4rem;padding:.6rem .4rem}.collection-tile-preview{width:54px;border-radius:12px}}@media (max-width: 340px){.collection-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.route-loading{display:grid;min-height:180px;align-content:start;gap:.75rem;padding:1rem 0}.route-loading>span,.route-loading-grid>span{display:block;border-radius:999px;background:color-mix(in srgb,var(--app-ink-soft) 11%,transparent)}.route-loading-title{width:min(220px,48%);height:22px}.route-loading-line{width:min(390px,76%);height:12px}.route-loading-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;margin-top:.5rem}.route-loading-grid>span{height:112px;border-radius:14px}.account-route-loading .route-loading-grid{grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width: 640px){.collection-section{gap:1.05rem;padding:.85rem}.collection-filters{grid-template-columns:repeat(5,minmax(0,1fr));gap:.3rem}.collection-filters button{min-width:0;min-height:38px;gap:.16rem;padding-inline:.12rem;font-size:.66rem;white-space:nowrap}.collection-filters small{min-width:17px;height:17px}.store-section-heading{gap:.75rem}.store-section-heading h2{line-height:1.12}.route-loading{min-height:150px;padding:.8rem .15rem}.route-loading-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}.route-loading-grid>span{height:88px}.account-route-loading .route-loading-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.profile-stats{grid-template-columns:repeat(7,minmax(0,1fr))}.match-history article{display:grid;grid-template-columns:auto minmax(0,1fr) auto}@media (max-width: 700px){.profile-stats{grid-template-columns:repeat(4,minmax(0,1fr))}.match-history article{grid-template-columns:auto minmax(0,1fr)}.match-history article>a{grid-column:1 / -1}}@media (max-width: 340px){html,body{min-width:0}}:root{--rm-canvas: #f1e9dc;--rm-canvas-deep: #e8dccb;--rm-paper: #fbf6ec;--rm-paper-raised: #fffaf1;--rm-paper-muted: #eee4d5;--rm-ink: #2f2923;--rm-ink-soft: #756b60;--rm-line: rgba(74, 57, 40, .15);--rm-line-strong: rgba(74, 57, 40, .27);--rm-burgundy: #8a3044;--rm-burgundy-deep: #682233;--rm-navy: #253f5c;--rm-green: #365f49;--rm-gold: #ad7d37;--rm-walnut: #765037;--rm-walnut-light: #a7784f;--rm-walnut-deep: #3d281b;--rm-radius-sm: 10px;--rm-radius-md: 14px;--rm-radius-lg: 20px;--rm-shadow-soft: 0 18px 48px rgba(75, 49, 28, .09);--rm-shadow-board: 0 22px 46px rgba(65, 39, 21, .18), 0 4px 10px rgba(65, 39, 21, .12);--rm-ease: cubic-bezier(.2, .75, .25, 1);--app-page: var(--rm-canvas);--app-page-deep: var(--rm-canvas-deep);--app-ink: var(--rm-ink);--app-ink-soft: var(--rm-ink-soft);--app-line: var(--rm-line);--app-line-strong: var(--rm-line-strong);--app-panel: rgba(251, 246, 236, .76);--app-panel-strong: rgba(255, 250, 241, .95);--app-panel-muted: rgba(91, 68, 45, .055);--app-sidebar: rgba(248, 242, 232, .96);--app-sidebar-hover: rgba(138, 48, 68, .065);--app-shadow: var(--rm-shadow-soft);--app-accent: var(--rm-burgundy);--accent: var(--app-accent);--burgundy: var(--rm-burgundy);--burgundy-light: #ac5265;--navy: var(--rm-navy);--green: var(--rm-green);--bronze: var(--rm-gold)}:root[data-theme=dark]{--rm-canvas: #171716;--rm-canvas-deep: #111211;--rm-paper: #22211f;--rm-paper-raised: #292724;--rm-paper-muted: #302d29;--rm-ink: #f0e8da;--rm-ink-soft: #ada397;--rm-line: rgba(245, 232, 211, .095);--rm-line-strong: rgba(245, 232, 211, .18);--rm-burgundy: #a6485e;--rm-burgundy-deep: #7e3045;--rm-navy: #365c7d;--rm-green: #47745f;--rm-gold: #b68a4c;--rm-walnut: #704b32;--rm-walnut-light: #936743;--rm-walnut-deep: #24160e;--rm-shadow-soft: 0 20px 54px rgba(0, 0, 0, .24);--rm-shadow-board: 0 24px 54px rgba(0, 0, 0, .38), 0 5px 12px rgba(0, 0, 0, .28);--app-panel: rgba(255, 250, 241, .04);--app-panel-strong: rgba(255, 250, 241, .075);--app-panel-muted: rgba(0, 0, 0, .16);--app-sidebar: rgba(24, 24, 23, .97);--app-sidebar-hover: rgba(255, 255, 255, .055)}html,body{color:var(--rm-ink);background:var(--rm-canvas)}body{background-image:radial-gradient(circle at 14% 0%,color-mix(in srgb,var(--rm-paper-raised) 72%,transparent),transparent 30rem),linear-gradient(145deg,var(--rm-canvas),var(--rm-canvas-deep));background-attachment:fixed}button,a,input,select,textarea{transition:color var(--duration) var(--rm-ease),background-color var(--duration) var(--rm-ease),border-color var(--duration) var(--rm-ease),box-shadow var(--duration) var(--rm-ease),transform var(--duration) var(--rm-ease),opacity var(--duration) var(--rm-ease)}.app-frame button:not(:disabled):active,.modal-backdrop button:not(:disabled):active{transform:translateY(1px) scale(.99)}.eyebrow{margin-bottom:.55rem;color:var(--rm-burgundy);font-size:.66rem;font-weight:850;letter-spacing:.2em}.brand-mark{gap:.65rem}.brand-symbol{display:block;width:48px;height:38px;padding:0;overflow:visible;border:0;border-radius:0;background:transparent;box-shadow:none}.brand-symbol svg{display:block;width:100%;height:100%;overflow:visible}.brand-tile-red{fill:var(--rm-burgundy)}.brand-tile-blue{fill:var(--rm-navy)}.brand-tile-green{fill:var(--rm-green)}.brand-copy strong{color:var(--rm-ink);font-family:Georgia,Times New Roman,serif;font-size:1.05rem;font-weight:700;letter-spacing:.16em}.app-frame{grid-template-columns:188px minmax(0,1fr);min-height:100svh;color:var(--rm-ink);background:radial-gradient(circle at 76% 6%,color-mix(in srgb,var(--rm-paper-raised) 58%,transparent),transparent 34rem),linear-gradient(145deg,var(--rm-canvas),var(--rm-canvas-deep))}.app-sidebar{z-index:70;width:188px;padding:1.15rem .75rem;border-right:1px solid var(--rm-line);background:var(--app-sidebar);box-shadow:none}.sidebar-brand{min-height:64px;padding:0 .6rem;border-radius:var(--rm-radius-md)}.sidebar-brand:hover{background:var(--app-sidebar-hover)}.app-sidebar .brand-symbol{border:0;background:transparent}.sidebar-nav{gap:.18rem;margin-top:1.5rem}.sidebar-nav button,.sidebar-bottom button{position:relative;min-height:43px;padding:0 .75rem 0 1rem;border-radius:11px;color:var(--rm-ink-soft);font-size:.82rem;font-weight:760}.sidebar-nav button:before,.sidebar-bottom button:before{width:5px;height:5px;margin-right:.65rem;border:1px solid currentColor;border-radius:50%;content:""}.sidebar-nav button:hover,.sidebar-bottom button:hover{color:var(--rm-ink);background:var(--app-sidebar-hover)}.sidebar-nav button.active,.sidebar-bottom button.active{color:var(--rm-burgundy);background:color-mix(in srgb,var(--rm-burgundy) 8%,transparent)}.sidebar-nav button.active:before,.sidebar-bottom button.active:before{border-color:var(--rm-burgundy);background:var(--rm-burgundy);box-shadow:0 0 0 4px color-mix(in srgb,var(--rm-burgundy) 10%,transparent)}.sidebar-bottom{gap:.18rem;padding-top:.75rem;border-top:1px solid var(--rm-line)}.app-content-shell,.home-stage{width:min(calc(100% - 3rem),1180px);margin-inline:auto}.app-content-shell{padding:clamp(1.35rem,3vw,2.6rem) 0 3.5rem}.online-copy h1,.store-hero h1,.patch-notes-page .online-copy h1{color:var(--rm-ink);font-family:Inter,Pretendard,Noto Sans KR,system-ui,sans-serif;font-size:clamp(2rem,3.4vw,3.35rem);font-weight:880;line-height:1.04;letter-spacing:-.055em}.online-copy>p:last-child,.store-hero>div:first-child>p:last-child{max-width:670px;color:var(--rm-ink-soft);font-size:.9rem;font-weight:620;line-height:1.65}.online-card,.store-section,.collection-section,.account-summary,.tier-guide-card,.patch-release-card,.legal-shell>section,.replay-controls,.current-palette-card,.saved-palette-grid>article,.palette-editor,.home-account-card,.home-quests,.visitor-strip,.confirm-panel,.settings-panel,.help-panel,.patch-notes-panel,.tutorial-panel,.attendance-panel,.result-panel{border:1px solid var(--rm-line);border-radius:var(--rm-radius-lg);background:color-mix(in srgb,var(--rm-paper) 88%,transparent);box-shadow:var(--rm-shadow-soft)}:root[data-theme=dark] :is(.online-card,.store-section,.collection-section,.account-summary,.tier-guide-card,.patch-release-card,.legal-shell>section,.replay-controls,.current-palette-card,.saved-palette-grid>article,.palette-editor,.home-account-card,.home-quests,.visitor-strip,.confirm-panel,.settings-panel,.help-panel,.patch-notes-panel,.tutorial-panel,.attendance-panel,.result-panel){background:color-mix(in srgb,var(--rm-paper) 88%,transparent)}.primary-action,.secondary-action,.danger-action,.history-more-button,.loadout-reset,.home-mode,.home-utility-links button{border-radius:11px}.primary-action{border:1px solid color-mix(in srgb,var(--rm-burgundy) 78%,black);color:#fff9ef;background:var(--rm-burgundy);box-shadow:0 3px 0 var(--rm-burgundy-deep)}.primary-action:hover:not(:disabled){background:color-mix(in srgb,var(--rm-burgundy) 88%,white);box-shadow:0 4px 0 var(--rm-burgundy-deep),0 10px 22px color-mix(in srgb,var(--rm-burgundy) 18%,transparent);transform:translateY(-1px)}.secondary-action,.history-more-button,.loadout-reset{border:1px solid var(--rm-line-strong);color:var(--rm-ink);background:color-mix(in srgb,var(--rm-paper-raised) 86%,transparent);box-shadow:0 2px color-mix(in srgb,var(--rm-walnut) 16%,transparent)}.secondary-action:hover:not(:disabled),.history-more-button:hover:not(:disabled),.loadout-reset:hover:not(:disabled){border-color:color-mix(in srgb,var(--rm-burgundy) 38%,var(--rm-line-strong));background:var(--rm-paper-raised);transform:translateY(-1px)}.segmented-control,.store-tabs,.rarity-tabs,.account-tabs,.quest-period-tabs,.record-mode-tabs,.collection-filters{border:1px solid var(--rm-line);border-radius:var(--rm-radius-md);background:color-mix(in srgb,var(--rm-paper-muted) 64%,transparent)}:is(.segmented-control,.store-tabs,.rarity-tabs,.account-tabs,.quest-period-tabs,.record-mode-tabs,.collection-filters) button{border-radius:10px}:is(.segmented-control,.store-tabs,.rarity-tabs,.account-tabs,.quest-period-tabs,.record-mode-tabs,.collection-filters) button.active{color:var(--rm-burgundy);background:var(--rm-paper-raised);box-shadow:0 3px 10px #462d1914}.home-stage{align-content:center;gap:1rem;min-height:100svh;padding:1.5rem 0 2.5rem;transform:none!important}.home-intro{justify-items:start;width:100%;max-width:none;padding-inline:.15rem;text-align:left}.home-intro h1{max-width:760px;color:var(--rm-ink);font-size:clamp(2rem,3.1vw,3.15rem);font-weight:880;line-height:1.07;letter-spacing:-.055em}.home-intro>p:last-child{color:var(--rm-ink-soft);font-size:.86rem;font-weight:620}.home-play-layout{grid-template-columns:minmax(280px,420px) minmax(390px,1fr);gap:clamp(1.4rem,3vw,2.8rem)}.home-play-layout .home-board-card{width:min(34vw,420px)}.home-stage .hero-board,.game-board-frame{border-color:var(--rm-walnut-deep);background:repeating-linear-gradient(92deg,rgba(255,255,255,.028) 0 1px,transparent 1px 30px),repeating-linear-gradient(2deg,rgba(27,13,6,.045) 0 1px,transparent 1px 42px),linear-gradient(138deg,var(--rm-walnut-light),var(--rm-walnut));box-shadow:var(--rm-shadow-board),inset 0 0 0 1px #fff8e71f}.home-stage .hero-board{gap:clamp(5px,.75vw,8px);padding:clamp(13px,1.6vw,20px);border-width:clamp(7px,.8vw,10px);border-radius:clamp(18px,2vw,25px)}.home-stage .hero-board i{border-color:#fff1da1c;background:#2d190d47;box-shadow:inset 0 3px 6px #170b053d}.home-stage .hero-board .tile-a:after,.home-stage .hero-board .tile-b:after,.home-stage .hero-board .tile-c:after{box-shadow:inset 0 2px 1px #ffffff21,0 4px 9px #0003}.home-play-panel{gap:.8rem;padding:1rem;border:0;border-radius:0;background:transparent;box-shadow:none}.home-play-panel-heading{padding-bottom:.7rem;border-bottom:1px solid var(--rm-line)}.home-play-panel-heading h2{color:var(--rm-ink);font-size:1.15rem}.home-utility-links button{color:var(--rm-ink-soft)}.home-quick-configs{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}.quick-config{width:100%;margin:0;border-color:var(--rm-line);border-radius:var(--rm-radius-md);background:color-mix(in srgb,var(--rm-paper-muted) 52%,transparent)}.quick-config button.active{color:var(--rm-burgundy);background:var(--rm-paper-raised);box-shadow:0 3px 9px #482e1814}.home-play-panel .home-mode-actions{gap:.55rem}.home-play-panel .home-mode-actions .home-mode{position:relative;min-height:74px;padding:.78rem .85rem;overflow:hidden;border:1px solid var(--rm-line);border-radius:var(--rm-radius-md);color:var(--rm-ink);background:color-mix(in srgb,var(--rm-paper) 78%,transparent);box-shadow:0 3px color-mix(in srgb,var(--rm-walnut) 13%,transparent)}.home-play-panel .home-mode-actions .home-mode:before{position:absolute;top:0;bottom:0;left:0;width:4px;background:var(--mode-accent, var(--rm-burgundy));content:""}.home-mode.burgundy{--mode-accent: var(--rm-burgundy)}.home-mode.navy{--mode-accent: var(--rm-navy)}.home-mode.green{--mode-accent: var(--rm-green)}.home-mode.bronze{--mode-accent: var(--rm-gold)}.home-play-panel .home-mode-actions .home-mode:hover{border-color:color-mix(in srgb,var(--mode-accent) 42%,var(--rm-line));background:var(--rm-paper-raised);transform:translateY(-2px)}.home-mode small{color:var(--mode-accent, var(--rm-ink-soft));font-size:.54rem;letter-spacing:.13em}.home-mode strong{font-size:.94rem}.home-mode span{color:var(--rm-ink-soft);font-size:.66rem}.home-dashboard{grid-template-columns:minmax(260px,.65fr) minmax(0,1.35fr);gap:.65rem}.home-dashboard .home-account-card,.home-dashboard .home-quests,.home-dashboard .visitor-strip{box-shadow:none}.home-account-card,.home-quests,.visitor-strip span{border-radius:var(--rm-radius-md)}.home-account-card,.home-quests{background:color-mix(in srgb,var(--rm-paper) 76%,transparent)}.visitor-strip{border:0;background:transparent}.visitor-strip span{border-color:var(--rm-line);background:color-mix(in srgb,var(--rm-paper) 64%,transparent)}.visitor-strip strong{color:var(--rm-green)}.store-shell,.account-shell{width:min(calc(100% - 3rem),1120px);transform:none!important}.store-hero{align-items:end;padding-bottom:1rem;border-bottom:1px solid var(--rm-line)}.chip-wallet,.mini-chip-balance{border:1px solid color-mix(in srgb,var(--rm-gold) 32%,var(--rm-line));border-radius:var(--rm-radius-md);background:color-mix(in srgb,var(--rm-gold) 9%,var(--rm-paper));box-shadow:none}.store-tabs{padding:.28rem;border-radius:var(--rm-radius-md)}.store-section,.collection-section{padding:clamp(.9rem,2vw,1.25rem);box-shadow:none}.cosmetic-card,.collection-card,.palette-box-card,.locked-pack-card,.fragment-card,.quest-card,.economy-ledger article,.match-history article{border:1px solid var(--rm-line);border-radius:var(--rm-radius-md);background:color-mix(in srgb,var(--rm-paper-raised) 68%,transparent);box-shadow:none}.cosmetic-card:hover,.collection-card:hover{border-color:color-mix(in srgb,var(--rm-burgundy) 28%,var(--rm-line));background:var(--rm-paper-raised);transform:translateY(-2px)}.store-tile-preview,.collection-tile-preview,.purchase-tile-preview{filter:drop-shadow(0 8px 9px rgba(52,31,17,.13))}.account-summary{padding:clamp(1rem,2.2vw,1.5rem);box-shadow:none}.profile-stats span{border:1px solid var(--rm-line);border-radius:var(--rm-radius-md);background:color-mix(in srgb,var(--rm-paper-muted) 46%,transparent)}.account-tabs{padding:.28rem}.current-palette-card{background:color-mix(in srgb,var(--rm-paper-muted) 46%,transparent);box-shadow:none}.saved-palette-grid>article,.palette-editor{background:color-mix(in srgb,var(--rm-paper) 72%,transparent);box-shadow:none}.saved-palette-grid>article.active{border-color:color-mix(in srgb,var(--rm-burgundy) 58%,var(--rm-line));box-shadow:inset 4px 0 0 var(--rm-burgundy)}.palette-draft-slots>button,.palette-owned-tile-grid>button,.owned-tile-tools,.owned-tile-search,.palette-card-menu>summary,.palette-card-menu>div,.palette-card-menu button,.palette-card-menu input{border-color:var(--rm-line);border-radius:11px;background:color-mix(in srgb,var(--rm-paper-raised) 76%,transparent)}.palette-draft-slots>button.selected,.palette-owned-tile-grid>button.selected{border-color:var(--rm-burgundy);box-shadow:inset 0 0 0 1px var(--rm-burgundy)}.record-outcome-summary .win,.match-outcome-badge.win{background:var(--rm-green)}.record-outcome-summary .loss,.match-outcome-badge.loss{background:#a84350}.record-outcome-summary .draw,.match-outcome-badge.draw{background:#777b7c}.game-page.app-frame{background:linear-gradient(145deg,var(--rm-canvas),var(--rm-canvas-deep))}.game-topbar,.replay-header{border-color:var(--rm-line);background:color-mix(in srgb,var(--rm-paper) 78%,transparent)}.game-control-panel,.replay-controls{border-color:var(--rm-line);border-radius:var(--rm-radius-lg);background:color-mix(in srgb,var(--rm-paper) 75%,transparent);box-shadow:none}.game-control-panel .player-card,.color-picker,.turn-banner,.replay-playback-row{border-color:var(--rm-line);border-radius:var(--rm-radius-md);background:color-mix(in srgb,var(--rm-paper-raised) 66%,transparent)}.game-control-panel .player-card.active,.turn-banner.mine{border-color:color-mix(in srgb,var(--rm-burgundy) 55%,var(--rm-line));box-shadow:inset 4px 0 0 var(--rm-burgundy)}.board-cell{border-radius:clamp(7px,1vw,11px)}.modal-backdrop{padding:clamp(.65rem,2vw,1.25rem);background:#19141099;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.settings-panel,.help-panel,.patch-notes-panel,.tutorial-panel,.attendance-panel,.result-panel,.confirm-panel{border-radius:clamp(17px,2vw,24px);background:var(--rm-paper-raised)}.icon-button{border-color:var(--rm-line);border-radius:11px;background:color-mix(in srgb,var(--rm-paper-muted) 52%,transparent)}.shortcut-setting-heading{flex-direction:row;align-items:center;justify-content:space-between;gap:1rem}.shortcut-setting-heading>span{display:flex;flex-direction:column;gap:.2rem;color:inherit}.shortcut-setting-heading .shortcut-reset{flex:none;width:auto;min-height:36px;padding:.45rem .75rem;font-size:.7rem}.shortcut-key-grid{display:grid;gap:.45rem}.shortcut-key-row{display:grid;grid-template-columns:18px minmax(0,1fr) minmax(86px,auto);align-items:center;gap:.65rem;min-height:48px;padding:.45rem .55rem .45rem .75rem;border:1px solid var(--rm-line);border-radius:12px;background:color-mix(in srgb,var(--rm-paper-muted) 54%,transparent)}.shortcut-color-dot{width:12px;height:12px;border-radius:4px;box-shadow:inset 0 0 0 1px #ffffff47}.shortcut-color-dot.colorA{background:var(--burgundy)}.shortcut-color-dot.colorB{background:var(--navy)}.shortcut-color-dot.colorC{background:var(--green)}.shortcut-key-row>strong{font-size:.76rem}.shortcut-key-row>button{min-width:86px;min-height:36px;padding:.4rem .65rem;border:1px solid var(--rm-line-strong);border-radius:9px;color:var(--rm-ink);background:var(--rm-paper-raised);font:inherit;font-size:.72rem;font-weight:800;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.shortcut-key-row>button:hover,.shortcut-key-row>button:focus-visible{border-color:var(--rm-burgundy);box-shadow:0 0 0 3px color-mix(in srgb,var(--rm-burgundy) 16%,transparent);transform:translateY(-1px)}.shortcut-key-row>button.recording{border-color:var(--rm-burgundy);color:var(--rm-burgundy);background:color-mix(in srgb,var(--rm-burgundy) 9%,var(--rm-paper-raised))}.shortcut-setting-help{min-height:1.1rem;color:var(--rm-ink-soft);font-size:.67rem}.shortcut-setting-help.error{color:#b13f49;font-weight:750}@media (max-width: 1120px){.home-play-layout{grid-template-columns:minmax(245px,330px) minmax(390px,1fr)}.home-play-layout .home-board-card{width:min(31vw,330px)}}@media (max-width: 900px){.app-frame{grid-template-columns:1fr}.app-sidebar{position:sticky;top:0;width:100%;height:auto}.home-stage,.app-content-shell,.store-shell,.account-shell{width:min(calc(100% - 1.5rem),680px)}.home-play-layout,.home-dashboard{grid-template-columns:1fr}.home-play-layout .home-board-card{width:min(54vw,300px)}}@media (max-width: 640px){.app-frame{padding-bottom:calc(64px + var(--safe-area-bottom))}.app-frame>.app-sidebar{position:fixed;inset:0 0 auto;min-height:58px;padding:max(.5rem,var(--safe-area-top)) .72rem .48rem;border-right:0;border-bottom:1px solid var(--rm-line);background:color-mix(in srgb,var(--app-sidebar) 97%,transparent);box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.sidebar-brand,.sidebar-brand .brand-mark{width:auto;height:38px;min-height:38px;padding:0}.sidebar-brand .brand-symbol{width:44px;height:32px}.sidebar-brand .brand-copy{display:none}.mobile-header-actions button{min-height:36px;padding:.35rem .56rem;border:0;border-radius:10px;color:var(--rm-ink-soft);background:transparent;font-size:.66rem}.mobile-header-actions button:hover,.mobile-header-actions button.active{color:var(--rm-burgundy);background:color-mix(in srgb,var(--rm-burgundy) 8%,transparent)}.app-sidebar .sidebar-menu{gap:0;padding:.25rem max(.4rem,var(--safe-area-right)) max(.25rem,var(--safe-area-bottom)) max(.4rem,var(--safe-area-left));border-color:var(--rm-line);background:color-mix(in srgb,var(--app-sidebar) 98%,transparent);box-shadow:0 -8px 22px #2f201314;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.app-sidebar .sidebar-nav button,.app-sidebar .sidebar-bottom button{min-height:49px;padding:.3rem .15rem;border-radius:9px;font-size:.65rem}.app-sidebar .sidebar-nav button:before,.app-sidebar .sidebar-bottom button:before{display:none}.app-sidebar .sidebar-nav button.active,.app-sidebar .sidebar-bottom button.active{color:var(--rm-burgundy);background:color-mix(in srgb,var(--rm-burgundy) 7%,transparent)}.app-sidebar .sidebar-nav button.active:after,.app-sidebar .sidebar-bottom button.active:after{right:30%;bottom:4px;left:30%;height:2px;background:var(--rm-burgundy)}.home-stage,.app-content-shell,.store-shell,.account-shell{width:min(calc(100% - 1rem),560px)}.home-stage{align-content:start;gap:.72rem;min-height:0;padding:.85rem 0 4.9rem}.home-intro{justify-items:center;gap:.22rem;text-align:center}.home-intro h1{max-width:340px;font-size:clamp(1.55rem,7vw,1.9rem);line-height:1.12}.home-intro>p:last-child{max-width:330px;font-size:.71rem;line-height:1.42}.home-play-layout{gap:.72rem}.home-play-layout .home-board-card{width:min(48vw,184px)}.home-play-panel{width:100%;gap:.58rem;padding:.7rem 0 0;border-top:1px solid var(--rm-line)}.home-play-panel-heading{padding:0 .15rem .55rem}.home-play-panel-heading h2{font-size:.98rem}.home-quick-configs{grid-template-columns:1fr}.quick-config{min-height:48px}.home-play-panel .home-mode-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem}.home-play-panel .home-mode-actions .home-mode{min-height:64px;padding:.65rem .7rem;border-radius:12px}.home-dashboard{gap:.5rem}.home-dashboard .visitor-strip{display:none}.home-dashboard .home-account-card,.home-dashboard .home-quests{border-radius:var(--rm-radius-md)}.app-content-shell{padding:1rem 0 4.8rem}.online-copy h1,.store-hero h1,.patch-notes-page .online-copy h1{font-size:clamp(1.75rem,8vw,2.2rem)}.store-hero{gap:.65rem}.store-tabs,.account-tabs,.rarity-tabs,.quest-period-tabs,.record-mode-tabs{scrollbar-width:none}.store-tabs::-webkit-scrollbar,.account-tabs::-webkit-scrollbar,.rarity-tabs::-webkit-scrollbar,.quest-period-tabs::-webkit-scrollbar,.record-mode-tabs::-webkit-scrollbar{display:none}.current-palette-card,.saved-palette-grid>article,.palette-editor,.store-section,.collection-section,.account-summary,.online-card,.tier-guide-card,.patch-release-card{border-radius:15px}.modal-backdrop{align-items:end;padding:max(.5rem,var(--safe-area-top)) .5rem max(.5rem,var(--safe-area-bottom))}.settings-panel,.help-panel,.attendance-panel,.result-panel,.confirm-panel{border-radius:20px}}@media (max-width: 360px){.home-stage,.app-content-shell,.store-shell,.account-shell{width:min(calc(100% - .7rem),560px)}.home-play-layout .home-board-card{width:min(52vw,170px)}.mobile-header-actions button{padding-inline:.42rem;font-size:.62rem}.shortcut-setting-heading{align-items:flex-start}.shortcut-setting-heading .shortcut-reset{padding-inline:.55rem}}@media (min-width: 721px){.palette-editor-layout{grid-template-columns:minmax(13rem,.48fr) minmax(0,1.8fr)}.palette-owned-tile-grid{grid-template-columns:repeat(auto-fill,minmax(7rem,1fr));gap:.6rem}.palette-owned-tile-grid>button{grid-template-columns:1fr;justify-items:center;align-content:start;min-height:8.5rem;gap:.42rem;padding:.65rem .45rem;text-align:center}.palette-owned-tile-grid .tile-skin-preview{width:min(4.25rem,100%);border-radius:.9rem}.palette-owned-tile-grid>button>span{width:100%}.palette-owned-tile-grid strong{font-size:.74rem}}@media (max-width: 720px){.palette-owned-tile-grid .tile-skin-preview{width:min(3.65rem,16vw)}}@media (prefers-reduced-motion: reduce){.app-frame *,.modal-backdrop *{scroll-behavior:auto!important}}.atelier-cosmetic-preview{position:relative;display:grid;place-items:center;width:7rem;aspect-ratio:1;overflow:hidden;border:1px solid color-mix(in srgb,var(--cosmetic-preview-color-a) 55%,var(--border-color));border-radius:1.25rem;background:color-mix(in srgb,var(--surface-raised) 88%,var(--cosmetic-preview-color-a));box-shadow:inset 0 1px #ffffff2e,0 .7rem 1.5rem #120c0824}.atelier-cosmetic-preview-board_theme{aspect-ratio:1.08;padding:.65rem}.atelier-cosmetic-preview-board-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.16rem;width:100%;padding:.3rem;border-radius:.55rem;background:color-mix(in srgb,var(--cosmetic-preview-color-a) 60%,#2b1b12)}.atelier-cosmetic-preview-board-grid i{aspect-ratio:1;border-radius:.2rem;background:#23160e47;box-shadow:inset 0 1px 2px #00000040}.atelier-cosmetic-preview-tile{width:46%;aspect-ratio:1;border-radius:24%;background:var(--cosmetic-preview-color-a);box-shadow:0 0 0 .22rem color-mix(in srgb,var(--cosmetic-preview-color-b) 55%,transparent),0 .45rem .8rem #00000040}.atelier-cosmetic-preview-placement_effect:before,.atelier-cosmetic-preview-placement_effect:after{content:"";position:absolute;width:62%;aspect-ratio:1;border:.16rem solid var(--cosmetic-preview-color-b);border-radius:50%;opacity:.65}.atelier-cosmetic-preview-placement_effect:after{width:78%;opacity:.24}.atelier-cosmetic-preview-score-row{display:flex;align-items:center;gap:.28rem}.atelier-cosmetic-preview-score-row i{width:1.6rem;aspect-ratio:1;border-radius:.45rem;background:var(--cosmetic-preview-color-a)}.atelier-cosmetic-preview-score-row i:nth-child(2){opacity:.6;transform:translateY(-.2rem)}.atelier-cosmetic-preview-score-row i:nth-child(3){opacity:.25;transform:translateY(-.4rem)}.atelier-cosmetic-preview-victory{display:grid;place-items:center;width:100%;height:100%}.atelier-cosmetic-preview-victory b{z-index:1;font:800 2.2rem/1 var(--font-display);color:var(--cosmetic-preview-color-a);text-shadow:0 2px var(--cosmetic-preview-color-b)}.atelier-cosmetic-preview-victory i{position:absolute;width:.55rem;aspect-ratio:1;border-radius:50%;background:var(--cosmetic-preview-color-c)}.atelier-cosmetic-preview-victory i:nth-of-type(1){top:22%;left:22%}.atelier-cosmetic-preview-victory i:nth-of-type(2){right:18%;top:30%}.atelier-cosmetic-preview-victory i:nth-of-type(3){bottom:20%;left:32%}.atelier-category-tabs,.atelier-mode-tabs{display:flex;flex-wrap:wrap;gap:.55rem}.atelier-category-tabs button,.atelier-mode-tabs button{min-height:2.8rem;padding:.55rem .85rem;border-radius:.85rem;border:1px solid var(--border-color);background:var(--surface-soft);color:var(--text-primary);font-weight:750}.atelier-category-tabs button.active,.atelier-mode-tabs button.active{color:var(--button-primary-text);background:var(--button-primary);border-color:transparent}.atelier-section .store-section-heading p:not(.eyebrow){max-width:46rem;margin:.45rem 0 0;color:var(--text-secondary)}.atelier-progress{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.55rem;margin:1.1rem 0 0;padding:0;list-style:none}.atelier-progress li{display:flex;align-items:center;gap:.55rem;min-width:0;padding:.65rem .75rem;border:1px solid var(--border-color);border-radius:.85rem;color:var(--text-secondary);background:var(--surface-soft)}.atelier-progress b{display:grid;flex:0 0 auto;place-items:center;width:1.7rem;aspect-ratio:1;border-radius:50%;background:var(--surface-raised);color:var(--text-secondary)}.atelier-progress span{overflow:hidden;font-weight:750;text-overflow:ellipsis;white-space:nowrap}.atelier-progress li.ready{color:var(--text-primary);border-color:color-mix(in srgb,var(--accent) 44%,var(--border-color))}.atelier-progress li.ready b{color:#fff;background:var(--accent)}.atelier-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(19rem,23rem);gap:1rem;margin-top:1rem;align-items:start}.atelier-builder{display:grid;gap:.85rem;min-width:0}.atelier-choice-section{display:grid;gap:.85rem;padding:1rem;border:1px solid var(--border-color);border-radius:1.2rem;background:color-mix(in srgb,var(--surface-soft) 92%,transparent)}.atelier-choice-section>header{display:flex;align-items:center;gap:.7rem}.atelier-choice-section>header>b{display:grid;flex:0 0 auto;place-items:center;width:2rem;aspect-ratio:1;border-radius:.65rem;background:color-mix(in srgb,var(--accent) 16%,var(--surface-raised));color:var(--accent);font:800 .85rem/1 var(--font-display)}.atelier-choice-section>header small,.atelier-summary-heading small{color:var(--accent);font-size:.67rem;font-weight:850;letter-spacing:.13em}.atelier-choice-section>header h3,.atelier-summary-heading h3{margin:.08rem 0 0;font-size:clamp(1.05rem,2vw,1.3rem)}.atelier-category-cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.55rem}.atelier-category-cards>button{display:grid;justify-items:center;gap:.4rem;min-width:0;min-height:7.5rem;padding:.75rem .45rem;border:1px solid var(--border-color);border-radius:.95rem;color:var(--text-primary);background:var(--surface-raised)}.atelier-category-cards>button:hover{border-color:color-mix(in srgb,var(--accent) 60%,var(--border-color));transform:translateY(-1px)}.atelier-category-cards>button.active{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 11%,var(--surface-raised));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 40%,transparent)}.atelier-category-cards strong{overflow:hidden;max-width:100%;text-overflow:ellipsis;white-space:nowrap}.atelier-category-cards small{color:var(--text-secondary);font-size:.7rem}.atelier-category-cards>button.active small{color:var(--accent);font-weight:800}.atelier-category-icon{position:relative;display:block;width:3.1rem;aspect-ratio:1;border-radius:.85rem;background:color-mix(in srgb,var(--surface-soft) 88%,var(--accent));overflow:hidden}.atelier-category-icon i{position:absolute;display:block}.atelier-category-icon.category-tile_color i{top:1rem;width:1.05rem;aspect-ratio:1;border-radius:.35rem;transform:rotate(-8deg)}.atelier-category-icon.category-tile_color i:nth-child(1){left:.35rem;background:#9f3d58}.atelier-category-icon.category-tile_color i:nth-child(2){left:1.05rem;background:#40588f}.atelier-category-icon.category-tile_color i:nth-child(3){left:1.75rem;background:#3d7d6a}.atelier-category-icon.category-board_theme{background:#9b6a43;box-shadow:inset 0 0 0 .28rem #6b4229}.atelier-category-icon.category-board_theme:after{content:"";position:absolute;top:.58rem;right:.58rem;bottom:.58rem;left:.58rem;border-radius:.25rem;background:repeating-linear-gradient(90deg,rgba(37,22,13,.35) 0 .35rem,transparent .35rem .58rem),repeating-linear-gradient(0deg,rgba(37,22,13,.35) 0 .35rem,transparent .35rem .58rem)}.atelier-category-icon.category-placement_effect i:nth-child(1){top:1rem;right:1rem;bottom:1rem;left:1rem;border-radius:.4rem;background:#b64f69}.atelier-category-icon.category-placement_effect i:nth-child(2){top:.55rem;right:.55rem;bottom:.55rem;left:.55rem;border:2px solid #d4ad6c;border-radius:50%}.atelier-category-icon.category-placement_effect i:nth-child(3){top:.22rem;right:.22rem;bottom:.22rem;left:.22rem;border:1px dashed color-mix(in srgb,#d4ad6c 70%,transparent);border-radius:50%}.atelier-category-icon.category-score_effect i{top:1.05rem;width:.55rem;border-radius:.2rem;background:#c45a72}.atelier-category-icon.category-score_effect i:nth-child(1){left:.62rem;height:1rem}.atelier-category-icon.category-score_effect i:nth-child(2){left:1.3rem;height:1.45rem;top:.6rem;background:#d7ad62}.atelier-category-icon.category-score_effect i:nth-child(3){left:1.98rem;height:1.9rem;top:.15rem;background:#438271}.atelier-category-icon.category-victory_effect:before{content:"";position:absolute;top:.65rem;right:.48rem;bottom:.75rem;left:.48rem;background:linear-gradient(135deg,#cc5a75,#e0b663);clip-path:polygon(0 25%,26% 52%,50% 8%,74% 52%,100% 25%,88% 100%,12% 100%)}.atelier-rarity-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.55rem}.atelier-rarity-cards>button{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:.15rem .5rem;min-width:0;padding:.7rem;border:1px solid var(--border-color);border-radius:.85rem;color:var(--text-primary);text-align:left;background:var(--surface-raised)}.atelier-rarity-cards>button.active{border-color:currentColor;box-shadow:inset 0 0 0 1px currentColor}.atelier-rarity-cards .rarity-gem{grid-row:1 / 3;font-size:1.15rem}.atelier-rarity-cards small{color:var(--text-secondary)}.atelier-rarity-cards .rarity-common{color:var(--text-primary)}.atelier-rarity-cards .rarity-rare{color:#4ca8dc}.atelier-rarity-cards .rarity-epic{color:#b56ada}.atelier-rarity-cards .rarity-legendary{color:#e5a832}.atelier-mode-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.atelier-mode-cards>button{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.75rem;min-width:0;min-height:6rem;padding:.85rem;border:1px solid var(--border-color);border-radius:1rem;color:var(--text-primary);text-align:left;background:var(--surface-raised)}.atelier-mode-cards>button.active{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,var(--surface-raised));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 42%,transparent)}.atelier-mode-cards>button>b{display:grid;place-items:center;width:2.3rem;aspect-ratio:1;border-radius:.7rem;color:var(--accent);background:color-mix(in srgb,var(--accent) 14%,var(--surface-soft))}.atelier-mode-cards>button>span{display:grid;gap:.25rem}.atelier-mode-cards>button small{color:var(--text-secondary);line-height:1.35}.atelier-mode-cards em{color:var(--accent);font-size:.75rem;font-style:normal;font-weight:850;white-space:nowrap}.atelier-control-card{display:grid;align-content:start;gap:1rem;padding:1.1rem;border:1px solid color-mix(in srgb,var(--accent) 35%,var(--border-color));border-radius:1.25rem;background:color-mix(in srgb,var(--surface-raised) 94%,var(--accent));box-shadow:0 .8rem 2rem #120c0814}.atelier-summary-heading{display:flex;align-items:center;gap:.65rem;padding-bottom:.8rem;border-bottom:1px solid var(--border-color)}.atelier-summary-heading>span{display:grid;flex:0 0 auto;place-items:center;width:2rem;aspect-ratio:1;border-radius:.65rem;color:#fff;background:var(--accent);font-weight:850}.atelier-summary-list{display:grid;gap:.55rem;margin:0}.atelier-summary-list>div{display:flex;justify-content:space-between;gap:1rem}.atelier-summary-list dt{color:var(--text-secondary)}.atelier-summary-list dd{margin:0;font-weight:800;text-align:right}.atelier-summary-preview{justify-self:center;width:7.5rem}.atelier-fragment-status{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:.65rem;padding:.8rem;border-radius:.9rem;background:var(--surface-soft)}.atelier-fragment-status span{display:grid;gap:.15rem;text-align:center}.atelier-fragment-status small{color:var(--text-secondary)}.atelier-fragment-status strong{font:800 1.35rem/1.1 var(--font-display)}.atelier-fragment-status i{color:var(--text-secondary);font-style:normal}.atelier-ready-status{margin:0;padding:.65rem .75rem;border-radius:.75rem;color:#a33e50;background:color-mix(in srgb,#d85c70 12%,var(--surface-soft));font-weight:750}.atelier-ready-status.ready{color:#23755f;background:color-mix(in srgb,#3b9b7f 13%,var(--surface-soft))}.atelier-craft-action{width:100%;min-height:3.2rem}.atelier-target-section{scroll-margin-top:6rem}.atelier-target-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(9rem,1fr));gap:.75rem}.atelier-target-card{position:relative;display:grid;justify-items:center;gap:.5rem;min-width:0;padding:.75rem;border:1px solid var(--border-color);border-radius:1rem;background:var(--surface-raised);color:var(--text-primary)}.atelier-target-card:hover{border-color:color-mix(in srgb,var(--accent) 55%,var(--border-color))}.atelier-target-card.selected{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 28%,transparent)}.atelier-target-card .atelier-cosmetic-preview{width:min(6rem,100%)}.atelier-target-card>small{color:var(--text-secondary)}.atelier-target-card.selected>small{color:var(--accent);font-weight:800}.atelier-empty-note{margin:0;padding:.85rem;border-radius:.8rem;color:var(--text-secondary);background:var(--surface-raised)}.palette-editor-header p:not(.eyebrow){margin:.3rem 0 0;color:var(--text-secondary);font-size:.86rem}.palette-editor-actions{grid-template-columns:minmax(0,1fr) auto;align-items:center}.palette-editor-actions>p{margin:0;color:var(--text-secondary);font-size:.82rem}.palette-editor-actions>button{min-width:10rem}.cosmetic-wishlist-button{position:absolute;z-index:2;top:.45rem;right:.45rem;display:grid;inline-size:2rem;block-size:2rem;min-width:2rem;min-height:2rem;max-width:2rem;max-height:2rem;place-items:center;padding:0;border:0;border-radius:50%;background:#141210b8;color:#fff;line-height:1;contain:layout paint}.cosmetic-wishlist-button.active{color:#ffcf58}.collection-set-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(14rem,1fr));gap:.85rem;margin-top:1rem}.collection-set-card{padding:1rem;border:1px solid var(--border-color);border-radius:1.15rem;background:var(--surface-soft)}.collection-set-previews{display:flex;gap:.35rem;margin:.7rem 0}.collection-set-previews .atelier-cosmetic-preview{width:3.5rem;border-radius:.65rem}.collection-card{position:relative;isolation:isolate;overflow:hidden;contain:layout paint}.collection-filters{grid-template-columns:repeat(6,minmax(0,1fr))}.fragment-workshop-link{display:inline-flex;min-height:2.25rem;align-items:center;justify-content:center;padding:.4rem .7rem;border:1px solid var(--border-color);border-radius:.65rem;color:var(--text-primary);background:var(--surface-raised);font-weight:750;text-decoration:none}.fragment-workshop-link:hover{border-color:var(--accent);transform:translateY(-1px)}.style-loadout-panel{display:grid;gap:1rem;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border-color)}.style-loadout-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem}.style-loadout-grid>article{display:grid;justify-items:center;gap:.55rem;min-width:0;padding:.9rem;border:1px solid var(--border-color);border-radius:1rem;background:var(--surface-soft);text-align:center}.style-loadout-grid .atelier-cosmetic-preview{width:min(5.6rem,100%)}.style-loadout-grid strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.style-loadout-grid .secondary-action{width:100%}.style-default-preview{display:grid;place-items:center;width:min(5.6rem,100%);aspect-ratio:1;border:1px solid var(--border-color);border-radius:1rem;color:#ffffffb3;font:800 1.7rem/1 var(--font-display);background:linear-gradient(145deg,#b8844f,#62432e)}.style-default-placement_effect{border-radius:50%;background:radial-gradient(circle,transparent 30%,#bb7950 32% 37%,transparent 39%),#28231f}.style-default-score_effect{background:linear-gradient(135deg,#b84d67 0 32%,transparent 33% 35%,#40558d 36% 66%,transparent 67% 69%,#3d7b6d 70%)}.style-default-victory_effect{background:radial-gradient(circle at 50% 45%,#d7b56f 0 16%,transparent 17%),linear-gradient(145deg,#382c25,#171514)}.style-inventory-panel{display:grid;gap:.8rem;padding:1rem;border:1px solid var(--border-color);border-radius:1.1rem;background:var(--surface-soft)}.style-inventory-heading{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.style-inventory-heading h4{margin:.15rem 0 0}.style-inventory-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(8.5rem,1fr));gap:.65rem}.style-inventory-grid>button{position:relative;display:grid;justify-items:center;gap:.45rem;min-width:0;padding:.7rem;border:1px solid var(--border-color);border-radius:.9rem;background:var(--surface-raised);color:var(--text-primary)}.style-inventory-grid>button.selected{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 25%,transparent)}.style-inventory-grid .atelier-cosmetic-preview{width:min(5rem,100%)}.style-inventory-grid span{display:grid;min-width:0}.style-inventory-grid strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.style-inventory-grid b{position:absolute;top:.45rem;right:.45rem;display:grid;place-items:center;width:1.5rem;aspect-ratio:1;border-radius:50%;background:var(--accent);color:#fff}@media (max-width: 760px){.palette-editor{background:var(--rm-paper)}.atelier-layout{grid-template-columns:1fr}.atelier-progress{grid-template-columns:repeat(4,1fr);gap:.3rem}.atelier-progress li{display:grid;justify-items:center;gap:.25rem;padding:.5rem .2rem;text-align:center}.atelier-progress span{width:100%;font-size:.68rem}.atelier-choice-section{padding:.8rem}.atelier-category-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.atelier-category-cards>button{min-height:6.8rem}.atelier-rarity-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.atelier-mode-cards{grid-template-columns:1fr}.atelier-mode-cards>button{min-height:5.4rem}.atelier-control-card{position:static}.palette-editor-actions{grid-template-columns:minmax(0,1fr) auto}.palette-editor-actions>p{font-size:.68rem}.palette-editor-actions>button{min-width:8.5rem}.atelier-category-tabs{display:grid;grid-template-columns:repeat(3,1fr)}.atelier-category-tabs button{padding-inline:.35rem;font-size:.82rem}.atelier-target-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.atelier-cosmetic-preview{width:5.4rem}.collection-filters{grid-template-columns:repeat(3,minmax(0,1fr))}.style-loadout-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.style-inventory-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 360px){.atelier-category-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.atelier-mode-cards>button{grid-template-columns:auto minmax(0,1fr)}.atelier-mode-cards em{grid-column:2}.collection-filters,.style-inventory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.style-inventory-heading{align-items:flex-start;flex-direction:column}}.store-page .store-shell{width:min(calc(100% - 3rem),1260px);gap:1rem}.store-page .store-tabs{grid-template-columns:repeat(5,minmax(0,1fr));gap:.35rem;padding:.38rem;border:1px solid var(--border-color);background:color-mix(in srgb,var(--surface-soft) 82%,transparent)}.store-page .store-tabs button{min-height:3.1rem;padding:.6rem .75rem;transition:background-color .16s ease,color .16s ease,transform .16s ease}.store-page .store-tabs button:hover{color:var(--text-primary);background:var(--surface-raised)}.store-page .store-tabs button.active{color:#fff;background:var(--accent);box-shadow:none}.weekly-store-section{gap:1.05rem;padding:clamp(1rem,2vw,1.45rem);overflow:hidden}.store-category-rail{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.55rem}.store-category-rail button{display:grid;grid-template-columns:2.6rem minmax(0,1fr);align-items:center;gap:.65rem;min-width:0;min-height:4.3rem;padding:.55rem .7rem;border:1px solid var(--border-color);border-radius:1rem;color:var(--text-secondary);background:var(--surface-soft);text-align:left}.store-category-rail button:hover{border-color:color-mix(in srgb,var(--accent) 45%,var(--border-color));color:var(--text-primary);background:var(--surface-raised);transform:translateY(-1px)}.store-category-rail button.active{border-color:color-mix(in srgb,var(--accent) 62%,var(--border-color));color:var(--text-primary);background:color-mix(in srgb,var(--accent) 10%,var(--surface-raised));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 25%,transparent)}.store-category-rail button>span{display:flex;align-items:center;justify-content:space-between;gap:.35rem;min-width:0}.store-category-rail strong{overflow:hidden;font-size:.85rem;text-overflow:ellipsis;white-space:nowrap}.store-category-rail small{display:grid;flex:0 0 auto;place-items:center;min-width:1.5rem;height:1.5rem;border-radius:999px;color:var(--text-secondary);background:var(--surface-raised);font-size:.68rem}.store-category-rail button.active small{color:var(--accent);background:color-mix(in srgb,var(--accent) 13%,var(--surface-soft))}.cosmetic-category-icon{display:block;width:2.8rem;height:2.8rem;overflow:visible;color:var(--accent)}.cosmetic-category-icon .icon-fill-a{fill:#b84b66}.cosmetic-category-icon .icon-fill-b{fill:#48639d}.cosmetic-category-icon .icon-fill-c{fill:#3f8974}.cosmetic-category-icon .icon-board-frame{fill:#9a6842;stroke:#d0a26c;stroke-width:2}.cosmetic-category-icon .icon-board-cell{fill:#26180f85}.cosmetic-category-icon .icon-stroke{fill:none;stroke:#d6a952;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.cosmetic-category-icon .icon-stroke-soft{fill:none;stroke:color-mix(in srgb,var(--accent) 45%,transparent);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.cosmetic-category-icon .icon-highlight{fill:none;stroke:#ffffff94;stroke-width:2;stroke-linecap:round}.weekly-catalog-bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.72rem .85rem;border-block:1px solid var(--border-color)}.weekly-catalog-bar>div:first-child{display:flex;align-items:center;gap:.65rem}.weekly-catalog-bar>div:first-child .cosmetic-category-icon{width:2.3rem;height:2.3rem}.weekly-catalog-bar>div:first-child span{display:grid;gap:.05rem}.weekly-catalog-bar>div:first-child small{color:var(--text-secondary)}.weekly-rarity-legend{display:flex;flex-wrap:wrap;justify-content:end;gap:.35rem .75rem}.weekly-rarity-legend span{display:inline-flex;align-items:center;gap:.32rem;color:var(--text-secondary);font-size:.72rem;font-weight:750}.weekly-rarity-legend i{display:block;width:.52rem;aspect-ratio:1;border-radius:50%;background:currentColor}.weekly-rarity-legend span.rarity-common{color:#777169}.weekly-rarity-legend span.rarity-rare{color:#347fae}.weekly-rarity-legend span.rarity-epic{color:#9b50be}.weekly-rarity-legend span.rarity-legendary{color:#bc7d14}.weekly-cosmetic-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.85rem}.weekly-cosmetic-grid.item-count-1{grid-template-columns:minmax(0,22rem);justify-content:start}.weekly-cosmetic-grid.item-count-2{grid-template-columns:repeat(2,minmax(0,1fr))}.weekly-cosmetic-grid.item-count-3{grid-template-columns:repeat(3,minmax(0,1fr))}.weekly-cosmetic-grid .cosmetic-card{position:relative;display:grid;grid-template-rows:minmax(10.5rem,auto) minmax(5.2rem,1fr) auto;justify-items:stretch;gap:.8rem;min-width:0;padding:.8rem;border-radius:1.1rem;text-align:left;background:color-mix(in srgb,var(--surface-raised) 78%,var(--surface-soft))}.weekly-cosmetic-grid .cosmetic-card:hover{transform:translateY(-2px);box-shadow:0 .8rem 1.8rem #0a08061f}.cosmetic-card-visual{position:relative;display:grid;min-height:10.5rem;place-items:center;overflow:hidden;border:1px solid color-mix(in srgb,var(--border-color) 74%,transparent);border-radius:.9rem;background:radial-gradient(circle at 50% 22%,color-mix(in srgb,var(--surface-raised) 92%,white),transparent 62%),color-mix(in srgb,var(--surface-soft) 88%,#000)}.cosmetic-card-visual:after{content:"";position:absolute;right:15%;bottom:.8rem;left:15%;height:.5rem;border-radius:50%;background:#0a08062b;filter:blur(.45rem)}.cosmetic-card-visual .store-tile-preview{z-index:1;width:min(8.6rem,70%)}.cosmetic-rarity-chip{position:absolute;z-index:3;top:.65rem;left:.65rem;padding:.32rem .52rem;border-radius:999px;color:var(--text-primary);background:color-mix(in srgb,currentColor 13%,var(--surface-raised));font-size:.65rem;font-weight:850}.cosmetic-card-copy{display:grid;align-content:start;gap:.22rem}.weekly-cosmetic-grid .cosmetic-card-copy small{color:var(--text-secondary)}.weekly-cosmetic-grid .cosmetic-card-copy h4{margin:0;font-size:1.12rem;line-height:1.2}.weekly-cosmetic-grid .cosmetic-card-copy p{display:-webkit-box;min-height:2.7em;margin:0;overflow:hidden;color:var(--text-secondary);line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:2}.weekly-cosmetic-grid .cosmetic-card>.primary-action,.weekly-cosmetic-grid .cosmetic-card>.secondary-action{display:flex;align-items:center;justify-content:center;gap:.42rem;width:100%;min-height:2.85rem;border-radius:.75rem}.chip-price-gem{color:#e4ae40;font-size:.84rem}.weekly-empty-state{display:grid;min-height:14rem;place-items:center;align-content:center;gap:.65rem;border:1px dashed var(--border-color);border-radius:1rem;color:var(--text-secondary)}.weekly-empty-state .cosmetic-category-icon{width:4rem;height:4rem;opacity:.6}.atelier-cosmetic-preview{width:8.6rem;border:0;border-radius:1.25rem;background:color-mix(in srgb,var(--surface-raised) 80%,var(--cosmetic-preview-color-a));box-shadow:inset 0 1px #fff3,0 .8rem 1.5rem #0a080633}.atelier-cosmetic-preview-board_theme{padding:.62rem}.atelier-cosmetic-preview-board-shell{display:grid;width:100%;aspect-ratio:1;place-items:center;padding:.45rem;border:.22rem solid color-mix(in srgb,var(--cosmetic-preview-color-b) 70%,#231711);border-radius:1rem;background:color-mix(in srgb,var(--cosmetic-preview-color-a) 74%,#6c442d);box-shadow:inset 0 .18rem .4rem #ffffff2e,inset 0 -.35rem .65rem #00000040}.atelier-cosmetic-preview-board-grid{gap:.18rem;padding:.24rem;border-radius:.6rem;background:#1e140e47}.atelier-cosmetic-preview-board-grid i{background:#140e0a57;box-shadow:inset 0 1px 2px #00000057,0 1px #ffffff14}.atelier-cosmetic-preview-board-grid i.sample-a{background:#a5415b}.atelier-cosmetic-preview-board-grid i.sample-b{background:#40588f}.atelier-cosmetic-preview-board-grid i.sample-c{background:#3d7d6a}.atelier-cosmetic-preview-effect-stage{position:relative;display:grid;width:100%;height:100%;place-items:center}.atelier-cosmetic-preview-effect-lines{position:absolute;top:7%;right:7%;bottom:7%;left:7%;width:86%;height:86%;fill:none;stroke:var(--cosmetic-preview-color-b);stroke-width:2.4;stroke-linecap:round;opacity:.72}.atelier-cosmetic-preview-effect-lines circle:nth-child(2){opacity:.35;stroke-dasharray:4 6}.atelier-cosmetic-preview-placement_effect.preset-shadow .atelier-cosmetic-preview-effect-lines,.atelier-cosmetic-preview-placement_effect.preset-stamp .atelier-cosmetic-preview-effect-lines{transform:scaleY(.55)}.atelier-cosmetic-preview-placement_effect.preset-leaf .atelier-cosmetic-preview-effect-lines{transform:rotate(24deg) scale(.9)}.atelier-cosmetic-preview-placement_effect.preset-ripple .atelier-cosmetic-preview-effect-lines,.atelier-cosmetic-preview-placement_effect.preset-orbit .atelier-cosmetic-preview-effect-lines{stroke-dasharray:9 5}.atelier-cosmetic-preview-score-stage{position:relative;display:grid;width:100%;height:100%;place-items:center}.atelier-cosmetic-preview-score-row{z-index:1;gap:.28rem;transform:translateY(.45rem)}.atelier-cosmetic-preview-score-row i{width:1.8rem;border:1px solid rgba(255,255,255,.24);box-shadow:inset 0 -.3rem .5rem #0000002e,0 .35rem .6rem #0000002e}.atelier-cosmetic-preview-score-row i:nth-child(2){background:var(--cosmetic-preview-color-b);opacity:.76}.atelier-cosmetic-preview-score-row i:nth-child(3){background:var(--cosmetic-preview-color-c);opacity:.42}.atelier-cosmetic-preview-score-stage svg{position:absolute;inset:9% 8% auto;width:84%;fill:none;stroke:var(--cosmetic-preview-color-c);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;opacity:.75}.atelier-cosmetic-preview-score-stage strong{position:absolute;right:.75rem;bottom:.55rem;color:var(--cosmetic-preview-color-c);font:850 .82rem/1 var(--font-display)}.atelier-cosmetic-preview-victory{gap:.1rem}.atelier-cosmetic-preview-victory svg{width:68%;height:68%;fill:none;stroke:var(--cosmetic-preview-color-a);stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.atelier-cosmetic-preview-victory .victory-laurel{stroke:var(--cosmetic-preview-color-c);stroke-width:3}.atelier-cosmetic-preview-victory .victory-cup{fill:color-mix(in srgb,var(--cosmetic-preview-color-a) 25%,transparent)}.atelier-cosmetic-preview-victory .victory-star{fill:var(--cosmetic-preview-color-c);stroke:none}.atelier-cosmetic-preview-victory b{position:absolute;bottom:.65rem;color:var(--cosmetic-preview-color-a);font:900 .72rem/1 var(--font-display);letter-spacing:.16em;text-shadow:none}.atelier-section{padding:clamp(1rem,2vw,1.45rem)}.atelier-progress{position:relative;gap:0;padding:.2rem .25rem;border:1px solid var(--border-color);border-radius:1rem;background:var(--surface-soft)}.atelier-progress:before{content:"";position:absolute;top:50%;right:12.5%;left:12.5%;height:1px;background:var(--border-color)}.atelier-progress li{position:relative;z-index:1;justify-content:center;border:0;background:transparent}.atelier-progress li b{box-shadow:0 0 0 .3rem var(--surface-soft)}.atelier-progress li.complete{color:var(--text-primary)}.atelier-progress li.complete b{color:#fff;background:#36846f}.atelier-progress li.active{color:var(--text-primary)}.atelier-progress li.active b{color:#fff;background:var(--accent)}.atelier-layout{grid-template-columns:minmax(0,1fr) minmax(20rem,22rem);gap:1.1rem}.atelier-builder{grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem}.atelier-choice-section{align-content:start;padding:1rem;background:color-mix(in srgb,var(--surface-soft) 80%,transparent)}.atelier-step-category,.atelier-step-method,.atelier-target-section{grid-column:1 / -1}.atelier-category-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.atelier-category-cards>button{position:relative;grid-template-columns:2.8rem minmax(0,1fr) auto;align-items:center;justify-items:start;gap:.6rem;min-height:5rem;padding:.65rem;text-align:left}.atelier-category-cards>button>.cosmetic-category-icon{width:2.8rem;height:2.8rem}.atelier-category-cards>button>span{display:grid;gap:.08rem;min-width:0}.atelier-category-cards>button>b{color:var(--text-secondary);font-size:1.1rem}.atelier-category-cards>button.active>b{display:grid;place-items:center;width:1.45rem;aspect-ratio:1;border-radius:50%;color:#fff;background:var(--accent);font-size:.7rem}.atelier-category-cards strong{font-size:.82rem}.atelier-rarity-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.atelier-mode-cards>button{min-height:5.7rem}.atelier-control-card{position:sticky;top:1rem;gap:.85rem;border-color:color-mix(in srgb,var(--accent) 44%,var(--border-color));background:var(--surface-raised)}.atelier-summary-hero{display:grid;grid-template-columns:6rem minmax(0,1fr);align-items:center;gap:.85rem;min-height:7.2rem;padding:.7rem;border:1px solid var(--border-color);border-radius:1rem;background:var(--surface-soft)}.atelier-summary-hero>.atelier-cosmetic-preview{width:5.8rem}.atelier-summary-hero>span:last-child{display:grid;gap:.2rem;min-width:0}.atelier-summary-hero>span:last-child small{color:var(--text-secondary)}.atelier-summary-hero>span:last-child strong{overflow:hidden;text-overflow:ellipsis}.atelier-summary-random{position:relative;display:grid;width:5.8rem;aspect-ratio:1;place-items:center;border-radius:1rem;background:color-mix(in srgb,var(--accent) 9%,var(--surface-raised))}.atelier-summary-random .cosmetic-category-icon{width:4rem;height:4rem;opacity:.72}.atelier-summary-random>b{position:absolute;display:grid;right:.25rem;bottom:.25rem;width:1.55rem;aspect-ratio:1;place-items:center;border-radius:50%;color:#fff;background:var(--accent)}.atelier-summary-list>div{padding-bottom:.48rem;border-bottom:1px solid var(--border-color)}.atelier-fragment-status{border:1px solid var(--border-color)}@media (max-width: 980px){.store-page .store-shell{width:min(calc(100% - 1.5rem),760px)}.store-category-rail{overflow-x:auto;grid-template-columns:repeat(5,minmax(8rem,1fr));padding-bottom:.2rem;scrollbar-width:none}.store-category-rail::-webkit-scrollbar{display:none}.weekly-cosmetic-grid,.weekly-cosmetic-grid.item-count-3{grid-template-columns:repeat(2,minmax(0,1fr))}.atelier-layout{grid-template-columns:1fr}.atelier-control-card{position:static}}@media (max-width: 760px){.store-page .store-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.25rem;overflow:visible;padding:.25rem}.store-page .store-tabs button{min-width:0;min-height:2.75rem;padding-inline:.45rem;font-size:.68rem}.store-category-rail{grid-template-columns:repeat(5,minmax(9.25rem,1fr))}.weekly-catalog-bar{align-items:flex-start;flex-direction:column}.weekly-rarity-legend{justify-content:start}.cosmetic-card-visual{min-height:8.7rem}.cosmetic-card-visual .store-tile-preview{width:min(6.8rem,72%)}.weekly-cosmetic-grid .cosmetic-card{grid-template-rows:minmax(8.7rem,auto) minmax(5.2rem,1fr) auto}.atelier-progress span{display:none}.atelier-progress li{min-height:2.8rem;padding:.4rem}.atelier-builder{grid-template-columns:1fr}.atelier-step-category,.atelier-step-method,.atelier-target-section{grid-column:auto}.atelier-category-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.atelier-category-cards>button{grid-template-columns:2.3rem minmax(0,1fr) .9rem;gap:.4rem;min-height:4.7rem}.atelier-category-cards>button>.cosmetic-category-icon{width:2.3rem;height:2.3rem}.atelier-category-cards strong{font-size:.78rem}.atelier-rarity-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 420px){.store-page .store-shell{width:min(calc(100% - .85rem),560px)}.weekly-store-section,.atelier-section{padding:.8rem}.weekly-cosmetic-grid{gap:.55rem}.weekly-cosmetic-grid .cosmetic-card{gap:.55rem;padding:.55rem}.weekly-cosmetic-grid .cosmetic-card-copy h4{font-size:.9rem}.weekly-cosmetic-grid .cosmetic-card-copy p{font-size:.68rem}.cosmetic-rarity-chip{top:.42rem;left:.42rem;padding:.25rem .4rem}.cosmetic-wishlist-button{top:.42rem;right:.42rem}.atelier-choice-section{padding:.75rem}.atelier-category-cards>button{grid-template-columns:2.35rem minmax(0,1fr) auto;padding:.52rem}.atelier-category-cards>button>.cosmetic-category-icon{width:2.35rem;height:2.35rem}}@media (max-width: 340px){.weekly-cosmetic-grid,.weekly-cosmetic-grid.item-count-2,.weekly-cosmetic-grid.item-count-3,.atelier-category-cards{grid-template-columns:1fr}}html[data-tango-board-theme]:not([data-tango-board-theme=default]) .game-board-frame{background:repeating-linear-gradient(5deg,rgba(255,255,255,.035) 0 1px,transparent 1px 9px),linear-gradient(145deg,var(--equipped-boardTheme-a),var(--equipped-boardTheme-b));border-color:color-mix(in srgb,var(--equipped-boardTheme-b) 62%,#d8b979)}html[data-tango-board-theme]:not([data-tango-board-theme=default]) .game-board{background:color-mix(in srgb,var(--equipped-boardTheme-a) 72%,#2b1c14)}html[data-tango-placement-effect]:not([data-tango-placement-effect=default]) .game-board-frame:not([data-placement-preset]) .board-cell.placed .tile-face{animation:equipped-placement var(--equipped-placementEffect-duration) cubic-bezier(.18,.8,.22,1) both}.game-board-frame[data-placement-preset]:not([data-placement-preset=default]) .board-cell.placed .tile-face{animation:equipped-placement var(--active-placement-duration) cubic-bezier(.18,.8,.22,1) both}.game-board-frame[data-placement-preset]:not([data-placement-preset=default]) .board-cell.placed:after{content:"";position:absolute;top:8%;right:8%;bottom:8%;left:8%;pointer-events:none;border:.18rem solid var(--active-placement-b);border-radius:50%;animation:equipped-placement-ring var(--active-placement-duration) ease-out both}html[data-tango-placement-effect]:not([data-tango-placement-effect=default]) .game-board-frame:not([data-placement-preset]) .board-cell.placed:after{content:"";position:absolute;top:8%;right:8%;bottom:8%;left:8%;pointer-events:none;border:.18rem solid var(--equipped-placementEffect-b);border-radius:50%;animation:equipped-placement-ring var(--equipped-placementEffect-duration) ease-out both}html[data-tango-score-effect]:not([data-tango-score-effect=default]) .game-board-frame:not(.clearing):not([data-score-preset]) .board-cell.scoring .tile-face{animation:equipped-score var(--equipped-scoreEffect-duration) ease-in both;box-shadow:0 0 1rem var(--equipped-scoreEffect-b)}.game-board-frame:not(.clearing)[data-score-preset]:not([data-score-preset=default]) .board-cell.scoring .tile-face{animation:equipped-score var(--active-score-duration) ease-in both;box-shadow:0 0 1rem var(--active-score-b)}html[data-tango-victory-effect]:not([data-tango-victory-effect=default]) .result-panel.win:before{content:"";position:absolute;top:-.6rem;right:-.6rem;bottom:-.6rem;left:-.6rem;z-index:-1;border-radius:inherit;background:conic-gradient(from 20deg,transparent,var(--equipped-victoryEffect-a),transparent,var(--equipped-victoryEffect-b),transparent);opacity:.48;animation:equipped-victory var(--equipped-victoryEffect-duration) ease-out both}@keyframes equipped-placement{0%{opacity:.25;transform:translateY(-18%) scale(.74)}70%{opacity:1;transform:translateY(2%) scale(1.06)}to{transform:none}}@keyframes equipped-placement-ring{0%{opacity:.9;transform:scale(.45)}to{opacity:0;transform:scale(1.45)}}@keyframes equipped-score{0%{opacity:1;transform:scale(1)}65%{opacity:.55;transform:translateY(-12%) scale(.82)}to{opacity:0;transform:translateY(-22%) scale(.45)}}@keyframes equipped-victory{0%{opacity:0;transform:scale(.82) rotate(-8deg)}40%{opacity:.65}to{opacity:.25;transform:scale(1.04) rotate(4deg)}}html[data-tango-placement-effect=shadow] .game-board-frame:not([data-placement-preset]) .board-cell.placed .tile-face,.game-board-frame[data-placement-preset=shadow] .board-cell.placed .tile-face{animation-name:place-shadow}html[data-tango-placement-effect=edge] .game-board-frame:not([data-placement-preset]) .board-cell.placed .tile-face,.game-board-frame[data-placement-preset=edge] .board-cell.placed .tile-face{animation-name:place-edge}html[data-tango-placement-effect=stamp] .game-board-frame:not([data-placement-preset]) .board-cell.placed .tile-face,.game-board-frame[data-placement-preset=stamp] .board-cell.placed .tile-face{animation-name:place-stamp}html:is([data-tango-placement-effect=leaf],[data-tango-placement-effect=bloom]) .game-board-frame:not([data-placement-preset]) .board-cell.placed .tile-face,.game-board-frame:is([data-placement-preset=leaf],[data-placement-preset=bloom]) .board-cell.placed .tile-face{animation-name:place-bloom}html:is([data-tango-placement-effect=fold],[data-tango-placement-effect=trinity]) .game-board-frame:not([data-placement-preset]) .board-cell.placed .tile-face,.game-board-frame:is([data-placement-preset=fold],[data-placement-preset=trinity]) .board-cell.placed .tile-face{animation-name:place-fold}html[data-tango-placement-effect=orbit] .game-board-frame:not([data-placement-preset]) .board-cell.placed .tile-face,.game-board-frame[data-placement-preset=orbit] .board-cell.placed .tile-face{animation-name:place-orbit}html:is([data-tango-placement-effect=leaf],[data-tango-placement-effect=bloom]) .game-board-frame:not([data-placement-preset]) .board-cell.placed:after,.game-board-frame:is([data-placement-preset=leaf],[data-placement-preset=bloom]) .board-cell.placed:after{border-radius:65% 20%;transform:rotate(35deg)}html:is([data-tango-placement-effect=seal],[data-tango-placement-effect=fold],[data-tango-placement-effect=trinity]) .game-board-frame:not([data-placement-preset]) .board-cell.placed:after,.game-board-frame:is([data-placement-preset=seal],[data-placement-preset=fold],[data-placement-preset=trinity]) .board-cell.placed:after{border-radius:.2rem;transform:rotate(45deg)}html[data-tango-score-effect=sweep] .game-board-frame:not(.clearing):not([data-score-preset]) .board-cell.scoring .tile-face,.game-board-frame:not(.clearing)[data-score-preset=sweep] .board-cell.scoring .tile-face{animation-name:score-sweep}html[data-tango-score-effect=lift] .game-board-frame:not(.clearing):not([data-score-preset]) .board-cell.scoring .tile-face,.game-board-frame:not(.clearing)[data-score-preset=lift] .board-cell.scoring .tile-face{animation-name:score-lift}html:is([data-tango-score-effect=dust],[data-tango-score-effect=scatter],[data-tango-score-effect=ash]) .game-board-frame:not(.clearing):not([data-score-preset]) .board-cell.scoring .tile-face,.game-board-frame:not(.clearing):is([data-score-preset=dust],[data-score-preset=scatter],[data-score-preset=ash]) .board-cell.scoring .tile-face{animation-name:score-scatter}html:is([data-tango-score-effect=wash],[data-tango-score-effect=ribbon],[data-tango-score-effect=tango-flow]) .game-board-frame:not(.clearing):not([data-score-preset]) .board-cell.scoring .tile-face,.game-board-frame:not(.clearing):is([data-score-preset=wash],[data-score-preset=ribbon],[data-score-preset=tango-flow]) .board-cell.scoring .tile-face{animation-name:score-flow}html:is([data-tango-score-effect=dissolve],[data-tango-score-effect=cosmos-fold]) .game-board-frame:not(.clearing):not([data-score-preset]) .board-cell.scoring .tile-face,.game-board-frame:not(.clearing):is([data-score-preset=dissolve],[data-score-preset=cosmos-fold]) .board-cell.scoring .tile-face{animation-name:score-fold}@keyframes place-shadow{0%{opacity:.25;transform:translateY(-8%) scale(.92);filter:blur(.2rem)}to{opacity:1;transform:none;filter:none}}@keyframes place-edge{0%{opacity:.35;transform:scale(1.16)}60%{opacity:1;box-shadow:0 0 0 .24rem var(--active-placement-b, var(--equipped-placementEffect-b))}to{transform:none}}@keyframes place-stamp{0%{opacity:.3;transform:scale(1.3)}65%{transform:scale(.92)}to{opacity:1;transform:none}}@keyframes place-bloom{0%{opacity:0;transform:scale(.45) rotate(-22deg)}75%{opacity:1;transform:scale(1.08) rotate(3deg)}to{transform:none}}@keyframes place-fold{0%{opacity:.2;transform:perspective(10rem) rotateY(70deg) scale(.72)}to{opacity:1;transform:none}}@keyframes place-orbit{0%{opacity:.25;transform:rotate(-20deg) scale(.6)}70%{transform:rotate(5deg) scale(1.08)}to{opacity:1;transform:none}}@keyframes score-sweep{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(70%) scaleX(.35)}}@keyframes score-lift{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-55%) scale(.65)}}@keyframes score-scatter{0%{opacity:1;transform:none;filter:saturate(1)}to{opacity:0;transform:translateY(-20%) rotate(12deg) scale(.35);filter:saturate(.2)}}@keyframes score-flow{0%{opacity:1;transform:scaleX(1)}55%{opacity:.65;transform:scaleX(1.22) scaleY(.65)}to{opacity:0;transform:translate(45%) scale(.25)}}@keyframes score-fold{0%{opacity:1;transform:perspective(8rem) rotateY(0)}to{opacity:0;transform:perspective(8rem) rotateY(85deg) scale(.45)}}html[data-tango-board-theme=moss] .game-board-frame{background-image:radial-gradient(circle at 18% 16%,rgba(174,196,125,.3),transparent 30%),repeating-linear-gradient(8deg,rgba(255,255,255,.035) 0 1px,transparent 1px 10px),linear-gradient(145deg,var(--equipped-boardTheme-a),var(--equipped-boardTheme-b))}html[data-tango-board-theme=coastal] .game-board-frame{background-image:linear-gradient(115deg,transparent 0 62%,rgba(104,216,211,.25) 63% 68%,transparent 69%),repeating-linear-gradient(4deg,rgba(255,255,255,.04) 0 1px,transparent 1px 11px),linear-gradient(145deg,var(--equipped-boardTheme-a),var(--equipped-boardTheme-b))}html[data-tango-board-theme=brass] .game-board-frame{border-color:var(--equipped-boardTheme-b);box-shadow:inset 0 0 0 .16rem color-mix(in srgb,var(--equipped-boardTheme-b) 60%,transparent),0 1rem 2rem #00000047}html[data-tango-board-theme=moonlight] .game-board-frame{background-image:radial-gradient(circle at 78% 18%,rgba(229,237,255,.32),transparent 28%),repeating-linear-gradient(6deg,rgba(255,255,255,.04) 0 1px,transparent 1px 12px),linear-gradient(145deg,var(--equipped-boardTheme-a),var(--equipped-boardTheme-b))}html[data-tango-board-theme=ember] .game-board-frame{background-image:radial-gradient(circle at 24% 78%,rgba(255,126,65,.34),transparent 32%),repeating-linear-gradient(4deg,rgba(255,255,255,.03) 0 1px,transparent 1px 10px),linear-gradient(145deg,var(--equipped-boardTheme-a),var(--equipped-boardTheme-b))}html[data-tango-board-theme=prism] .game-board-frame{background-image:linear-gradient(42deg,transparent 0 34%,color-mix(in srgb,var(--equipped-boardTheme-c) 40%,transparent) 35% 42%,transparent 43%),linear-gradient(145deg,var(--equipped-boardTheme-a),var(--equipped-boardTheme-b))}html[data-tango-board-theme=cosmos] .game-board-frame{background-image:radial-gradient(circle at 22% 20%,#fff 0 .12rem,transparent .15rem),radial-gradient(circle at 76% 26%,#9ff 0 .1rem,transparent .13rem),radial-gradient(circle at 68% 78%,#fff 0 .08rem,transparent .12rem),radial-gradient(ellipse at 58% 44%,var(--equipped-boardTheme-c),transparent 46%),linear-gradient(145deg,var(--equipped-boardTheme-a),var(--equipped-boardTheme-b))}html[data-tango-board-theme=tango] .game-board-frame{background-image:linear-gradient(120deg,var(--equipped-boardTheme-a) 0 28%,transparent 29% 35%,var(--equipped-boardTheme-b) 36% 64%,transparent 65% 71%,var(--equipped-boardTheme-c) 72%),repeating-linear-gradient(4deg,rgba(255,255,255,.035) 0 1px,transparent 1px 10px)}.atelier-cosmetic-preview-placement_effect.preset-leaf:before,.atelier-cosmetic-preview-placement_effect.preset-bloom:before{border-radius:70% 20%;transform:rotate(35deg)}.atelier-cosmetic-preview-placement_effect:is(.preset-seal,.preset-fold,.preset-trinity):before{border-radius:.2rem;transform:rotate(45deg)}.atelier-cosmetic-preview-placement_effect.preset-orbit:after{border-style:dashed}.atelier-cosmetic-preview-score_effect:is(.preset-sweep,.preset-wash,.preset-ribbon,.preset-tango-flow) .atelier-cosmetic-preview-score-row{transform:rotate(-8deg)}.atelier-cosmetic-preview-score_effect:is(.preset-dust,.preset-scatter,.preset-ash) .atelier-cosmetic-preview-score-row i{border-radius:55% 25% 65% 35%;transform:rotate(18deg)}.atelier-cosmetic-preview-score_effect:is(.preset-dissolve,.preset-cosmos-fold){background-image:radial-gradient(circle at 25% 20%,#fff 0 .08rem,transparent .12rem),radial-gradient(circle at 72% 76%,var(--cosmetic-preview-color-b) 0 .12rem,transparent .16rem)}.atelier-cosmetic-preview-victory_effect:is(.preset-crest,.preset-tableau) .atelier-cosmetic-preview-victory b{text-shadow:0 0 .8rem var(--cosmetic-preview-color-b)}.atelier-cosmetic-preview-victory_effect:is(.preset-trophy,.preset-master-palette) .atelier-cosmetic-preview-victory b{border:.15rem solid var(--cosmetic-preview-color-b);border-radius:50%;padding:.45rem}.tile-palette-panel{display:grid;gap:1.35rem}.palette-panel-heading{align-items:end;margin-bottom:0}.palette-panel-heading>div>p:last-child{margin:.35rem 0 0;color:var(--text-secondary)}.customization-category-rail{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.65rem;padding:.55rem;border:1px solid var(--border-color);border-radius:1.35rem;background:color-mix(in srgb,var(--surface-soft) 88%,transparent)}.customization-category-rail>button{position:relative;display:grid;grid-template-columns:2.7rem minmax(0,1fr);align-items:center;gap:.65rem;min-width:0;min-height:4.7rem;padding:.65rem .75rem;border:1px solid transparent;border-radius:1rem;color:var(--text-secondary);background:transparent;text-align:left;cursor:pointer;transition:border-color .18s ease,background .18s ease,transform .18s ease,color .18s ease}.customization-category-rail>button:hover{transform:translateY(-2px);color:var(--text-primary);background:var(--surface-raised)}.customization-category-rail>button.active{color:var(--text-primary);border-color:color-mix(in srgb,var(--accent) 55%,var(--border-color));background:color-mix(in srgb,var(--accent) 10%,var(--surface-raised));box-shadow:inset 0 -2px color-mix(in srgb,var(--accent) 78%,transparent)}.customization-category-rail .cosmetic-category-icon{width:2.7rem;height:2.7rem}.customization-category-rail>button>span{display:grid;min-width:0;gap:.18rem}.customization-category-rail>button>span strong,.customization-category-rail>button>span small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.customization-category-rail>button>span small{color:var(--text-muted);font-size:.7rem}.customization-category-rail .palette-tile-strip{display:none}.customization-category-rail .atelier-cosmetic-preview{width:2.7rem;height:2.7rem;min-height:0;padding:.15rem;border-radius:.75rem}.tile-customization-view{display:grid;gap:1rem}.tile-customization-view[hidden],.palette-editor[hidden]{display:none!important}.style-category-editor{display:grid;gap:1.2rem;padding:1.15rem;border:1px solid var(--border-color);border-radius:1.5rem;background:linear-gradient(145deg,color-mix(in srgb,var(--surface-raised) 92%,transparent),var(--surface-soft))}.style-category-current{display:grid;grid-template-columns:minmax(12rem,1fr) minmax(12rem,1.35fr) auto;align-items:center;gap:1rem;min-height:12rem;padding:1.15rem 1.25rem;overflow:hidden;border:1px solid color-mix(in srgb,var(--accent) 26%,var(--border-color));border-radius:1.2rem;background:radial-gradient(circle at 68% 12%,color-mix(in srgb,var(--accent) 12%,transparent),transparent 38%),var(--surface-deep)}.style-category-copy h3{margin:.15rem 0 .35rem;font-family:var(--font-display);font-size:clamp(1.55rem,2.5vw,2.4rem)}.style-category-copy p{margin:0;color:var(--text-secondary)}.style-current-preview{display:flex;align-items:center;justify-content:center;gap:1rem;min-width:0}.style-current-preview>.atelier-cosmetic-preview{width:clamp(8rem,14vw,12rem)}.style-current-preview>.cosmetic-category-icon{width:7rem;height:7rem;padding:1rem;border:1px solid var(--border-color);border-radius:1.5rem;background:var(--surface-soft)}.style-current-preview>strong{max-width:11rem;font-size:1rem}.style-current-details{display:grid;align-content:center;gap:.42rem;min-width:0;max-width:17rem}.style-current-details>strong{font-size:1.05rem}.style-current-details>p{margin:0;color:var(--text-secondary);font-size:.78rem;line-height:1.55}.style-current-details>small,.style-library-card-copy>em{justify-self:start;padding:.3rem .48rem;border:1px solid color-mix(in srgb,var(--accent) 32%,var(--border-color));border-radius:999px;color:color-mix(in srgb,var(--accent) 76%,var(--text-primary));background:color-mix(in srgb,var(--accent) 8%,var(--surface-raised));font-size:.64rem;font-style:normal;font-weight:800;line-height:1.2}.restore-style-action{min-width:8.5rem;min-height:3rem;transition:transform .18s ease,border-color .18s ease,background .18s ease}.restore-style-action:not(:disabled):hover{transform:translateY(-2px);border-color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,var(--surface-raised))}.style-library-heading{display:flex;align-items:end;justify-content:space-between;gap:1rem}.style-library-heading h4{margin:.15rem 0 0;font-size:1.3rem}.style-search-field{display:grid;gap:.25rem;min-width:min(22rem,42%)}.style-search-field>span,.collection-search-field>span{color:var(--text-muted);font-size:.68rem;font-weight:800;letter-spacing:.08em}.style-search-field input,.collection-search-field input{width:100%;min-height:2.8rem;padding:.65rem .85rem;border:1px solid var(--border-color);border-radius:.8rem;color:var(--text-primary);background:var(--surface-deep)}.style-rarity-filter{margin-top:-.35rem}.style-library-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.85rem}.style-library-grid>button{position:relative;display:grid;grid-template-rows:minmax(9rem,1fr) auto;gap:.65rem;min-width:0;padding:.7rem;overflow:hidden;border:1px solid var(--border-color);border-radius:1.15rem;color:var(--text-primary);background:var(--surface-deep);cursor:pointer;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.style-library-grid>button:hover:not(:disabled){transform:translateY(-3px);border-color:color-mix(in srgb,currentColor 55%,var(--border-color));box-shadow:0 .8rem 1.8rem #00000029}.style-library-grid>button.selected{border-color:var(--accent);box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--accent) 28%,transparent)}.style-library-grid .style-preview-stage{position:relative;display:block;min-width:0}.style-library-grid .style-preview-stage>.atelier-cosmetic-preview{width:100%;min-height:9rem}.style-library-grid .style-preview-stage>small{position:absolute;left:.55rem;bottom:.55rem;z-index:6;padding:.25rem .42rem;border:1px solid rgba(255,255,255,.16);border-radius:999px;color:#fff;background:#0a0a0aad;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);font-size:.58rem;font-weight:850;letter-spacing:.03em}.style-library-card-copy{display:grid;gap:.28rem;min-width:0;text-align:left}.style-library-card-copy>small{color:var(--text-muted);font-size:.68rem;font-weight:850;text-transform:uppercase}.style-library-card-copy>strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.style-library-card-copy>p{display:-webkit-box;min-height:2.55em;margin:.08rem 0 .1rem;overflow:hidden;color:var(--text-secondary);font-size:.69rem;line-height:1.35;-webkit-box-orient:vertical;-webkit-line-clamp:2}.style-library-grid>button>b{position:absolute;top:.8rem;right:.8rem;padding:.25rem .48rem;border-radius:999px;color:#fff;background:var(--accent);font-size:.67rem}.style-library-empty{display:grid;justify-items:center;gap:.5rem;padding:3rem 1rem;border:1px dashed var(--border-color);border-radius:1.1rem;color:var(--text-secondary);text-align:center}.style-library-empty .cosmetic-category-icon{width:4rem;height:4rem;opacity:.72}.weekly-rarity-sections{display:grid;gap:1.4rem}.weekly-rarity-section{display:grid;grid-template-columns:8.2rem minmax(0,1fr);gap:1rem;padding:1rem;border:1px solid var(--border-color);border-radius:1.35rem;background:linear-gradient(100deg,color-mix(in srgb,currentColor 4%,var(--surface-deep)),var(--surface-raised))}.weekly-rarity-section>header{display:flex;align-items:flex-start;gap:.65rem;padding:.45rem .2rem;color:var(--text-primary)}.weekly-rarity-section>header h3{margin:0;font-size:1.15rem}.weekly-rarity-section>header p{margin:.2rem 0 0;color:var(--text-muted);font-size:.72rem}.weekly-rarity-mark{flex:0 0 auto;width:.72rem;aspect-ratio:1;margin-top:.25rem;border-radius:.18rem;transform:rotate(45deg);background:currentColor;box-shadow:0 0 .8rem color-mix(in srgb,currentColor 50%,transparent)}.weekly-rarity-section.rarity-common{color:#aaa299}.weekly-rarity-section.rarity-rare{color:#48a6dc}.weekly-rarity-section.rarity-epic{color:#bd67e8}.weekly-rarity-section.rarity-legendary{color:#e5a532}.weekly-rarity-section .weekly-cosmetic-grid{color:var(--text-primary)}.atelier-progress li>button{display:flex;align-items:center;gap:.55rem;width:100%;padding:.4rem;border:0;color:inherit;background:transparent;text-align:left;cursor:pointer}.atelier-progress li:not(.active):not(.complete){opacity:.48}.atelier-progress li.active{color:var(--accent)}.atelier-progress li.complete{color:#4a9b7c}.atelier-layout{grid-template-columns:1fr;min-height:25rem}.atelier-builder{min-width:0}.atelier-choice-section[hidden],.atelier-control-card[hidden]{display:none!important}.atelier-choice-section:not([hidden]),.atelier-control-card:not([hidden]){animation:atelier-step-in .28s ease-out both}.atelier-choice-section{min-height:23rem;align-content:start;padding:clamp(1rem,2.5vw,1.6rem);border:1px solid var(--border-color);border-radius:1.3rem;background:linear-gradient(145deg,var(--surface-raised),var(--surface-soft))}.atelier-control-card{width:100%;min-height:23rem}.atelier-step-navigation{display:flex;justify-content:flex-end;gap:.65rem;margin-top:1rem}.atelier-step-navigation button{min-width:8rem}@keyframes atelier-step-in{0%{opacity:0;transform:translate(.6rem)}to{opacity:1;transform:none}}.collection-search-field{display:grid;gap:.25rem;width:min(28rem,100%);margin:.85rem 0 1rem}.collection-card{border-width:1px;background:linear-gradient(155deg,color-mix(in srgb,var(--surface-raised) 94%,#fff 6%),var(--surface-deep));box-shadow:inset 0 0 0 1px color-mix(in srgb,currentColor 7%,transparent),0 .55rem 1.3rem #0000001f}.collection-card:after{content:"";position:absolute;top:.38rem;right:.38rem;bottom:.38rem;left:.38rem;z-index:-1;pointer-events:none;border:1px solid color-mix(in srgb,currentColor 15%,transparent);border-radius:.8rem}.collection-card.locked .atelier-cosmetic-preview{opacity:.78;filter:saturate(.52) contrast(.92)}.collection-card>b{display:inline-flex;align-items:center;justify-content:center;gap:.3rem;min-height:1.8rem;border-radius:.55rem;font-size:.7rem}.collection-card .owned-label{color:#3d9d79;background:color-mix(in srgb,#3d9d79 10%,transparent)}.collection-card .locked-label{color:var(--text-muted);background:color-mix(in srgb,var(--text-muted) 8%,transparent)}.palette-mixer-section{display:grid;grid-template-columns:minmax(17rem,.9fr) minmax(20rem,1.15fr) minmax(16rem,.78fr);align-items:stretch;gap:1rem;padding:clamp(1rem,2.5vw,2rem);border:1px solid var(--border-color);border-radius:1.6rem;background:radial-gradient(circle at 48% 15%,rgba(210,157,91,.12),transparent 34%),linear-gradient(145deg,var(--surface-raised),var(--surface-deep))}.palette-mixer-copy h2{margin:.2rem 0 .45rem;font-family:var(--font-display);font-size:clamp(2rem,4vw,3.4rem)}.palette-mixer-copy>p:last-of-type{color:var(--text-secondary);line-height:1.65}.mixer-category-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;margin-top:1rem}.mixer-category-grid button{display:grid;grid-template-columns:2.2rem minmax(0,1fr);align-items:center;gap:.5rem;min-width:0;padding:.55rem;border:1px solid var(--border-color);border-radius:.8rem;color:var(--text-secondary);background:var(--surface-soft);text-align:left;cursor:pointer}.mixer-category-grid button.active{color:var(--text-primary);border-color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,var(--surface-soft))}.mixer-category-grid .cosmetic-category-icon{width:2.2rem;height:2.2rem}.mixer-category-grid span{display:grid;min-width:0}.mixer-category-grid strong,.mixer-category-grid small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mixer-category-grid small{color:var(--text-muted);font-size:.63rem}.palette-mixer-stage{position:relative;display:grid;place-items:center;min-height:28rem;isolation:isolate;overflow:hidden;border:1px solid rgba(214,173,110,.2);border-radius:1.4rem;background:radial-gradient(circle at 50% 56%,rgba(214,169,101,.14),transparent 43%),repeating-linear-gradient(88deg,rgba(255,255,255,.018) 0 1px,transparent 1px 11px),#171411}.palette-mixer-stage:before{content:"";position:absolute;top:8%;right:8%;bottom:8%;left:8%;border:1px solid rgba(221,183,126,.14);border-radius:50%;transform:perspective(22rem) rotateX(63deg)}.mixer-bowl{position:relative;width:min(18rem,76%);aspect-ratio:1.18;border:.55rem solid #a96f38;border-radius:46% 54% 50% 50%/60% 55% 45% 40%;background:conic-gradient(from 12deg at 52% 52%,#9e3f58,#df9a3f,#3d8378,#425c98,#9e3f58);box-shadow:inset 0 .6rem 1rem #fff3,inset 0 -1rem 1.5rem #00000059,0 1.4rem 2rem #00000057;transform:translateY(1.15rem) rotate(-4deg)}.mixer-bowl:after{content:"";position:absolute;top:12%;right:12%;bottom:12%;left:12%;border:1px solid rgba(255,255,255,.18);border-radius:inherit}.mixer-bowl>span{position:absolute;z-index:1;width:18%;aspect-ratio:1;top:17%;border:.18rem solid rgba(255,238,205,.35);border-radius:50%;box-shadow:inset 0 .2rem .4rem #ffffff47,0 .3rem .7rem #00000047}.mixer-bowl>span:nth-child(1){left:22%;background:#aa405b}.mixer-bowl>span:nth-child(2){left:43%;background:#2e7582}.mixer-bowl>span:nth-child(3){left:64%;background:#d59d42}.mixer-bowl>i{position:absolute;width:21%;aspect-ratio:1;left:7%;top:42%;border:.3rem solid #b77d43;border-radius:50%;background:#141210;box-shadow:inset 0 .2rem .5rem #0000008c}.mixer-pigment{position:absolute;z-index:2;width:1rem;aspect-ratio:1;border-radius:50%;box-shadow:0 0 1rem currentColor;animation:mixer-float 2.3s ease-in-out infinite alternate}.pigment-one{top:16%;left:19%;color:#ad425f;background:currentColor}.pigment-two{top:12%;right:18%;color:#d8a247;background:currentColor;animation-delay:-.7s}.pigment-three{bottom:17%;right:15%;color:#3c8378;background:currentColor;animation-delay:-1.2s}.mixer-selected-badge{position:absolute;z-index:4;top:1rem;left:1rem;display:grid;grid-template-columns:2.45rem auto;align-items:center;gap:.65rem;max-width:calc(100% - 2rem);padding:.55rem .75rem;border:1px solid rgba(255,255,255,.14);border-radius:.9rem;background:#12100ed6;box-shadow:0 .65rem 1.35rem #00000042;-webkit-backdrop-filter:blur(.45rem);backdrop-filter:blur(.45rem)}.mixer-selected-badge>span{display:grid;min-width:0}.mixer-selected-badge small{color:#ffffff8f;font-size:.62rem}.mixer-selected-badge strong{overflow:hidden;color:#fff5e4;text-overflow:ellipsis;white-space:nowrap}.mixer-selected-icon{width:2.45rem;height:2.45rem}.palette-mixer-control{display:grid;align-content:center;gap:1rem;padding:1.1rem;border:1px solid var(--border-color);border-radius:1.2rem;background:color-mix(in srgb,var(--surface-soft) 88%,transparent)}.palette-mixer-control>div:first-child{display:grid;gap:.2rem;padding-bottom:.85rem;border-bottom:1px solid var(--border-color)}.palette-mixer-control>div:first-child small{color:var(--text-muted)}.palette-mixer-control>div:first-child strong{font-size:1.45rem}.palette-mixer-control dl{display:grid;gap:.55rem;margin:0}.palette-mixer-control dl div{display:flex;justify-content:space-between;gap:1rem}.palette-mixer-control dt{color:var(--text-secondary)}.palette-mixer-control dd{margin:0;font-weight:850}.mixer-action{min-height:3.4rem}.mixer-odds{margin:0}@keyframes mixer-float{to{transform:translateY(-.75rem) scale(1.12)}}.game-board-frame{position:relative;isolation:isolate;overflow:hidden;padding:clamp(.7rem,2.4vw,1.15rem)}.board-surface-art{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden;border-radius:inherit;pointer-events:none}.board-surface-inlay{position:absolute;top:.42rem;right:.42rem;bottom:.42rem;left:.42rem;border:1px solid rgba(255,235,198,.25);border-radius:calc(var(--radius-xl, 1.5rem) - .25rem);box-shadow:inset 0 0 0 .2rem #25150d2e}.board-surface-emblem{position:absolute;width:45%;aspect-ratio:1;right:-10%;bottom:-31%;border:1px solid rgba(255,255,255,.07);border-radius:50%}.board-surface-light{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 28% 4%,rgba(255,255,255,.16),transparent 40%),linear-gradient(115deg,transparent 55%,rgba(0,0,0,.16))}.game-board{position:relative;z-index:2;padding:.2rem;border:1px solid rgba(30,18,11,.28);border-radius:1rem;background:#1c120c2e;box-shadow:inset 0 .25rem .55rem #00000029}.board-cell{border-color:#ffffff14;background:#1c130e54;box-shadow:inset 0 .16rem .26rem #00000047,0 1px #ffffff14}.board-cell.empty:before{content:"";position:absolute;top:13%;right:13%;bottom:13%;left:13%;border:1px solid rgba(255,255,255,.035);border-radius:inherit}html[data-tango-board-theme=maple] .game-board-frame,.atelier-cosmetic-preview-board_theme.preset-maple .atelier-cosmetic-preview-board-shell{background-image:repeating-linear-gradient(4deg,rgba(103,55,20,.08) 0 1px,transparent 1px 8px),linear-gradient(145deg,#e2b56f,#92572f);border-color:#b77a3c}html[data-tango-board-theme=walnut] .game-board-frame,.atelier-cosmetic-preview-board_theme.preset-walnut .atelier-cosmetic-preview-board-shell{background-image:repeating-linear-gradient(7deg,rgba(238,190,135,.06) 0 1px,transparent 1px 10px),linear-gradient(145deg,#74503a,#2e211c);border-color:#4b3024}html[data-tango-board-theme=birch] .game-board-frame,.atelier-cosmetic-preview-board_theme.preset-birch .atelier-cosmetic-preview-board-shell{background-image:repeating-linear-gradient(-7deg,rgba(105,75,45,.08) 0 1px,transparent 1px 12px),linear-gradient(145deg,#f1e4ca,#b49a74);border-color:#d0b88f}html[data-tango-board-theme=charcoal] .game-board-frame,.atelier-cosmetic-preview-board_theme.preset-charcoal .atelier-cosmetic-preview-board-shell{background-image:repeating-linear-gradient(4deg,rgba(255,255,255,.025) 0 1px,transparent 1px 7px),linear-gradient(145deg,#4b4843,#211f1d);border-color:#5b554e}html[data-tango-board-theme=moss] .board-surface-emblem{border-radius:63% 37% 66% 34%;border-color:#b7d37d47;transform:rotate(22deg)}html[data-tango-board-theme=coastal] .board-surface-emblem{width:70%;right:-25%;bottom:-45%;border:.35rem double rgba(97,214,211,.28)}html[data-tango-board-theme=brass] .board-surface-inlay{border-color:#e0b561b8;box-shadow:inset 0 0 0 .18rem #68461ab3,0 0 1rem #ca973d2e}html[data-tango-board-theme=moonlight] .board-surface-emblem{right:3%;bottom:3%;width:25%;border:0;background:radial-gradient(circle at 35% 34%,rgba(255,255,255,.68),rgba(179,191,228,.2) 42%,transparent 44%)}html[data-tango-board-theme=ember] .board-surface-art:after{content:"";position:absolute;inset:auto 8% 2%;height:24%;background:radial-gradient(ellipse,rgba(255,107,48,.32),transparent 68%)}html[data-tango-board-theme=prism] .board-surface-emblem{inset:9% auto auto 9%;width:34%;border-radius:.8rem;transform:rotate(45deg);border-color:#d8b05b4d;box-shadow:1.2rem 1.2rem #419b911f,2.4rem 2.4rem #8a5aa51a}html[data-tango-board-theme=cosmos] .board-surface-art{background-image:radial-gradient(circle at 12% 18%,#fff 0 .08rem,transparent .11rem),radial-gradient(circle at 83% 24%,#9ff 0 .07rem,transparent .1rem),radial-gradient(circle at 68% 82%,#fff 0 .06rem,transparent .09rem)}html[data-tango-board-theme=tango] .board-surface-emblem{inset:8% 8% auto auto;width:38%;height:12%;border:0;border-radius:999px;background:linear-gradient(90deg,#a43f58 0,#a43f58 31%,#405c98 32%,#405c98 64%,#3b806f 65%);opacity:.5;transform:rotate(-12deg)}.atelier-cosmetic-preview-board_theme{min-height:10rem}.atelier-cosmetic-preview-board-shell{position:relative;isolation:isolate;overflow:hidden}.preview-board-inlay{position:absolute;top:.25rem;right:.25rem;bottom:.25rem;left:.25rem;z-index:0;border:1px solid rgba(255,255,255,.24);border-radius:.75rem}.preview-board-emblem{position:absolute;z-index:0;width:48%;aspect-ratio:1;right:-15%;bottom:-33%;border:1px solid rgba(255,255,255,.14);border-radius:50%}.atelier-cosmetic-preview-board-grid{position:relative;z-index:2}.atelier-cosmetic-preview-board_theme.preset-moss .preview-board-emblem{border-radius:60% 30%;border-color:#c2e18673;transform:rotate(24deg)}.atelier-cosmetic-preview-board_theme.preset-coastal .preview-board-emblem{border-width:.25rem;border-color:#56ddd659}.atelier-cosmetic-preview-board_theme.preset-brass .preview-board-inlay{border-color:#efbe59bf;box-shadow:inset 0 0 0 .12rem #4f33138c}.atelier-cosmetic-preview-board_theme.preset-moonlight .preview-board-emblem{right:6%;bottom:5%;width:28%;border:0;background:radial-gradient(circle at 35% 34%,#fff,rgba(163,182,231,.25) 46%,transparent 48%)}.atelier-cosmetic-preview-board_theme.preset-prism .preview-board-emblem{inset:8% auto auto 8%;border-radius:.35rem;transform:rotate(45deg);box-shadow:.7rem .7rem #3da2922e}.atelier-cosmetic-preview-board_theme.preset-cosmos .atelier-cosmetic-preview-board-shell{background-image:radial-gradient(circle at 15% 15%,#fff 0 .06rem,transparent .09rem),radial-gradient(circle at 80% 22%,#8ff 0 .05rem,transparent .08rem),linear-gradient(145deg,var(--cosmetic-preview-color-a),var(--cosmetic-preview-color-b))}.atelier-cosmetic-preview-board_theme.preset-tango .preview-board-emblem{inset:7% 7% auto auto;width:42%;height:10%;border:0;border-radius:999px;background:linear-gradient(90deg,#a43f58 0,#a43f58 32%,#405c98 33%,#405c98 65%,#3b806f 66%);transform:rotate(-10deg)}.tile-face{overflow:visible}.placement-effect-layer,.score-effect-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;pointer-events:none}.placement-effect-layer i,.score-effect-layer i{position:absolute;left:50%;top:50%;width:.24rem;aspect-ratio:1;border-radius:50%;background:var(--active-placement-b, var(--equipped-placementEffect-b, #e2b46c));box-shadow:0 0 .55rem currentColor;opacity:0}.board-cell.placed .placement-effect-layer:before,.board-cell.placed .placement-effect-layer:after{content:"";position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;border:.12rem solid var(--active-placement-a, var(--equipped-placementEffect-a, #e2b46c));border-radius:50%;animation:placement-ring .62s cubic-bezier(.2,.75,.25,1) both}.board-cell.placed .placement-effect-layer:after{animation-delay:.08s;transform:rotate(45deg)}.board-cell.placed .placement-effect-layer i{animation:placement-particle .68s ease-out both}.placement-effect-layer i:nth-child(1){--dx: -2rem;--dy: -1.8rem}.placement-effect-layer i:nth-child(2){--dx: 0;--dy: -2.4rem;animation-delay:.03s}.placement-effect-layer i:nth-child(3){--dx: 2rem;--dy: -1.7rem;animation-delay:.06s}.placement-effect-layer i:nth-child(4){--dx: 2.4rem;--dy: .2rem;animation-delay:.09s}.placement-effect-layer i:nth-child(5){--dx: 1.8rem;--dy: 2rem;animation-delay:.12s}.placement-effect-layer i:nth-child(6){--dx: 0;--dy: 2.3rem;animation-delay:.15s}.placement-effect-layer i:nth-child(7){--dx: -1.9rem;--dy: 1.8rem;animation-delay:.18s}.placement-effect-layer i:nth-child(8){--dx: -2.4rem;--dy: 0;animation-delay:.21s}.board-cell.scoring .score-effect-layer:before{content:"";position:absolute;top:-30%;right:-30%;bottom:-30%;left:-30%;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--active-score-a, #f2c168) 55%,transparent),transparent 63%);animation:score-flash .72s ease-out both}.board-cell.scoring .score-effect-layer:before{animation-delay:calc(var(--score-sequence-index, 0) * 40ms)}.board-cell.scoring .score-effect-layer i{background:var(--active-score-b, var(--equipped-scoreEffect-b, #f2c168));animation:score-particle .82s ease-out both;animation-delay:calc(var(--score-sequence-index, 0) * 40ms)}.score-effect-layer i:nth-child(1){--sx: -1.8rem;--sy: -2.1rem}.score-effect-layer i:nth-child(2){--sx: .2rem;--sy: -2.6rem;animation-delay:calc(var(--score-sequence-index, 0) * 40ms + 40ms)}.score-effect-layer i:nth-child(3){--sx: 2rem;--sy: -1.8rem;animation-delay:calc(var(--score-sequence-index, 0) * 40ms + 80ms)}.score-effect-layer i:nth-child(4){--sx: 2.2rem;--sy: 1.7rem;animation-delay:calc(var(--score-sequence-index, 0) * 40ms + .12s)}.score-effect-layer i:nth-child(5){--sx: -.1rem;--sy: 2.4rem;animation-delay:calc(var(--score-sequence-index, 0) * 40ms + .16s)}.score-effect-layer i:nth-child(6){--sx: -2.1rem;--sy: 1.4rem;animation-delay:calc(var(--score-sequence-index, 0) * 40ms + .2s)}.score-effect-callout{position:absolute;z-index:12;left:50%;top:50%;color:#fff8e8;font-size:clamp(1rem,4vw,1.8rem);text-shadow:0 .12rem .3rem rgba(0,0,0,.5),0 0 1rem var(--active-score-b, #e2b15d);animation:score-callout .9s cubic-bezier(.18,.8,.25,1) both;pointer-events:none}@keyframes placement-ring{0%{opacity:.85;transform:scale(.32)}to{opacity:0;transform:scale(1.35)}}@keyframes placement-particle{0%{opacity:0;transform:translate(-50%,-50%) scale(.4)}20%{opacity:1}to{opacity:0;transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) scale(1.2)}}@keyframes score-flash{0%{opacity:0;transform:scale(.3)}28%{opacity:1}to{opacity:0;transform:scale(1.45)}}@keyframes score-particle{0%{opacity:0;transform:translate(-50%,-50%) scale(.3)}18%{opacity:1}to{opacity:0;transform:translate(calc(-50% + var(--sx)),calc(-50% + var(--sy))) rotate(110deg)}}@keyframes score-callout{0%{opacity:0;transform:translate(-50%,-25%) scale(.45)}28%{opacity:1;transform:translate(-50%,-90%) scale(1.14)}to{opacity:0;transform:translate(-50%,-180%) scale(.92)}}.game-board-frame:not(.clearing) .board-cell.scoring .tile-face{animation-delay:calc(var(--score-sequence-index, 0) * 40ms)}.game-board-frame:is([data-placement-preset=tap],[data-placement-preset=shadow],[data-placement-preset=stamp]) .board-cell.placed .placement-effect-layer:before{top:18%;right:18%;bottom:18%;left:18%;border-width:.18rem;border-radius:.4rem}.game-board-frame:is([data-placement-preset=ripple],[data-placement-preset=ring]) .board-cell.placed .placement-effect-layer:before,.game-board-frame:is([data-placement-preset=ripple],[data-placement-preset=ring]) .board-cell.placed .placement-effect-layer:after{top:-8%;right:-8%;bottom:-8%;left:-8%;border-width:.13rem;animation-name:placement-water-ring}.game-board-frame:is([data-placement-preset=leaf],[data-placement-preset=bloom]) .placement-effect-layer i{width:.34rem;height:.68rem;border-radius:80% 15%}.game-board-frame:is([data-placement-preset=fold],[data-placement-preset=trinity]) .placement-effect-layer i{width:.42rem;border-radius:.08rem;transform:rotate(45deg)}.game-board-frame[data-placement-preset=orbit] .board-cell.placed .placement-effect-layer:before,.game-board-frame[data-placement-preset=orbit] .board-cell.placed .placement-effect-layer:after{top:8%;right:-24%;bottom:8%;left:-24%;border:.1rem solid color-mix(in srgb,var(--active-placement-a) 82%,transparent);border-left-color:transparent;border-right-color:var(--active-placement-b);border-radius:50%;box-shadow:0 0 .55rem color-mix(in srgb,var(--active-placement-b) 55%,transparent);animation:placement-orbit-ring .72s cubic-bezier(.18,.76,.22,1) both}.game-board-frame[data-placement-preset=orbit] .board-cell.placed .placement-effect-layer:after{top:-22%;right:9%;bottom:-22%;left:9%;animation-delay:.06s;animation-direction:reverse}.game-board-frame[data-placement-preset=orbit] .placement-effect-layer i{width:.3rem;color:var(--active-placement-b);background:currentColor;box-shadow:0 0 .7rem .12rem currentColor}.game-board-frame:not(.clearing):is([data-score-preset=sweep],[data-score-preset=glint]) .board-cell.scoring .score-effect-layer:before,.game-board-frame:not(.clearing):is([data-score-preset=wash],[data-score-preset=ribbon],[data-score-preset=tango-flow]) .board-cell.scoring .score-effect-layer:before{top:-10%;right:-10%;bottom:-10%;left:-10%;border-radius:.55rem;background:linear-gradient(100deg,transparent 4%,color-mix(in srgb,var(--active-score-a) 20%,transparent) 25%,color-mix(in srgb,var(--active-score-b) 82%,white) 48%,color-mix(in srgb,var(--active-score-a) 32%,transparent) 66%,transparent 92%);transform:translate(-115%) skew(-12deg);animation:score-connection-sweep .72s cubic-bezier(.2,.72,.24,1) both;animation-delay:calc(var(--score-sequence-index, 0) * 40ms)}.game-board-frame:not(.clearing)[data-score-preset=wash] .board-cell.scoring .score-effect-layer:after{content:"";position:absolute;left:-18%;right:-18%;bottom:10%;height:34%;border-top:.13rem solid color-mix(in srgb,var(--active-score-b) 80%,white);border-radius:50%;opacity:0;filter:drop-shadow(0 0 .35rem var(--active-score-a));animation:score-coastal-crest .72s ease-out both;animation-delay:calc(var(--score-sequence-index, 0) * 40ms + 70ms)}.game-board-frame:not(.clearing)[data-score-preset=wash] .score-effect-layer i{width:.2rem;height:.42rem;border-radius:55% 55% 70% 70%;--sx: 1.8rem;--sy: .35rem;animation-name:score-coastal-drop}.game-board-frame:not(.clearing):is([data-score-preset=dust],[data-score-preset=scatter],[data-score-preset=ash]) .score-effect-layer i{width:.34rem;border-radius:.08rem}.game-board-frame:not(.clearing):is([data-score-preset=dissolve],[data-score-preset=cosmos-fold]) .score-effect-layer i{width:.38rem;border-radius:15%;clip-path:polygon(50% 0,61% 36%,100% 50%,61% 64%,50% 100%,39% 64%,0 50%,39% 36%)}.game-board-frame:not(.clearing)[data-score-preset=cosmos-fold] .board-cell.scoring .score-effect-layer:before{background:radial-gradient(circle at 38% 42%,color-mix(in srgb,var(--active-score-b) 85%,white) 0 5%,transparent 7%),conic-gradient(from 45deg,color-mix(in srgb,var(--active-score-a) 55%,transparent),transparent 30%,color-mix(in srgb,var(--active-score-b) 45%,transparent),transparent 72%);animation-name:score-cosmos-collapse}html:is([data-tango-placement-effect=tap],[data-tango-placement-effect=shadow],[data-tango-placement-effect=stamp]) .game-board-frame:not([data-placement-preset]) .board-cell.placed .placement-effect-layer:before{top:18%;right:18%;bottom:18%;left:18%;border-width:.18rem;border-radius:.4rem}html:is([data-tango-placement-effect=ripple],[data-tango-placement-effect=ring]) .game-board-frame:not([data-placement-preset]) .board-cell.placed .placement-effect-layer:before,html:is([data-tango-placement-effect=ripple],[data-tango-placement-effect=ring]) .game-board-frame:not([data-placement-preset]) .board-cell.placed .placement-effect-layer:after{top:-8%;right:-8%;bottom:-8%;left:-8%;border-width:.13rem;animation-name:placement-water-ring}html:is([data-tango-placement-effect=leaf],[data-tango-placement-effect=bloom]) .game-board-frame:not([data-placement-preset]) .placement-effect-layer i{width:.34rem;height:.68rem;border-radius:80% 15%}html:is([data-tango-placement-effect=fold],[data-tango-placement-effect=trinity]) .game-board-frame:not([data-placement-preset]) .placement-effect-layer i{width:.42rem;border-radius:.08rem;transform:rotate(45deg)}html[data-tango-placement-effect=orbit] .game-board-frame:not([data-placement-preset]) .board-cell.placed .placement-effect-layer:before,html[data-tango-placement-effect=orbit] .game-board-frame:not([data-placement-preset]) .board-cell.placed .placement-effect-layer:after{top:8%;right:-24%;bottom:8%;left:-24%;border:.1rem solid color-mix(in srgb,var(--equipped-placementEffect-a) 82%,transparent);border-left-color:transparent;border-right-color:var(--equipped-placementEffect-b);border-radius:50%;box-shadow:0 0 .55rem color-mix(in srgb,var(--equipped-placementEffect-b) 55%,transparent);animation:placement-orbit-ring .72s cubic-bezier(.18,.76,.22,1) both}html[data-tango-placement-effect=orbit] .game-board-frame:not([data-placement-preset]) .board-cell.placed .placement-effect-layer:after{top:-22%;right:9%;bottom:-22%;left:9%;animation-delay:.06s;animation-direction:reverse}html[data-tango-placement-effect=orbit] .game-board-frame:not([data-placement-preset]) .placement-effect-layer i{width:.3rem;color:var(--equipped-placementEffect-b);background:currentColor;box-shadow:0 0 .7rem .12rem currentColor}html:is([data-tango-score-effect=sweep],[data-tango-score-effect=glint],[data-tango-score-effect=wash],[data-tango-score-effect=ribbon],[data-tango-score-effect=tango-flow]) .game-board-frame:not(.clearing):not([data-score-preset]) .board-cell.scoring .score-effect-layer:before{top:-10%;right:-10%;bottom:-10%;left:-10%;border-radius:.55rem;background:linear-gradient(100deg,transparent 4%,color-mix(in srgb,var(--equipped-scoreEffect-a) 20%,transparent) 25%,color-mix(in srgb,var(--equipped-scoreEffect-b) 82%,white) 48%,color-mix(in srgb,var(--equipped-scoreEffect-a) 32%,transparent) 66%,transparent 92%);transform:translate(-115%) skew(-12deg);animation:score-connection-sweep .72s cubic-bezier(.2,.72,.24,1) both;animation-delay:calc(var(--score-sequence-index, 0) * 40ms)}html[data-tango-score-effect=wash] .game-board-frame:not(.clearing):not([data-score-preset]) .board-cell.scoring .score-effect-layer:after{content:"";position:absolute;left:-18%;right:-18%;bottom:10%;height:34%;border-top:.13rem solid color-mix(in srgb,var(--equipped-scoreEffect-b) 80%,white);border-radius:50%;opacity:0;filter:drop-shadow(0 0 .35rem var(--equipped-scoreEffect-a));animation:score-coastal-crest .72s ease-out both;animation-delay:calc(var(--score-sequence-index, 0) * 40ms + 70ms)}html[data-tango-score-effect=wash] .game-board-frame:not(.clearing):not([data-score-preset]) .score-effect-layer i{width:.2rem;height:.42rem;border-radius:55% 55% 70% 70%;--sx: 1.8rem;--sy: .35rem;animation-name:score-coastal-drop}html:is([data-tango-score-effect=dust],[data-tango-score-effect=scatter],[data-tango-score-effect=ash]) .game-board-frame:not(.clearing):not([data-score-preset]) .score-effect-layer i{width:.34rem;border-radius:.08rem}html:is([data-tango-score-effect=dissolve],[data-tango-score-effect=cosmos-fold]) .game-board-frame:not(.clearing):not([data-score-preset]) .score-effect-layer i{width:.38rem;border-radius:15%;clip-path:polygon(50% 0,61% 36%,100% 50%,61% 64%,50% 100%,39% 64%,0 50%,39% 36%)}html[data-tango-score-effect=cosmos-fold] .game-board-frame:not(.clearing):not([data-score-preset]) .board-cell.scoring .score-effect-layer:before{background:radial-gradient(circle at 38% 42%,color-mix(in srgb,var(--equipped-scoreEffect-b) 85%,white) 0 5%,transparent 7%),conic-gradient(from 45deg,color-mix(in srgb,var(--equipped-scoreEffect-a) 55%,transparent),transparent 30%,color-mix(in srgb,var(--equipped-scoreEffect-b) 45%,transparent),transparent 72%);animation-name:score-cosmos-collapse}@keyframes placement-water-ring{0%{opacity:.85;transform:scale(.38)}70%{opacity:.4}to{opacity:0;transform:scale(1.25)}}@keyframes placement-orbit-ring{0%{opacity:0;transform:rotate(-95deg) scale(.55)}28%{opacity:1}to{opacity:0;transform:rotate(145deg) scale(1.08)}}@keyframes score-connection-sweep{0%{opacity:0;transform:translate(-115%) skew(-12deg)}18%{opacity:.95}75%{opacity:.8}to{opacity:0;transform:translate(115%) skew(-12deg)}}@keyframes score-coastal-crest{0%{opacity:0;transform:translate(-45%) scaleX(.55)}25%{opacity:.95}to{opacity:0;transform:translate(42%) scaleX(1.15) translateY(-45%)}}@keyframes score-coastal-drop{0%{opacity:0;transform:translate(-90%,-50%) scale(.4) rotate(62deg)}24%{opacity:1}to{opacity:0;transform:translate(calc(-50% + var(--sx)),calc(-50% + var(--sy))) scale(.85) rotate(82deg)}}@keyframes score-cosmos-collapse{0%{opacity:0;transform:scale(1.45) rotate(-22deg)}30%{opacity:1}to{opacity:0;transform:scale(.18) rotate(70deg)}}:root[data-speed=fast] .game-board-frame:not(.clearing) .board-cell.scoring .tile-face,:root[data-speed=fast] .game-board-frame:not(.clearing) .board-cell.scoring .score-effect-layer:before,:root[data-speed=fast] .game-board-frame:not(.clearing) .board-cell.scoring .score-effect-layer:after,:root[data-speed=fast] .game-board-frame:not(.clearing) .board-cell.scoring .score-effect-layer i{animation-duration:.36s}:root[data-speed=fast] .game-board-frame:not(.clearing) .board-cell.scoring .score-effect-layer:before,:root[data-speed=fast] .game-board-frame:not(.clearing) .board-cell.scoring .score-effect-layer:after,:root[data-speed=fast] .game-board-frame:not(.clearing) .board-cell.scoring .score-effect-layer i,:root[data-speed=fast] .game-board-frame:not(.clearing) .board-cell.scoring .tile-face{animation-delay:calc(var(--score-sequence-index, 0) * 18ms)}.preview-effect-particles,.preview-score-particles,.preview-victory-confetti{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.preview-effect-particles i,.preview-score-particles i,.preview-victory-confetti i{position:absolute;left:50%;top:50%;width:.22rem;aspect-ratio:1;border-radius:50%;background:var(--cosmetic-preview-color-b);box-shadow:0 0 .45rem currentColor}.preview-effect-particles i:nth-child(1),.preview-score-particles i:nth-child(1){transform:translate(-2.5rem,-2.1rem)}.preview-effect-particles i:nth-child(2),.preview-score-particles i:nth-child(2){transform:translate(-.4rem,-2.8rem)}.preview-effect-particles i:nth-child(3),.preview-score-particles i:nth-child(3){transform:translate(2.2rem,-2.1rem)}.preview-effect-particles i:nth-child(4),.preview-score-particles i:nth-child(4){transform:translate(2.8rem,.3rem)}.preview-effect-particles i:nth-child(5),.preview-score-particles i:nth-child(5){transform:translate(1.9rem,2.4rem)}.preview-effect-particles i:nth-child(6),.preview-score-particles i:nth-child(6){transform:translate(-.6rem,2.7rem)}.preview-effect-particles i:nth-child(7),.preview-score-particles i:nth-child(7){transform:translate(-2.6rem,1.7rem)}.preview-effect-particles i:nth-child(8),.preview-score-particles i:nth-child(8){transform:translate(-3rem,-.4rem)}.atelier-cosmetic-preview-effect-lines{filter:drop-shadow(0 0 .35rem var(--cosmetic-preview-color-b))}.atelier-cosmetic-preview-score-stage>strong{position:relative;z-index:5;color:#fff7e7;font-size:1.15rem;text-shadow:0 0 .7rem var(--cosmetic-preview-color-b)}.result-scene-backdrop{padding:1rem;background:#0a0908c7;-webkit-backdrop-filter:blur(.6rem);backdrop-filter:blur(.6rem)}.result-panel.result-scene{position:relative;isolation:isolate;display:grid;gap:1rem;width:min(42rem,calc(100vw - 2rem));max-height:min(48rem,calc(100dvh - 2rem));padding:clamp(1.2rem,4vw,2.4rem);overflow:auto;border:1px solid color-mix(in srgb,var(--result-accent, #c5a46a) 55%,var(--border-color));border-radius:2rem;background:radial-gradient(circle at 50% 5%,color-mix(in srgb,var(--result-accent, #c5a46a) 19%,transparent),transparent 38%),linear-gradient(155deg,#28231f,#151311 72%);box-shadow:0 2rem 5rem #0000007a,inset 0 1px #ffffff14}.result-panel.result-scene.win{--result-accent: #e0ad52}.result-panel.result-scene.loss{--result-accent: #9b5864}.result-panel.result-scene.draw{--result-accent: #7f8c91}.result-scene-halo{position:absolute;width:22rem;aspect-ratio:1;left:50%;top:-9rem;border:1px solid color-mix(in srgb,var(--result-accent) 55%,transparent);border-radius:50%;transform:translate(-50%);box-shadow:0 0 4rem color-mix(in srgb,var(--result-accent) 26%,transparent),inset 0 0 3rem color-mix(in srgb,var(--result-accent) 13%,transparent);animation:result-halo-in .8s ease-out both}.result-scene-ribbon{position:absolute;width:70%;height:9rem;left:15%;top:7rem;border-top:1px solid color-mix(in srgb,var(--result-accent) 34%,transparent);border-bottom:1px solid color-mix(in srgb,var(--result-accent) 15%,transparent);transform:perspective(20rem) rotateX(68deg)}.result-scene-emblem{position:absolute;width:7rem;aspect-ratio:1;left:50%;top:2.2rem;border:.18rem double color-mix(in srgb,var(--result-accent) 72%,transparent);border-radius:50%;transform:translate(-50%) rotate(45deg);animation:result-emblem-in .75s cubic-bezier(.17,.75,.2,1) both}.result-scene-art b{position:absolute;width:.35rem;height:.7rem;top:22%;left:50%;border-radius:.15rem;background:var(--result-accent);opacity:0;animation:result-confetti 1.15s ease-out both}.result-scene-art b:nth-of-type(4n+1){--rx: -15rem;--ry: 8rem;transform:rotate(18deg)}.result-scene-art b:nth-of-type(4n+2){--rx: 14rem;--ry: 10rem;background:#4f8e82}.result-scene-art b:nth-of-type(4n+3){--rx: -9rem;--ry: 17rem;background:#536da2}.result-scene-art b:nth-of-type(4n){--rx: 10rem;--ry: 18rem;background:#a6445d}.result-scene-art b:nth-of-type(n+5){animation-delay:.12s}.result-scene-art b:nth-of-type(n+9){animation-delay:.22s}.result-scene-hero{display:grid;justify-items:center;gap:.35rem;padding-top:1.2rem;text-align:center}.result-status-mark{display:grid;place-items:center;width:5.4rem;aspect-ratio:1;margin-top:.2rem;border:1px solid color-mix(in srgb,var(--result-accent) 76%,transparent);border-radius:50%;color:var(--result-accent);background:#0c0b0aa6;box-shadow:0 0 1.8rem color-mix(in srgb,var(--result-accent) 24%,transparent);font:900 2.1rem/1 var(--font-sans)}.result-scene-hero h2{margin:.15rem 0 0;color:#fff8e9;font-family:var(--font-display);font-size:clamp(2.8rem,8vw,5.3rem);line-height:.95}.result-player-name{color:var(--result-accent);font-size:1.2rem}.result-scene-hero>p:last-child{max-width:30rem;margin:.2rem 0 0;color:#bbb2a6}.result-summary-card{display:grid;gap:.8rem;padding:1rem;border:1px solid rgba(255,255,255,.09);border-radius:1.1rem;background:#0a09086b}.result-summary-card .final-score{margin:0;padding-bottom:.75rem;border-bottom:1px solid rgba(255,255,255,.08)}.result-summary-card .result-meta{margin:0}.result-panel.result-scene .result-actions{margin-top:0}.result-panel.result-scene[data-victory-preset=crest] .result-scene-emblem,.result-panel.result-scene[data-victory-preset=tableau] .result-scene-emblem{border-radius:24% 24% 48% 48%;transform:translate(-50%) rotate(0)}.result-panel.result-scene[data-victory-preset=trophy] .result-status-mark,.result-panel.result-scene[data-victory-preset=master-palette] .result-status-mark{border-width:.25rem;box-shadow:0 0 2.8rem color-mix(in srgb,var(--result-accent) 45%,transparent)}@keyframes result-halo-in{0%{opacity:0;transform:translate(-50%) scale(.55)}to{opacity:1;transform:translate(-50%) scale(1)}}@keyframes result-emblem-in{0%{opacity:0;transform:translate(-50%) rotate(5deg) scale(.5)}to{opacity:1;transform:translate(-50%) rotate(45deg) scale(1)}}@keyframes result-confetti{0%{opacity:0;transform:translate(0) rotate(0)}18%{opacity:.9}to{opacity:0;transform:translate(var(--rx),var(--ry)) rotate(180deg)}}@media (max-width: 1100px){.customization-category-rail,.style-library-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.palette-mixer-section{grid-template-columns:1fr 1fr}.palette-mixer-control{grid-column:1 / -1;grid-template-columns:1fr 1fr;align-items:center}.palette-mixer-control .box-odds{grid-column:1 / -1}}@media (max-width: 720px){.tile-palette-panel{gap:.9rem}.palette-panel-heading{align-items:start}.customization-category-rail{display:flex;gap:.5rem;margin-inline:-.2rem;padding:.45rem;overflow-x:auto;scroll-snap-type:x proximity}.customization-category-rail>button{flex:0 0 8.6rem;grid-template-columns:2.25rem minmax(0,1fr);min-height:4rem;scroll-snap-align:start}.customization-category-rail .cosmetic-category-icon,.customization-category-rail .atelier-cosmetic-preview{width:2.25rem;height:2.25rem}.style-category-editor{padding:.7rem;border-radius:1.15rem}.style-category-current{grid-template-columns:1fr auto;min-height:0;padding:.85rem}.style-category-copy{grid-column:1 / -1}.style-current-preview{justify-content:start}.style-current-preview>.atelier-cosmetic-preview{width:7.5rem}.style-current-preview>.cosmetic-category-icon{width:5rem;height:5rem}.style-current-details{max-width:min(14rem,48vw)}.style-current-details>p{font-size:.72rem}.restore-style-action{min-width:7rem}.style-library-heading{display:grid}.style-search-field{min-width:0;width:100%}.style-rarity-filter{display:flex;overflow-x:auto}.style-library-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}.style-library-grid>button{grid-template-rows:minmax(7rem,1fr) auto;padding:.5rem}.style-library-grid .style-preview-stage>.atelier-cosmetic-preview{min-height:7rem}.style-library-card-copy>p{font-size:.64rem}.style-library-card-copy>em{padding-inline:.38rem;font-size:.57rem}.weekly-rarity-section{grid-template-columns:1fr;gap:.4rem;padding:.75rem}.weekly-rarity-section>header{align-items:center}.palette-mixer-section{grid-template-columns:1fr;padding:.75rem;border-radius:1.2rem}.mixer-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.palette-mixer-stage{min-height:18rem}.palette-mixer-stage .mixer-bowl{width:min(15rem,68%);transform:translateY(1.7rem) rotate(-4deg)}.palette-mixer-control{grid-column:auto;grid-template-columns:1fr}.result-scene-backdrop{align-items:end;padding:0}.result-panel.result-scene{width:100%;max-height:calc(100dvh - env(safe-area-inset-top,0px));padding:1rem 1rem calc(1rem + env(safe-area-inset-bottom,0px));border-radius:1.65rem 1.65rem 0 0}.result-scene-halo{width:17rem;top:-8rem}.result-status-mark{width:4.3rem;font-size:1.65rem}.result-scene-hero h2{font-size:clamp(2.7rem,16vw,4.2rem)}}@media (max-width: 360px){.customization-category-rail>button{flex-basis:7.8rem;padding-inline:.55rem}.style-library-grid{grid-template-columns:1fr 1fr}.mixer-category-grid{grid-template-columns:1fr}.palette-mixer-stage{min-height:17.5rem}}.game-board-frame{--board-frame-material: repeating-linear-gradient(93deg, rgba(255,255,255,.035) 0 1px, transparent 1px 28px), linear-gradient(135deg, #9d6845, #68422e);--board-field-material: repeating-linear-gradient(4deg, rgba(255,255,255,.025) 0 1px, transparent 1px 16px), linear-gradient(145deg, #83543a, #5b3928);--board-cell-material: linear-gradient(145deg, rgba(83,51,35,.78), rgba(48,29,20,.88));--board-cell-material-alt: var(--board-cell-material);--board-groove: rgba(255,237,207,.12);--board-rim: #563522;--board-inlay: rgba(255,231,190,.3);--board-cell-light: rgba(255,255,255,.08);--board-cell-shadow: rgba(19,10,6,.42);background:var(--board-frame-material)!important;border-color:var(--board-rim)!important;padding:clamp(.34rem,1.2vw,.58rem)!important;box-shadow:0 1.55rem 3.5rem #0a070540,inset 0 0 0 2px color-mix(in srgb,var(--board-inlay) 72%,transparent),inset 0 0 1.25rem #140a0538!important}.game-board-frame .board-surface-inlay{border-color:var(--board-inlay);box-shadow:inset 0 0 0 .18rem color-mix(in srgb,var(--board-rim) 48%,transparent)}.game-board-frame .board-surface-pattern{position:absolute;top:.55rem;right:.55rem;bottom:.55rem;left:.55rem;border-radius:calc(var(--radius-xl, 1.5rem) - .35rem);opacity:.7;background:var(--board-field-pattern, none)}.game-board-frame .game-board{width:100%;height:100%;padding:.12rem!important;background:var(--board-field-material)!important;border-color:color-mix(in srgb,var(--board-rim) 82%,#fff 18%)!important;box-shadow:inset 0 .38rem .85rem color-mix(in srgb,var(--board-cell-shadow) 68%,transparent),0 1px color-mix(in srgb,var(--board-cell-light) 80%,transparent)!important}.game-board-frame .board-cell{isolation:isolate;overflow:visible;border-color:var(--board-groove)!important;background:transparent!important;box-shadow:inset 0 .22rem .38rem var(--board-cell-shadow),inset 0 0 0 1px color-mix(in srgb,var(--board-cell-light) 58%,transparent),0 1px color-mix(in srgb,var(--board-cell-light) 72%,transparent)!important}.game-board-frame .board-cell.empty{border-color:color-mix(in srgb,var(--board-groove) 34%,transparent)!important;box-shadow:inset 0 .48rem .8rem color-mix(in srgb,var(--board-cell-shadow) 72%,transparent),inset 0 0 0 1px color-mix(in srgb,var(--board-cell-light) 16%,transparent)!important}.game-board-frame .board-cell.empty .board-cell-material{opacity:1;background:#0c0a0e4d!important;filter:none}.game-board-frame.interactive .board-cell.empty:is(:hover,:focus-visible) .board-cell-material{opacity:1;background:#fff8e813!important;filter:none}.board-cell-material{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;border-radius:inherit;background:var(--board-cell-material);background-position:var(--board-cell-x,50%) var(--board-cell-y,50%);background-size:var(--board-cell-background-size,auto);pointer-events:none}.game-board-frame .board-cell[data-cell-col="0"]{--board-cell-x:0%}.game-board-frame .board-cell[data-cell-col="1"]{--board-cell-x:25%}.game-board-frame .board-cell[data-cell-col="2"]{--board-cell-x:50%}.game-board-frame .board-cell[data-cell-col="3"]{--board-cell-x:75%}.game-board-frame .board-cell[data-cell-col="4"]{--board-cell-x:100%}.game-board-frame .board-cell[data-cell-row="0"]{--board-cell-y:0%}.game-board-frame .board-cell[data-cell-row="1"]{--board-cell-y:25%}.game-board-frame .board-cell[data-cell-row="2"]{--board-cell-y:50%}.game-board-frame .board-cell[data-cell-row="3"]{--board-cell-y:75%}.game-board-frame .board-cell[data-cell-row="4"]{--board-cell-y:100%}.game-board-frame .board-cell:nth-child(2n) .board-cell-material{background:var(--board-cell-material-alt)}.game-board-frame .board-cell.empty:before{z-index:1;border-color:color-mix(in srgb,var(--board-cell-light) 42%,transparent)}.game-board-frame .tile-face,.game-board-frame .tile-preview,.game-board-frame .score-effect-callout{z-index:3}html[data-tango-board-theme=maple] .game-board-frame{--board-frame-material: repeating-linear-gradient(5deg, rgba(111,59,21,.1) 0 1px, transparent 1px 10px), linear-gradient(140deg,#e8be79,#ad6c38 64%,#7f4829);--board-field-material: repeating-linear-gradient(2deg, rgba(95,48,18,.08) 0 1px, transparent 1px 13px), linear-gradient(145deg,#d8a866,#9a5a31);--board-cell-material: repeating-linear-gradient(8deg,rgba(84,41,16,.08) 0 1px,transparent 1px 8px),linear-gradient(145deg,#c99252,#8d502c);--board-cell-material-alt: repeating-linear-gradient(-6deg,rgba(84,41,16,.07) 0 1px,transparent 1px 9px),linear-gradient(145deg,#d19d5d,#93562f);--board-rim: #784322;--board-groove: rgba(85,43,18,.38);--board-inlay: rgba(255,229,178,.58);--board-cell-shadow: rgba(70,31,10,.35)}html[data-tango-board-theme=walnut] .game-board-frame{--board-frame-material: repeating-linear-gradient(7deg,rgba(239,190,133,.065) 0 1px,transparent 1px 11px),linear-gradient(145deg,#76513a,#2b1d19);--board-field-material: repeating-linear-gradient(-5deg,rgba(229,178,118,.04) 0 1px,transparent 1px 12px),linear-gradient(145deg,#5d3c2d,#2a1c18);--board-cell-material: repeating-linear-gradient(5deg,rgba(241,193,139,.035) 0 1px,transparent 1px 8px),linear-gradient(145deg,#493025,#251916);--board-cell-material-alt: repeating-linear-gradient(-4deg,rgba(241,193,139,.03) 0 1px,transparent 1px 9px),linear-gradient(145deg,#513629,#2b1c18);--board-rim:#281916;--board-groove:rgba(238,194,143,.12);--board-inlay:rgba(218,173,119,.32);--board-cell-shadow:rgba(7,4,3,.55)}html[data-tango-board-theme=birch] .game-board-frame{--board-frame-material: repeating-linear-gradient(-7deg,rgba(98,72,45,.09) 0 1px,transparent 1px 12px),linear-gradient(145deg,#f4e8ce,#bca47d);--board-field-material: repeating-linear-gradient(4deg,rgba(93,68,42,.07) 0 1px,transparent 1px 14px),linear-gradient(145deg,#e4d3b5,#af946d);--board-cell-material: repeating-linear-gradient(-5deg,rgba(92,65,39,.055) 0 1px,transparent 1px 10px),linear-gradient(145deg,#d7c29e,#a48760);--board-cell-material-alt: repeating-linear-gradient(6deg,rgba(92,65,39,.045) 0 1px,transparent 1px 10px),linear-gradient(145deg,#dfcbaa,#aa8e67);--board-rim:#aa8b61;--board-groove:rgba(82,58,35,.3);--board-inlay:rgba(255,250,230,.74);--board-cell-light:rgba(255,255,255,.28);--board-cell-shadow:rgba(75,51,29,.26)}html[data-tango-board-theme=charcoal] .game-board-frame{--board-frame-material: repeating-linear-gradient(3deg,rgba(255,255,255,.025) 0 1px,transparent 1px 7px),linear-gradient(145deg,#504c46,#1e1c1a);--board-field-material: repeating-linear-gradient(88deg,rgba(255,255,255,.018) 0 1px,transparent 1px 15px),linear-gradient(145deg,#3b3834,#171614);--board-cell-material: repeating-linear-gradient(4deg,rgba(255,255,255,.018) 0 1px,transparent 1px 7px),linear-gradient(145deg,#302e2b,#11100f);--board-cell-material-alt: repeating-linear-gradient(-5deg,rgba(255,255,255,.016) 0 1px,transparent 1px 8px),linear-gradient(145deg,#373431,#151412);--board-rim:#151311;--board-groove:rgba(255,255,255,.1);--board-inlay:rgba(209,199,184,.23);--board-cell-shadow:rgba(0,0,0,.58)}html[data-tango-board-theme=moss] .game-board-frame{--board-frame-material: radial-gradient(circle at 20% 16%,rgba(193,216,135,.22),transparent 28%),repeating-linear-gradient(8deg,rgba(236,244,206,.035) 0 1px,transparent 1px 10px),linear-gradient(145deg,#6d7750,#30392a);--board-field-material: radial-gradient(circle at 75% 12%,rgba(177,205,117,.13),transparent 32%),linear-gradient(145deg,#566343,#293328);--board-cell-material: linear-gradient(145deg,#48563a,#253026);--board-cell-material-alt: linear-gradient(145deg,#536144,#2b372b);--board-rim:#293426;--board-groove:rgba(205,224,160,.17);--board-inlay:rgba(196,220,144,.4);--board-cell-shadow:rgba(13,22,12,.48);--board-field-pattern:radial-gradient(ellipse at 12% 85%,rgba(199,224,148,.09),transparent 23%),radial-gradient(ellipse at 90% 17%,rgba(199,224,148,.08),transparent 20%)}html[data-tango-board-theme=coastal] .game-board-frame{--board-frame-material: linear-gradient(120deg,transparent 0 62%,rgba(80,214,211,.2) 63% 68%,transparent 69%),repeating-linear-gradient(4deg,rgba(255,255,255,.04) 0 1px,transparent 1px 11px),linear-gradient(145deg,#77553d,#294f4d);--board-field-material: radial-gradient(ellipse at 80% 15%,rgba(77,211,207,.18),transparent 35%),linear-gradient(145deg,#75513a,#285a58);--board-cell-material: linear-gradient(145deg,#765036,#244f4e);--board-cell-material-alt: linear-gradient(145deg,#855c3e,#2e6462);--board-rim:#234b49;--board-groove:rgba(118,226,222,.2);--board-inlay:rgba(121,226,222,.48);--board-cell-shadow:rgba(10,31,30,.46);--board-field-pattern:repeating-radial-gradient(ellipse at 100% 100%,transparent 0 1.6rem,rgba(111,231,225,.08) 1.7rem 1.8rem)}html[data-tango-board-theme=brass] .game-board-frame{--board-frame-material:radial-gradient(circle at 20% 8%,rgba(255,219,142,.24),transparent 25%),linear-gradient(145deg,#494036,#141310);--board-field-material:repeating-linear-gradient(45deg,rgba(224,181,97,.035) 0 1px,transparent 1px 13px),linear-gradient(145deg,#332d27,#11100e);--board-cell-material:radial-gradient(circle at 30% 18%,rgba(223,182,103,.1),transparent 34%),linear-gradient(145deg,#2c2721,#0e0d0b);--board-cell-material-alt:radial-gradient(circle at 70% 80%,rgba(223,182,103,.08),transparent 34%),linear-gradient(145deg,#332c24,#12100e);--board-rim:#bc8736;--board-groove:rgba(230,188,103,.35);--board-inlay:rgba(239,197,107,.76);--board-cell-light:rgba(239,201,126,.18);--board-cell-shadow:rgba(0,0,0,.6);--board-field-pattern:linear-gradient(90deg,transparent 49.7%,rgba(220,177,91,.12) 50%,transparent 50.3%),linear-gradient(0deg,transparent 49.7%,rgba(220,177,91,.1) 50%,transparent 50.3%)}html[data-tango-board-theme=moonlight] .game-board-frame{--board-frame-material:radial-gradient(circle at 78% 14%,rgba(232,239,255,.28),transparent 25%),linear-gradient(145deg,#506188,#18213f);--board-field-material:radial-gradient(circle at 82% 16%,rgba(225,234,255,.13),transparent 28%),linear-gradient(145deg,#35476f,#111a36);--board-cell-material:linear-gradient(145deg,#2e4069,#10172f);--board-cell-material-alt:linear-gradient(145deg,#3b4e7b,#141d3b);--board-rim:#18284f;--board-groove:rgba(190,205,246,.22);--board-inlay:rgba(202,215,251,.48);--board-cell-shadow:rgba(5,9,26,.55);--board-field-pattern:radial-gradient(circle at 12% 18%,rgba(255,255,255,.8) 0 .05rem,transparent .08rem),radial-gradient(circle at 72% 72%,rgba(180,203,255,.55) 0 .04rem,transparent .07rem)}html[data-tango-board-theme=ember] .game-board-frame{--board-frame-material:radial-gradient(circle at 20% 80%,rgba(255,103,42,.35),transparent 31%),repeating-linear-gradient(4deg,rgba(255,255,255,.025) 0 1px,transparent 1px 9px),linear-gradient(145deg,#5d3025,#1e1715);--board-field-material:radial-gradient(ellipse at 50% 100%,rgba(244,83,30,.24),transparent 38%),linear-gradient(145deg,#452720,#171211);--board-cell-material:linear-gradient(145deg,#3d211d,#15100f);--board-cell-material-alt:radial-gradient(circle at 50% 100%,rgba(244,79,27,.13),transparent 55%),linear-gradient(145deg,#482620,#191211);--board-rim:#642819;--board-groove:rgba(255,132,78,.19);--board-inlay:rgba(255,136,80,.4);--board-cell-shadow:rgba(14,5,3,.58);--board-field-pattern:radial-gradient(circle at 25% 90%,rgba(255,119,57,.17),transparent 24%),radial-gradient(circle at 75% 95%,rgba(255,69,29,.12),transparent 28%)}html[data-tango-board-theme=prism] .game-board-frame{--board-frame-material:linear-gradient(42deg,transparent 0 31%,rgba(61,157,145,.35) 32% 39%,transparent 40% 63%,rgba(144,84,166,.32) 64% 71%,transparent 72%),linear-gradient(145deg,#9b405c,#263e68);--board-field-material:linear-gradient(125deg,rgba(157,58,85,.5),rgba(43,71,119,.62) 48%,rgba(48,113,96,.58)),#222438;--board-cell-material:linear-gradient(135deg,rgba(155,62,89,.72),rgba(43,69,117,.76) 52%,rgba(49,121,100,.72));--board-cell-material-alt:linear-gradient(315deg,rgba(155,62,89,.66),rgba(43,69,117,.76) 52%,rgba(49,121,100,.68));--board-rim:#28365c;--board-groove:rgba(234,207,151,.22);--board-inlay:rgba(235,200,126,.5);--board-cell-shadow:rgba(12,12,28,.48);--board-field-pattern:linear-gradient(45deg,transparent 48.8%,rgba(237,206,144,.12) 49% 51%,transparent 51.2%),linear-gradient(-45deg,transparent 48.8%,rgba(237,206,144,.08) 49% 51%,transparent 51.2%)}html[data-tango-board-theme=cosmos] .game-board-frame{--board-frame-material:radial-gradient(ellipse at 45% 40%,rgba(59,66,154,.65),transparent 45%),radial-gradient(circle at 75% 65%,rgba(26,135,139,.4),transparent 34%),linear-gradient(145deg,#17193d,#060811);--board-field-material:radial-gradient(ellipse at 58% 44%,rgba(69,54,154,.42),transparent 42%),linear-gradient(145deg,#111632,#05070f);--board-cell-material:radial-gradient(circle at 25% 20%,rgba(102,130,232,.17),transparent 36%),linear-gradient(145deg,#151b3d,#060815);--board-cell-material-alt:radial-gradient(circle at 75% 75%,rgba(34,165,161,.13),transparent 36%),linear-gradient(145deg,#171c42,#070916);--board-rim:#303b88;--board-groove:rgba(147,172,255,.2);--board-inlay:rgba(132,158,255,.48);--board-cell-shadow:rgba(0,1,12,.62);--board-field-pattern:radial-gradient(circle at 12% 18%,#fff 0 .07rem,transparent .1rem),radial-gradient(circle at 83% 24%,#9ff 0 .06rem,transparent .09rem),radial-gradient(circle at 68% 82%,#fff 0 .05rem,transparent .08rem),radial-gradient(circle at 32% 68%,#b9a8ff 0 .04rem,transparent .07rem)}html[data-tango-board-theme=tango] .game-board-frame{--board-frame-material: repeating-linear-gradient(4deg,rgba(255,255,255,.026) 0 1px,transparent 1px 10px), linear-gradient(122deg,#ae455f 0 33%,#4565a5 33.2% 66.5%,#418b78 66.7%);--board-field-material: radial-gradient(circle at 50% 45%,rgba(255,255,255,.07),transparent 52%), linear-gradient(122deg,#963b51 0 33%,#3b558d 33.2% 66.5%,#377866 66.7%);--board-cell-material:linear-gradient(145deg,#873347,#572431);--board-cell-material-alt:linear-gradient(145deg,#96394f,#612736);--board-rim:#232326;--board-groove:rgba(245,230,205,.2);--board-inlay:rgba(249,231,199,.58);--board-cell-shadow:rgba(17,12,18,.52);--board-field-pattern:repeating-linear-gradient(4deg,rgba(255,255,255,.02) 0 1px,transparent 1px 11px)}html[data-tango-board-theme=tango] .board-cell[data-cell-col="2"] .board-cell-material{background:linear-gradient(145deg,#3e5b97,#283c68)}html[data-tango-board-theme=tango] .board-cell[data-cell-col="3"] .board-cell-material,html[data-tango-board-theme=tango] .board-cell[data-cell-col="4"] .board-cell-material{background:linear-gradient(145deg,#3b806f,#28594e)}html[data-tango-board-theme=tango] .board-cell:nth-child(2n)[data-cell-col="2"] .board-cell-material{background:linear-gradient(145deg,#4867a4,#2d4474)}html[data-tango-board-theme=tango] .board-cell:nth-child(2n)[data-cell-col="3"] .board-cell-material,html[data-tango-board-theme=tango] .board-cell:nth-child(2n)[data-cell-col="4"] .board-cell-material{background:linear-gradient(145deg,#458d7a,#2e6457)}.atelier-cosmetic-preview-board_theme{--preview-frame: linear-gradient(145deg,var(--cosmetic-preview-color-a),var(--cosmetic-preview-color-b));--preview-field: color-mix(in srgb,var(--cosmetic-preview-color-a) 56%,var(--cosmetic-preview-color-b));--preview-cell: color-mix(in srgb,var(--cosmetic-preview-color-b) 72%,#15110e);--preview-cell-alt: var(--preview-cell);--preview-rim: color-mix(in srgb,var(--cosmetic-preview-color-a) 72%,#25170f);display:grid;place-items:center;min-width:0;min-height:0;aspect-ratio:1;padding:.32rem;overflow:hidden;box-sizing:border-box;background:var(--preview-frame)!important;border-color:var(--preview-rim)!important}.atelier-cosmetic-preview-board_theme .atelier-cosmetic-preview-board-shell{display:grid;width:100%;height:auto;min-width:0;min-height:0;aspect-ratio:1;padding:.28rem;border:1px solid color-mix(in srgb,var(--preview-rim) 70%,#fff 30%);border-radius:.82rem;background:var(--preview-field)!important;box-shadow:inset 0 .25rem .45rem #0003}.atelier-cosmetic-preview-board_theme .atelier-cosmetic-preview-board-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-template-rows:repeat(5,minmax(0,1fr));align-self:stretch;width:100%;height:100%;min-width:0;min-height:0;gap:.11rem;padding:.1rem;overflow:hidden;box-sizing:border-box;background:transparent}.atelier-cosmetic-preview-board_theme .atelier-cosmetic-preview-board-grid i{width:auto;min-width:0;min-height:0;aspect-ratio:auto;border:1px solid color-mix(in srgb,var(--preview-rim) 58%,transparent);background:var(--preview-cell);box-shadow:inset 0 1px 2px #00000040,0 1px #ffffff14}.atelier-cosmetic-preview-board_theme .atelier-cosmetic-preview-board-grid i:nth-child(2n){background:var(--preview-cell-alt)}.atelier-cosmetic-preview-board_theme .atelier-cosmetic-preview-board-grid i.sample-a{background:#a43f58}.atelier-cosmetic-preview-board_theme .atelier-cosmetic-preview-board-grid i.sample-b{background:#405c98}.atelier-cosmetic-preview-board_theme .atelier-cosmetic-preview-board-grid i.sample-c{background:#3b806f}.atelier-cosmetic-preview-board_theme.preset-maple{--preview-frame:repeating-linear-gradient(5deg,rgba(111,59,21,.1) 0 1px,transparent 1px 7px),linear-gradient(145deg,#e8be79,#8d512c);--preview-field:linear-gradient(145deg,#d6a361,#995930);--preview-cell:linear-gradient(145deg,#c58b4e,#824724);--preview-cell-alt:linear-gradient(145deg,#d19b59,#8d4f29);--preview-rim:#75401f}.atelier-cosmetic-preview-board_theme.preset-walnut{--preview-frame:repeating-linear-gradient(6deg,rgba(255,211,154,.05) 0 1px,transparent 1px 8px),linear-gradient(145deg,#79523b,#2a1c18);--preview-field:linear-gradient(145deg,#5a3a2c,#261916);--preview-cell:linear-gradient(145deg,#483025,#211614);--preview-cell-alt:linear-gradient(145deg,#51352a,#281a16);--preview-rim:#211412}.atelier-cosmetic-preview-board_theme.preset-birch{--preview-frame:repeating-linear-gradient(-6deg,rgba(92,65,39,.08) 0 1px,transparent 1px 9px),linear-gradient(145deg,#f4e8ce,#b89f78);--preview-field:linear-gradient(145deg,#e1cfaf,#a88c65);--preview-cell:linear-gradient(145deg,#d3bc96,#987a55);--preview-cell-alt:linear-gradient(145deg,#ddc8a5,#a18760);--preview-rim:#a2835c}.atelier-cosmetic-preview-board_theme.preset-charcoal{--preview-frame:repeating-linear-gradient(4deg,rgba(255,255,255,.02) 0 1px,transparent 1px 7px),linear-gradient(145deg,#514e48,#1d1b19);--preview-field:linear-gradient(145deg,#3a3733,#151412);--preview-cell:linear-gradient(145deg,#302e2b,#0f0e0d);--preview-cell-alt:linear-gradient(145deg,#373431,#141311);--preview-rim:#121110}.atelier-cosmetic-preview-board_theme.preset-moss{--preview-frame:radial-gradient(circle at 20% 15%,rgba(197,220,143,.2),transparent 28%),linear-gradient(145deg,#707a52,#303a2a);--preview-field:linear-gradient(145deg,#566343,#283228);--preview-cell:linear-gradient(145deg,#465439,#232d24);--preview-cell-alt:linear-gradient(145deg,#536144,#293429);--preview-rim:#263124}.atelier-cosmetic-preview-board_theme.preset-coastal{--preview-frame:linear-gradient(120deg,transparent 0 62%,rgba(79,219,213,.2) 63% 68%,transparent 69%),linear-gradient(145deg,#79563d,#28504e);--preview-field:linear-gradient(145deg,#755139,#285a58);--preview-cell:linear-gradient(145deg,#704a34,#244f4e);--preview-cell-alt:linear-gradient(145deg,#835a3d,#2d6361);--preview-rim:#204846}.atelier-cosmetic-preview-board_theme.preset-brass{--preview-frame:radial-gradient(circle at 20% 8%,rgba(255,219,142,.24),transparent 25%),linear-gradient(145deg,#4b4237,#11100e);--preview-field:linear-gradient(145deg,#332d27,#0e0d0b);--preview-cell:linear-gradient(145deg,#2c2721,#0b0a09);--preview-cell-alt:linear-gradient(145deg,#342d25,#11100d);--preview-rim:#bd8735}.atelier-cosmetic-preview-board_theme.preset-moonlight{--preview-frame:radial-gradient(circle at 78% 14%,rgba(232,239,255,.28),transparent 25%),linear-gradient(145deg,#53648d,#18213f);--preview-field:linear-gradient(145deg,#35476f,#111a36);--preview-cell:linear-gradient(145deg,#2d3f68,#0e152d);--preview-cell-alt:linear-gradient(145deg,#3b4e7a,#131c39);--preview-rim:#273969}.atelier-cosmetic-preview-board_theme.preset-ember{--preview-frame:radial-gradient(circle at 20% 80%,rgba(255,103,42,.34),transparent 31%),linear-gradient(145deg,#5d3025,#1d1614);--preview-field:linear-gradient(145deg,#452720,#16110f);--preview-cell:linear-gradient(145deg,#3c201c,#130e0d);--preview-cell-alt:linear-gradient(145deg,#47251f,#18110f);--preview-rim:#6a2a19}.atelier-cosmetic-preview-board_theme.preset-prism{--preview-frame:linear-gradient(42deg,transparent 0 31%,rgba(61,157,145,.35) 32% 39%,transparent 40% 63%,rgba(144,84,166,.32) 64% 71%,transparent 72%),linear-gradient(145deg,#9b405c,#263e68);--preview-field:linear-gradient(125deg,#8e3d58,#344f83 50%,#367d6d);--preview-cell:linear-gradient(135deg,#84364f,#304675 52%,#347664);--preview-cell-alt:linear-gradient(315deg,#84364f,#304675 52%,#347664);--preview-rim:#28375f}.atelier-cosmetic-preview-board_theme.preset-cosmos{--preview-frame:radial-gradient(ellipse at 45% 40%,rgba(59,66,154,.65),transparent 45%),radial-gradient(circle at 75% 65%,rgba(26,135,139,.4),transparent 34%),linear-gradient(145deg,#17193d,#060811);--preview-field:radial-gradient(ellipse at 58% 44%,rgba(69,54,154,.42),transparent 42%),linear-gradient(145deg,#111632,#05070f);--preview-cell:linear-gradient(145deg,#151b3d,#060815);--preview-cell-alt:linear-gradient(145deg,#171c42,#070916);--preview-rim:#34418c}.atelier-cosmetic-preview-board_theme.preset-tango{--preview-frame:linear-gradient(120deg,#a43f58 0 33%,#405c98 33.2% 66.5%,#3b806f 66.7%);--preview-field:linear-gradient(120deg,#963b51 0 33%,#3b558d 33.2% 66.5%,#377866 66.7%);--preview-cell:rgba(14,12,16,.3);--preview-cell-alt:rgba(14,12,16,.3);--preview-rim:#222226}.atelier-cosmetic-preview-board_theme.preset-tango .atelier-cosmetic-preview-board-grid i:nth-child(5n+1),.atelier-cosmetic-preview-board_theme.preset-tango .atelier-cosmetic-preview-board-grid i:nth-child(5n+2),.atelier-cosmetic-preview-board_theme.preset-tango .atelier-cosmetic-preview-board-grid i:nth-child(5n+3),.atelier-cosmetic-preview-board_theme.preset-tango .atelier-cosmetic-preview-board-grid i:nth-child(5n+4),.atelier-cosmetic-preview-board_theme.preset-tango .atelier-cosmetic-preview-board-grid i:nth-child(5n){background:#0e0c104d}.atelier-cosmetic-preview-board_theme.preset-tango .atelier-cosmetic-preview-board-grid i.sample-a{background:#a43f58}.atelier-cosmetic-preview-board_theme.preset-tango .atelier-cosmetic-preview-board-grid i.sample-b{background:#405c98}.atelier-cosmetic-preview-board_theme.preset-tango .atelier-cosmetic-preview-board-grid i.sample-c{background:#3b806f}.collection-explorer{display:grid;gap:1rem;min-width:0}.collection-explorer-hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1.5rem;min-height:12rem;padding:clamp(1.2rem,3vw,2.2rem);overflow:hidden;border:1px solid var(--border-color);border-radius:1.6rem;background:radial-gradient(circle at 82% 16%,color-mix(in srgb,var(--accent) 17%,transparent),transparent 29%),linear-gradient(135deg,color-mix(in srgb,var(--surface-raised) 93%,#fff),var(--surface-soft));box-shadow:inset 0 1px #ffffff14,0 1rem 2.6rem #100a0714}.collection-explorer-hero:after{position:absolute;inset:auto 25% -70% auto;width:22rem;aspect-ratio:1;border:1px solid color-mix(in srgb,var(--accent) 18%,transparent);border-radius:50%;content:""}.collection-explorer-hero h2{margin:.12rem 0 .4rem;font-family:var(--font-display);font-size:clamp(2rem,4vw,3.5rem)}.collection-explorer-hero p:not(.eyebrow){max-width:35rem;margin:0;color:var(--text-secondary)}.collection-total-progress{position:relative;z-index:1;display:grid;place-items:center;width:8rem;aspect-ratio:1;border-radius:50%;background:conic-gradient(var(--accent) var(--collection-progress),color-mix(in srgb,var(--border-color) 70%,transparent) 0);box-shadow:0 .7rem 1.8rem #0f0a0726}.collection-total-progress:before{position:absolute;top:.45rem;right:.45rem;bottom:.45rem;left:.45rem;border-radius:50%;background:var(--surface-raised);box-shadow:inset 0 0 0 1px var(--border-color);content:""}.collection-total-progress span,.collection-total-progress b{position:relative;z-index:1}.collection-total-progress span{display:flex;align-items:baseline;gap:.15rem;margin-top:.8rem}.collection-total-progress strong{font:900 1.75rem/1 var(--font-display)}.collection-total-progress small{color:var(--text-secondary)}.collection-total-progress b{align-self:start;color:var(--text-secondary);font-size:.66rem;letter-spacing:.08em}.collection-explorer-layout{display:grid;grid-template-columns:12rem minmax(22rem,1fr) minmax(17rem,21rem);grid-template-areas:"categories library inspector";gap:1rem;align-items:start;min-width:0}.collection-category-list,.collection-library,.collection-inspector{min-width:0;border:1px solid var(--border-color);border-radius:1.35rem;background:var(--surface-raised);box-shadow:inset 0 1px #ffffff0f}.collection-category-list{grid-area:categories;display:grid;gap:.35rem;padding:.65rem}.collection-category-list>p{margin:.25rem .45rem .4rem;color:var(--text-secondary);font-size:.68rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.collection-category-list>button{display:grid;grid-template-columns:2.8rem minmax(0,1fr) auto;align-items:center;gap:.65rem;min-height:4rem;padding:.55rem;border:1px solid transparent;border-radius:.95rem;color:var(--text-primary);text-align:left;background:transparent}.collection-category-list>button:hover{border-color:var(--border-color);background:var(--surface-soft);transform:translate(2px)}.collection-category-list>button.active{border-color:color-mix(in srgb,var(--accent) 45%,var(--border-color));background:color-mix(in srgb,var(--accent) 11%,var(--surface-soft));box-shadow:inset .2rem 0 var(--accent)}.collection-category-list .cosmetic-category-icon{width:2.8rem;height:2.8rem;border:1px solid var(--border-color);border-radius:.8rem;background:var(--surface-soft)}.collection-category-list button>span{display:grid;gap:.15rem;min-width:0}.collection-category-list strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.78rem}.collection-category-list small{color:var(--text-secondary);font-size:.67rem}.collection-category-list button>i{color:var(--text-secondary);font-style:normal;font-size:1.25rem}.collection-library{grid-area:library;display:grid;gap:.85rem;padding:1rem}.collection-library-heading{display:flex;align-items:end;justify-content:space-between;gap:1rem;padding-bottom:.8rem;border-bottom:1px solid var(--border-color)}.collection-library-heading>div{display:grid;gap:.15rem}.collection-library-heading>div small{color:var(--accent);font-weight:850;letter-spacing:.08em;text-transform:uppercase}.collection-library-heading h3{margin:0;font:850 1.7rem/1 var(--font-display)}.collection-search-field{display:grid;gap:.25rem;width:min(18rem,52%)}.collection-search-field>span{color:var(--text-secondary);font-size:.65rem;font-weight:800}.collection-search-field input{width:100%;min-height:2.7rem;padding:.55rem .75rem;border:1px solid var(--border-color);border-radius:.8rem;color:var(--text-primary);background:var(--surface-soft)}.collection-search-field input:focus{outline:2px solid color-mix(in srgb,var(--accent) 45%,transparent);outline-offset:1px}.collection-filter-bar{display:flex;gap:.35rem;min-width:0;overflow-x:auto;padding:.1rem 0 .25rem;scrollbar-width:thin}.collection-filter-bar button{display:inline-flex;flex:0 0 auto;align-items:center;gap:.35rem;min-height:2.35rem;padding:.4rem .62rem;border:1px solid var(--border-color);border-radius:999px;color:var(--text-secondary);background:var(--surface-soft);font-size:.72rem;font-weight:800}.collection-filter-bar button:hover,.collection-filter-bar button.active{color:var(--text-primary);border-color:color-mix(in srgb,var(--accent) 48%,var(--border-color));background:color-mix(in srgb,var(--accent) 10%,var(--surface-raised))}.collection-filter-bar button.active{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 28%,transparent)}.collection-filter-bar small{display:grid;place-items:center;min-width:1.25rem;aspect-ratio:1;border-radius:50%;background:var(--surface-raised);font-size:.6rem}.rarity-dot,.rarity-dot-all{width:.55rem;aspect-ratio:1;border-radius:50%;background:currentColor}.rarity-dot-all{background:linear-gradient(135deg,#aaa 0,#aaa 25%,#4091bd 26%,#4091bd 50%,#a555c3 51%,#a555c3 75%,#e0a137 76%)}.collection-gallery{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.48rem}.collection-gallery-card{position:relative;min-width:0;overflow:hidden;border:1px solid var(--border-color);border-radius:1.05rem;background:var(--surface-soft);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.collection-gallery-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent) 36%,var(--border-color));box-shadow:0 .75rem 1.5rem #0f0a0717}.collection-gallery-card.selected{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent),0 .75rem 1.7rem color-mix(in srgb,var(--accent) 13%,transparent)}.collection-gallery-card.locked{background:color-mix(in srgb,var(--surface-soft) 92%,#777)}.collection-gallery-card.locked .atelier-cosmetic-preview{filter:saturate(.55) brightness(.76)}.collection-gallery-select{display:grid;justify-items:center;gap:.38rem;width:100%;min-height:9.9rem;padding:.55rem .36rem;border:0;color:var(--text-primary);text-align:center;background:transparent}.collection-gallery-select .atelier-cosmetic-preview{width:100%;max-width:6.2rem;min-height:0}.collection-gallery-select>span{display:grid;gap:.15rem;min-width:0;width:100%}.collection-gallery-select>span small{color:currentColor;font-size:.62rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.collection-gallery-select>span strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.78rem}.collection-gallery-select>b{display:inline-flex;align-items:center;gap:.3rem;margin-top:auto;padding:.25rem .45rem;border-radius:999px;font-size:.62rem}.owned-label{color:#37806b;background:color-mix(in srgb,#37806b 11%,transparent)}.locked-label{color:var(--text-secondary);background:color-mix(in srgb,var(--text-secondary) 9%,transparent)}.collection-gallery-card>.cosmetic-wishlist-button{position:absolute;z-index:4;top:.38rem;right:.38rem;display:grid;place-items:center;width:1.72rem;aspect-ratio:1;padding:0;border:1px solid var(--border-color);border-radius:50%;color:var(--text-secondary);background:color-mix(in srgb,var(--surface-raised) 88%,transparent);-webkit-backdrop-filter:blur(.4rem);backdrop-filter:blur(.4rem)}.collection-gallery-card>.cosmetic-wishlist-button.active{color:#d39c38;border-color:color-mix(in srgb,#d39c38 48%,var(--border-color))}.collection-inspector{grid-area:inspector;position:sticky;top:1rem;display:grid;gap:.85rem;padding:.85rem}.collection-inspector-stage{position:relative;display:grid;place-items:center;min-height:17rem;padding:1.2rem;overflow:hidden;border:1px solid var(--border-color);border-radius:1.1rem;background:radial-gradient(circle at 50% 35%,color-mix(in srgb,var(--accent) 10%,transparent),transparent 48%),var(--surface-soft)}.collection-inspector-stage:before{position:absolute;top:12%;right:12%;bottom:12%;left:12%;border:1px solid color-mix(in srgb,var(--border-color) 68%,transparent);border-radius:50%;content:""}.collection-inspector-stage .atelier-cosmetic-preview{position:relative;z-index:1;width:min(13rem,80%);min-height:12rem}.collection-inspector-stage .tile-skin-preview{width:min(10rem,70%)}.cosmetic-rarity-chip{position:absolute;z-index:2;left:.7rem;top:.7rem;padding:.32rem .55rem;border:1px solid currentColor;border-radius:999px;background:color-mix(in srgb,var(--surface-raised) 88%,transparent);font-size:.65rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.collection-inspector-copy{display:grid;gap:.2rem;padding:.15rem .15rem 0}.collection-inspector-copy small{color:var(--accent);font-weight:850;letter-spacing:.08em;text-transform:uppercase}.collection-inspector-copy h3{margin:0;font-family:var(--font-display);font-size:1.55rem}.collection-inspector-copy p{margin:.25rem 0 0;color:var(--text-secondary);font-size:.78rem;line-height:1.55}.collection-owned-state{display:flex;align-items:center;gap:.65rem;padding:.7rem;border:1px solid var(--border-color);border-radius:.85rem;color:var(--text-secondary);background:var(--surface-soft)}.collection-owned-state.owned{color:#37806b;border-color:color-mix(in srgb,#37806b 32%,var(--border-color));background:color-mix(in srgb,#37806b 8%,var(--surface-soft))}.collection-owned-state>span{display:grid;place-items:center;width:2rem;aspect-ratio:1;border-radius:50%;background:var(--surface-raised);font-weight:900}.collection-owned-state>div{display:grid;gap:.1rem}.collection-owned-state small{color:var(--text-secondary);font-size:.6rem}.collection-owned-state strong{font-size:.75rem}.collection-inspector-actions{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.collection-inspector-actions>*{display:flex;align-items:center;justify-content:center;min-height:2.8rem;text-align:center;text-decoration:none}.collection-empty-state{display:grid;place-items:center;gap:.6rem;min-height:18rem;border:1px dashed var(--border-color);border-radius:1rem;color:var(--text-secondary);background:var(--surface-soft)}.collection-empty-state .cosmetic-category-icon{width:4rem;height:4rem}.collection-set-showcase{display:grid;gap:.85rem;padding:1rem;border:1px solid var(--border-color);border-radius:1.35rem;background:var(--surface-raised)}.collection-set-showcase>header{display:flex;align-items:end;justify-content:space-between;gap:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-color)}.collection-set-showcase>header small{color:var(--accent);font-size:.64rem;font-weight:850;letter-spacing:.12em}.collection-set-showcase h3{margin:.1rem 0 0;font-family:var(--font-display);font-size:1.35rem}.collection-set-showcase p{max-width:30rem;margin:0;color:var(--text-secondary);font-size:.75rem}.collection-set-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem}.collection-set-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.65rem;padding:.75rem;border:1px solid var(--border-color);border-radius:1rem;background:var(--surface-soft)}.collection-set-copy small{color:var(--text-secondary);font-size:.58rem;font-weight:850;letter-spacing:.1em}.collection-set-copy h4{margin:.1rem 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.8rem}.collection-set-previews{grid-column:1 / -1;display:flex;min-height:3.7rem;padding-left:.5rem}.collection-set-previews .atelier-cosmetic-preview,.collection-set-previews .tile-skin-preview{width:3.7rem;min-height:3.7rem;margin-left:-.5rem;border-width:2px;border-color:var(--surface-raised);border-radius:.75rem}.collection-set-card>strong{align-self:start;padding:.25rem .4rem;border-radius:999px;color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent);font-size:.65rem}@media (max-width:1200px){.collection-explorer-layout{grid-template-columns:9.5rem minmax(20rem,1fr) minmax(15rem,18rem)}.collection-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}.collection-category-list .cosmetic-category-icon{width:2.35rem;height:2.35rem}.collection-category-list>button{grid-template-columns:2.35rem minmax(0,1fr) auto}}@media (max-width:900px){.collection-explorer-layout{grid-template-columns:1fr;grid-template-areas:"categories" "inspector" "library"}.collection-category-list{display:flex;overflow-x:auto;scroll-snap-type:x proximity}.collection-category-list>p{display:none}.collection-category-list>button{flex:0 0 9.5rem;scroll-snap-align:start}.collection-category-list button>i{display:none}.collection-inspector{position:relative;top:auto;grid-template-columns:minmax(11rem,.8fr) minmax(0,1.2fr);align-items:center}.collection-inspector-stage{grid-row:1 / 4;min-height:14rem}.collection-inspector-actions{align-self:end}.collection-set-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.collection-gallery{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:620px){.collection-explorer{gap:.75rem}.collection-explorer-hero{grid-template-columns:minmax(0,1fr) 5.5rem;min-height:9rem;padding:1rem}.collection-explorer-hero h2{font-size:2rem}.collection-explorer-hero p:not(.eyebrow){font-size:.72rem}.collection-total-progress{width:5.5rem}.collection-total-progress strong{font-size:1.2rem}.collection-total-progress b{font-size:.52rem}.collection-category-list{border-radius:1rem}.collection-category-list,.collection-filter-bar,.result-panel.result-scene{scrollbar-width:none}.collection-category-list::-webkit-scrollbar,.collection-filter-bar::-webkit-scrollbar,.result-panel.result-scene::-webkit-scrollbar{display:none}.collection-category-list>button{flex-basis:8.2rem;min-height:3.4rem;grid-template-columns:2.1rem minmax(0,1fr)}.collection-category-list .cosmetic-category-icon{width:2.1rem;height:2.1rem}.collection-inspector{display:grid;grid-template-columns:8.4rem minmax(0,1fr);gap:.65rem;padding:.65rem}.collection-inspector-stage{grid-row:1 / 3;min-height:10rem;padding:.6rem}.collection-inspector-stage .atelier-cosmetic-preview{width:100%;min-height:7.8rem}.collection-inspector-copy h3{font-size:1.2rem}.collection-inspector-copy p,.collection-owned-state{display:none}.collection-inspector-actions{grid-column:1 / -1}.collection-library{padding:.7rem;border-radius:1rem}.collection-library-heading{display:grid;align-items:initial}.collection-search-field{width:100%}.collection-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem}.collection-gallery-select{min-height:10.5rem;padding:.55rem .35rem}.collection-gallery-select .atelier-cosmetic-preview{min-height:5.8rem}.collection-gallery-select>span strong{font-size:.7rem}.collection-set-showcase>header{display:grid}.collection-set-grid{grid-template-columns:1fr}}@media (max-width:340px){.collection-explorer-hero p:not(.eyebrow),.collection-total-progress b{display:none}.collection-explorer-hero{min-height:7rem}.collection-gallery-select{min-height:9.6rem}}.result-scene-backdrop{align-items:center;padding:clamp(.75rem,2vw,1.5rem);background:radial-gradient(circle at 50% 20%,color-mix(in srgb,var(--result-accent,#d2a555) 10%,transparent),transparent 35%),#070707e0;-webkit-backdrop-filter:blur(.8rem);backdrop-filter:blur(.8rem)}.result-panel.result-scene{--result-accent:#d5a955;--result-accent-soft:#806638;--result-secondary:#3b7d6e;--result-ink:#fff8e9;width:min(68rem,calc(100vw - 2rem));max-height:min(48rem,calc(100dvh - 2rem));padding:0;overflow:hidden;border:1px solid color-mix(in srgb,var(--result-accent) 48%,rgba(255,255,255,.1));border-radius:2rem;color:var(--result-ink);background:radial-gradient(circle at 28% 24%,color-mix(in srgb,var(--result-accent) 15%,transparent),transparent 33%),linear-gradient(145deg,#27231f,#121110 72%);box-shadow:0 2.5rem 7rem #00000094,inset 0 1px #ffffff14}html[data-tango-victory-effect]:not([data-tango-victory-effect=default]) .result-panel.result-scene.win{--result-accent:var(--equipped-victoryEffect-a,#d5a955);--result-accent-soft:var(--equipped-victoryEffect-b,#806638);--result-secondary:var(--equipped-victoryEffect-c,#3b7d6e)}.result-panel.result-scene.loss{--result-accent:#a76270;--result-accent-soft:#5d3541;--result-secondary:#8c7b7f}.result-panel.result-scene.draw{--result-accent:#8fa0a3;--result-accent-soft:#4c595b;--result-secondary:#c1a366}.result-scene-art{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden;border-radius:inherit;pointer-events:none}.result-scene-ambient{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 28% 38%,color-mix(in srgb,var(--result-accent) 18%,transparent),transparent 30%),radial-gradient(circle at 84% 5%,color-mix(in srgb,var(--result-secondary) 11%,transparent),transparent 30%)}.result-scene-beam{position:absolute;left:25%;top:-35%;width:18%;height:130%;background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--result-accent) 12%,transparent),transparent);filter:blur(.8rem);transform:rotate(18deg)}.result-scene-beam.beam-b{left:46%;transform:rotate(-15deg);opacity:.55}.result-scene-ribbon{position:absolute;left:-8%;top:48%;width:66%;height:8rem;border-block:1px solid color-mix(in srgb,var(--result-accent) 13%,transparent);background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--result-accent) 6%,transparent),transparent);transform:rotate(-8deg)}.result-scene-art b{position:absolute;left:28%;top:44%;width:.36rem;height:.75rem;border-radius:.16rem;background:var(--result-accent);opacity:0;animation:result-confetti 1.35s ease-out both}.result-scene-art b:nth-of-type(4n+1){--rx:-17rem;--ry:10rem;transform:rotate(18deg)}.result-scene-art b:nth-of-type(4n+2){--rx:18rem;--ry:11rem;background:var(--result-secondary)}.result-scene-art b:nth-of-type(4n+3){--rx:-10rem;--ry:20rem;background:color-mix(in srgb,var(--result-accent) 50%,#fff)}.result-scene-art b:nth-of-type(4n){--rx:13rem;--ry:21rem;background:var(--result-accent-soft)}.result-scene-art b:nth-of-type(n+5){animation-delay:.1s}.result-scene-art b:nth-of-type(n+10){animation-delay:.2s}.result-scene-art b:nth-of-type(n+15){animation-delay:.3s}.result-scene-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(20rem,.8fr);min-height:38rem}.result-presentation-stage{position:relative;display:grid;place-content:center;justify-items:center;gap:1rem;min-width:0;min-height:38rem;padding:3rem clamp(1.5rem,4vw,4rem);overflow:hidden;text-align:center;border-right:1px solid color-mix(in srgb,var(--result-accent) 22%,transparent)}.result-presentation-stage:before,.result-presentation-stage:after{position:absolute;left:50%;top:43%;width:min(29rem,76%);aspect-ratio:1;border:1px solid color-mix(in srgb,var(--result-accent) 22%,transparent);border-radius:50%;content:"";transform:translate(-50%,-50%)}.result-presentation-stage:after{width:min(23rem,61%);border-style:dashed;opacity:.6;transform:translate(-50%,-50%) rotate(18deg)}.result-presentation-stage>*{position:relative;z-index:2}.result-presentation-stage .eyebrow{margin:0;color:var(--result-accent);letter-spacing:.2em}.result-victory-emblem{position:relative;display:grid;place-items:center;width:clamp(10rem,18vw,14rem);aspect-ratio:1;color:var(--result-accent);filter:drop-shadow(0 1rem 1.5rem rgba(0,0,0,.28))}.result-victory-emblem:before{position:absolute;top:11%;right:11%;bottom:11%;left:11%;border:1px solid color-mix(in srgb,var(--result-accent) 76%,transparent);border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--result-accent) 13%,transparent),#0b0a098f 70%);box-shadow:inset 0 0 2rem color-mix(in srgb,var(--result-accent) 11%,transparent),0 0 2.5rem color-mix(in srgb,var(--result-accent) 13%,transparent);content:""}.result-emblem-orbit{position:absolute;top:1%;right:1%;bottom:1%;left:1%;border:1px solid color-mix(in srgb,var(--result-accent) 23%,transparent);border-radius:50%;transform:rotate(-18deg)}.result-emblem-orbit:before,.result-emblem-orbit:after{position:absolute;width:.55rem;aspect-ratio:1;border-radius:50%;background:var(--result-accent);box-shadow:0 0 .8rem var(--result-accent);content:""}.result-emblem-orbit:before{left:12%;top:13%}.result-emblem-orbit:after{right:7%;bottom:22%}.result-victory-emblem svg{position:absolute;z-index:2;top:17%;right:17%;bottom:17%;left:17%;width:66%;height:66%;overflow:visible;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.result-victory-emblem .result-star{fill:color-mix(in srgb,var(--result-accent) 72%,#fff);stroke:none}.result-victory-emblem strong{position:absolute;z-index:3;bottom:19%;display:grid;place-items:center;width:2.3rem;aspect-ratio:1;border-radius:50%;color:#15120e;background:var(--result-accent);font:900 1rem/1 var(--font-display);box-shadow:0 .3rem .8rem #00000059}.result-outcome-copy{display:grid;justify-items:center;gap:.25rem;max-width:30rem}.result-outcome-copy>span{color:var(--result-accent);font-size:.72rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.result-outcome-copy h2{margin:.05rem 0;color:var(--result-ink);font-family:var(--font-display);font-size:clamp(3.4rem,7vw,6rem);line-height:.9;text-shadow:0 .18rem 1rem rgba(0,0,0,.34)}.result-outcome-copy>strong{color:var(--result-accent);font-size:clamp(1.05rem,2.2vw,1.5rem)}.result-outcome-copy p{margin:.35rem 0 0;color:#c2b9ad;font-size:.9rem;line-height:1.55}.result-match-card{position:relative;display:grid;align-content:center;gap:1rem;min-width:0;padding:clamp(1.3rem,3vw,2.4rem);background:linear-gradient(160deg,#ffffff09,#0000001f)}.result-match-card>header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.result-match-card>header>div{display:grid;gap:.15rem}.result-match-card>header small{color:var(--result-accent);font-size:.62rem;font-weight:900;letter-spacing:.13em}.result-match-card>header strong{font-family:var(--font-display);font-size:1.35rem}.result-match-card>header>span{padding:.35rem .55rem;border:1px solid color-mix(in srgb,var(--result-accent) 55%,transparent);border-radius:999px;color:var(--result-accent);background:color-mix(in srgb,var(--result-accent) 8%,transparent);font-size:.65rem;font-weight:900;letter-spacing:.1em}.result-scoreboard{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:.75rem;padding:1rem;border:1px solid rgba(255,255,255,.1);border-radius:1.15rem;background:#08070657}.result-scoreboard>span{display:grid;justify-items:center;gap:.4rem;min-width:0}.result-scoreboard small{overflow:hidden;max-width:100%;color:#bdb4a8;font-size:.7rem;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.result-scoreboard strong{font:900 2.8rem/1 var(--font-display)}.result-scoreboard .primary-player{color:var(--result-accent)}.result-scoreboard>i{color:#867d71;font:400 1.4rem/1 var(--font-display)}.result-match-meta{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin:0}.result-match-meta>div{display:flex;justify-content:space-between;gap:.75rem;padding:.72rem;border-bottom:1px solid rgba(255,255,255,.08)}.result-match-meta dt{color:#a9a095;font-size:.7rem}.result-match-meta dd{margin:0;font-size:.75rem;font-weight:900}.result-match-card .rematch-waiting{margin:0;padding:.7rem;border:1px solid color-mix(in srgb,var(--result-accent) 25%,transparent);border-radius:.8rem;color:#c9c0b4;background:color-mix(in srgb,var(--result-accent) 7%,transparent);font-size:.72rem;text-align:center}.result-panel.result-scene .result-actions{display:grid;grid-template-columns:1fr 1.25fr;gap:.55rem;margin:0}.result-panel.result-scene .result-actions.single{grid-template-columns:1fr}.result-panel.result-scene .result-actions button{min-height:3.2rem;border-radius:.85rem}.result-panel.result-scene .result-actions .primary-action{background:linear-gradient(135deg,color-mix(in srgb,var(--result-accent) 76%,#fff),var(--result-accent-soft));color:#17120d}.result-panel[data-victory-preset=plaque] .result-presentation-stage{background:repeating-linear-gradient(5deg,rgba(255,255,255,.02) 0 1px,transparent 1px 12px)}.result-panel[data-victory-preset=engraving] .result-victory-emblem:before{border-style:double;border-width:.35rem;border-radius:20%}.result-panel[data-victory-preset=ivory-ribbon] .result-presentation-stage{background:linear-gradient(135deg,rgba(244,229,197,.12),transparent 56%)}.result-panel[data-victory-preset=ivory-ribbon] .result-scene-ribbon{background:linear-gradient(90deg,transparent,rgba(246,229,194,.18),transparent);transform:rotate(8deg)}.result-panel[data-victory-preset=charcoal-seal] .result-victory-emblem:before{border-radius:18%;transform:rotate(45deg);background:linear-gradient(145deg,#35312e,#12110f)}.result-panel[data-victory-preset=forest-crown] .result-victory-emblem:before{border-radius:56% 44% 63% 37%;box-shadow:inset 0 0 0 .5rem color-mix(in srgb,var(--result-secondary) 13%,transparent)}.result-panel[data-victory-preset=horizon] .result-presentation-stage{background:linear-gradient(180deg,transparent 43%,color-mix(in srgb,var(--result-secondary) 13%,transparent) 44% 47%,transparent 48%)}.result-panel[data-victory-preset=trophy] .result-victory-emblem{transform:scale(1.08);filter:drop-shadow(0 0 2rem color-mix(in srgb,var(--result-accent) 30%,transparent))}.result-panel[data-victory-preset=crest] .result-victory-emblem:before{border-radius:48% 48% 20% 20%/35% 35% 65% 65%}.result-panel[data-victory-preset=ember-master] .result-presentation-stage{background:radial-gradient(ellipse at 50% 100%,color-mix(in srgb,var(--result-accent) 25%,transparent),transparent 50%)}.result-panel[data-victory-preset=gallery] .result-presentation-stage:before{border-radius:1rem;transform:translate(-50%,-50%) rotate(45deg)}.result-panel[data-victory-preset=tableau] .result-victory-emblem:before{border-radius:1rem;box-shadow:inset 0 0 0 .45rem color-mix(in srgb,var(--result-secondary) 15%,transparent),0 0 2rem color-mix(in srgb,var(--result-accent) 18%,transparent)}.result-panel[data-victory-preset=master-palette] .result-presentation-stage{background:conic-gradient(from 210deg at 50% 40%,color-mix(in srgb,var(--result-accent) 12%,transparent),transparent 18%,color-mix(in srgb,var(--result-secondary) 13%,transparent) 34%,transparent 52%,color-mix(in srgb,var(--result-accent-soft) 14%,transparent) 70%,transparent 86%)}.result-panel[data-victory-preset=master-palette] .result-victory-emblem:before{border-width:.28rem;box-shadow:0 0 3rem color-mix(in srgb,var(--result-accent) 34%,transparent),inset 0 0 2rem color-mix(in srgb,var(--result-secondary) 18%,transparent)}@media (max-width:760px){.result-scene-backdrop{align-items:end;padding:0}.result-panel.result-scene{width:100%;max-height:calc(100dvh - env(safe-area-inset-top,0px));overflow-x:hidden;overflow-y:auto;border-radius:1.5rem 1.5rem 0 0}.result-scene-layout{grid-template-columns:1fr;min-height:0}.result-presentation-stage{min-height:22rem;padding:1.6rem 1rem 1.2rem;border-right:0;border-bottom:1px solid color-mix(in srgb,var(--result-accent) 20%,transparent)}.result-presentation-stage:before{width:16rem}.result-presentation-stage:after{width:12rem}.result-victory-emblem{width:9rem}.result-outcome-copy h2{font-size:3.5rem}.result-outcome-copy p{max-width:20rem;font-size:.76rem}.result-match-card{gap:.7rem;padding:1rem 1rem calc(1rem + env(safe-area-inset-bottom,0px))}.result-scoreboard{padding:.75rem}.result-scoreboard strong{font-size:2.2rem}.result-match-meta>div{padding:.55rem}}@media (max-width:360px){.result-presentation-stage{min-height:19.5rem;padding-top:1.1rem}.result-victory-emblem{width:7.6rem}.result-outcome-copy h2{font-size:3rem}.result-match-card>header{padding-bottom:.65rem}.result-panel.result-scene .result-actions button{min-height:2.8rem}}html[data-tango-board-theme=cosmos] .game-board-frame .board-surface-pattern{opacity:.95;background:radial-gradient(circle at 8% 13%,rgba(255,255,255,.94) 0 .07rem,transparent .11rem),radial-gradient(circle at 21% 72%,rgba(146,223,255,.82) 0 .055rem,transparent .1rem),radial-gradient(circle at 37% 28%,rgba(202,186,255,.9) 0 .06rem,transparent .105rem),radial-gradient(circle at 47% 84%,rgba(255,255,255,.8) 0 .045rem,transparent .09rem),radial-gradient(circle at 62% 16%,rgba(133,255,240,.86) 0 .06rem,transparent .11rem),radial-gradient(circle at 76% 66%,rgba(255,255,255,.9) 0 .07rem,transparent .12rem),radial-gradient(circle at 91% 34%,rgba(181,166,255,.84) 0 .05rem,transparent .095rem),radial-gradient(ellipse at 64% 38%,rgba(88,73,193,.16),transparent 34%),radial-gradient(ellipse at 31% 72%,rgba(43,183,177,.1),transparent 31%)}html[data-tango-board-theme=cosmos] .game-board-frame .board-surface-pattern:before,html[data-tango-board-theme=cosmos] .game-board-frame .board-surface-pattern:after{position:absolute;width:.26rem;aspect-ratio:1;border-radius:50%;background:#fff;box-shadow:0 0 .7rem .16rem #9fdcff9e,13rem 4rem 0 -.04rem #b7a6ffe6,4rem 15rem 0 -.06rem #fffc;content:"";animation:cosmos-starlight 3.8s ease-in-out infinite alternate}html[data-tango-board-theme=cosmos] .game-board-frame .board-surface-pattern:before{left:13%;top:18%}html[data-tango-board-theme=cosmos] .game-board-frame .board-surface-pattern:after{right:17%;bottom:19%;animation-delay:-1.8s}html[data-tango-board-theme=cosmos] .game-board-frame .board-surface-inlay{border-color:#9eb5ff9e;box-shadow:inset 0 0 0 .18rem #3137808c,0 0 1.2rem #5b61d240}html[data-tango-board-theme=cosmos] .game-board-frame .board-cell.empty:nth-child(4n+1) .board-cell-material{background:radial-gradient(circle at 24% 27%,rgba(255,255,255,.88) 0 .07rem,rgba(153,209,255,.22) .08rem .16rem,transparent .2rem),#080a1c7a!important}html[data-tango-board-theme=cosmos] .game-board-frame .board-cell.empty:nth-child(5n+2) .board-cell-material{background:radial-gradient(circle at 72% 68%,rgba(179,164,255,.92) 0 .055rem,rgba(112,95,230,.2) .07rem .16rem,transparent .2rem),#080a1c7a!important}html[data-tango-board-theme=cosmos] .game-board-frame .board-cell.empty:nth-child(7n) .board-cell-material{background:radial-gradient(circle at 63% 24%,rgba(135,255,239,.85) 0 .06rem,rgba(69,206,196,.18) .075rem .16rem,transparent .21rem),#080a1c7a!important}html[data-tango-board-theme=cosmos] .game-board-frame .board-cell.empty:nth-child(4n+1) .board-cell-material,html[data-tango-board-theme=cosmos] .game-board-frame .board-cell.empty:nth-child(5n+2) .board-cell-material,html[data-tango-board-theme=cosmos] .game-board-frame .board-cell.empty:nth-child(7n) .board-cell-material{animation:cosmos-socket-glimmer 4.6s ease-in-out infinite alternate}.atelier-cosmetic-preview-board_theme.preset-cosmos .atelier-cosmetic-preview-board-shell:after{position:absolute;top:.25rem;right:.25rem;bottom:.25rem;left:.25rem;border-radius:.75rem;background:radial-gradient(circle at 11% 14%,#fff 0 .055rem,transparent .09rem),radial-gradient(circle at 34% 76%,#9ff 0 .045rem,transparent .08rem),radial-gradient(circle at 65% 18%,#c3b5ff 0 .05rem,transparent .085rem),radial-gradient(circle at 88% 65%,#fff 0 .05rem,transparent .09rem);content:"";pointer-events:none}@keyframes cosmos-starlight{0%{opacity:.45;filter:brightness(.8)}to{opacity:1;filter:brightness(1.35)}}@keyframes cosmos-socket-glimmer{0%{filter:brightness(.82)}to{filter:brightness(1.28)}}.atelier-cosmetic-preview-score-stage{isolation:isolate;overflow:hidden;border-radius:inherit;background:radial-gradient(circle at 50% 56%,color-mix(in srgb,var(--cosmetic-preview-color-b) 18%,transparent),transparent 52%),linear-gradient(150deg,color-mix(in srgb,var(--cosmetic-preview-color-a) 12%,#292724),#101111 78%)}.preview-score-board{position:absolute;left:8%;right:8%;bottom:19%;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.22rem;padding:.34rem;border:1px solid rgba(255,255,255,.12);border-radius:.65rem;background:#08080847;box-shadow:inset 0 .2rem .45rem #00000052}.preview-score-board>i{aspect-ratio:1;border:1px solid rgba(255,255,255,.08);border-radius:.35rem;background:#ffffff0b;box-shadow:inset 0 .15rem .24rem #00000042}.preview-score-board>i.linked{border-color:color-mix(in srgb,var(--cosmetic-preview-color-c) 65%,rgba(255,255,255,.2));background:linear-gradient(145deg,color-mix(in srgb,var(--cosmetic-preview-color-a) 86%,#fff),var(--cosmetic-preview-color-b));box-shadow:0 0 .45rem color-mix(in srgb,var(--cosmetic-preview-color-b) 45%,transparent),inset 0 1px #ffffff52;animation:score-preview-clear 2.8s cubic-bezier(.25,.7,.22,1) infinite}.preview-score-board>i.linked:nth-child(2){animation-delay:.07s}.preview-score-board>i.linked:nth-child(3){animation-delay:.14s}.preview-score-board>i.linked:nth-child(4){animation-delay:.21s}.preview-score-link{position:absolute;left:16%;right:28%;bottom:36%;z-index:2;display:flex;justify-content:space-between;height:.18rem;border-radius:999px;background:linear-gradient(90deg,var(--cosmetic-preview-color-a),var(--cosmetic-preview-color-c));box-shadow:0 0 .65rem var(--cosmetic-preview-color-b);animation:score-preview-link 2.8s ease-in-out infinite}.preview-score-link i{width:.42rem;aspect-ratio:1;margin-top:-.13rem;border-radius:50%;background:#fff;box-shadow:0 0 .55rem var(--cosmetic-preview-color-c)}.preview-score-wave{position:absolute;z-index:1;width:72%;height:34%;left:8%;bottom:12%;border:2px solid var(--cosmetic-preview-color-c);border-radius:50%;opacity:0;animation:score-preview-wave 2.8s ease-out infinite}.atelier-cosmetic-preview-score-stage>strong{right:7%;bottom:auto;top:12%;padding:.35rem .45rem;border:1px solid color-mix(in srgb,var(--cosmetic-preview-color-c) 55%,transparent);border-radius:.55rem;background:#0808088c;font-size:1.05rem;animation:score-preview-points 2.8s ease-out infinite}.atelier-cosmetic-preview-score-stage .preview-score-particles{position:absolute;left:43%;bottom:31%;z-index:4}.atelier-cosmetic-preview-score-stage .preview-score-particles i{opacity:0;animation:score-preview-particle 2.8s ease-out infinite}.atelier-cosmetic-preview-score-stage .preview-score-particles i:nth-child(1){--particle-x:-3rem;--particle-y:-1.8rem}.atelier-cosmetic-preview-score-stage .preview-score-particles i:nth-child(2){--particle-x:-1.8rem;--particle-y:-2.8rem}.atelier-cosmetic-preview-score-stage .preview-score-particles i:nth-child(3){--particle-x:.2rem;--particle-y:-3.1rem}.atelier-cosmetic-preview-score-stage .preview-score-particles i:nth-child(4){--particle-x:2.1rem;--particle-y:-2.4rem}.atelier-cosmetic-preview-score-stage .preview-score-particles i:nth-child(5){--particle-x:3.1rem;--particle-y:-.8rem}.atelier-cosmetic-preview-score-stage .preview-score-particles i:nth-child(6){--particle-x:2.4rem;--particle-y:1.7rem}.atelier-cosmetic-preview-score-stage .preview-score-particles i:nth-child(7){--particle-x:.4rem;--particle-y:2.4rem}.atelier-cosmetic-preview-score-stage .preview-score-particles i:nth-child(8){--particle-x:-2.2rem;--particle-y:1.8rem}.atelier-cosmetic-preview-score-stage .preview-score-particles i:nth-child(n+9){background:var(--cosmetic-preview-color-a)}.atelier-cosmetic-preview-score_effect:is(.preset-sweep,.preset-wash,.preset-ribbon,.preset-tango-flow) .preview-score-link{transform:rotate(-7deg)}.atelier-cosmetic-preview-score_effect:is(.preset-dust,.preset-scatter,.preset-ash) .preview-score-particles i{border-radius:55% 25% 65% 35%}.atelier-cosmetic-preview-score_effect:is(.preset-dissolve,.preset-cosmos-fold) .preview-score-wave{border-style:dotted;filter:drop-shadow(0 0 .4rem var(--cosmetic-preview-color-b))}@keyframes score-preview-clear{0%,31%,to{opacity:1;transform:none;filter:none}46%{opacity:1;transform:scale(1.12);filter:brightness(1.45)}70%,88%{opacity:.08;transform:translateY(-.9rem) scale(.32) rotate(18deg);filter:blur(.08rem)}}@keyframes score-preview-link{0%,20%,to{opacity:0;transform:scaleX(.15);transform-origin:left}31%,49%{opacity:1;transform:scaleX(1);transform-origin:left}68%,90%{opacity:0;transform:scaleX(1)}}@keyframes score-preview-wave{0%,38%,to{opacity:0;transform:scale(.45)}52%{opacity:.85}75%{opacity:0;transform:scale(1.25)}}@keyframes score-preview-points{0%,42%,to{opacity:0;transform:translateY(.55rem) scale(.8)}57%,84%{opacity:1;transform:none}}@keyframes score-preview-particle{0%,42%,to{opacity:0;transform:translate(0) scale(.5)}58%{opacity:1}78%{opacity:0;transform:translate(var(--particle-x,1.4rem),var(--particle-y,-1.4rem)) scale(.15)}}.atelier-cosmetic-preview-victory{isolation:isolate;overflow:hidden;background:radial-gradient(circle at 50% 48%,color-mix(in srgb,var(--cosmetic-preview-color-a) 19%,transparent),transparent 42%),linear-gradient(145deg,color-mix(in srgb,var(--cosmetic-preview-color-b) 10%,#272522),#0f1011 78%)}.atelier-cosmetic-preview-victory .preview-victory-rays{position:absolute;top:-35%;right:-35%;bottom:-35%;left:-35%;background:repeating-conic-gradient(from 12deg,transparent 0 13deg,color-mix(in srgb,var(--cosmetic-preview-color-a) 9%,transparent) 13deg 17deg,transparent 17deg 33deg);animation:preview-victory-rays 7s linear infinite}.preview-victory-impact{position:absolute;left:50%;top:48%;width:64%;aspect-ratio:1;border:1px solid color-mix(in srgb,var(--cosmetic-preview-color-c) 68%,transparent);border-radius:50%;opacity:.65;transform:translate(-50%,-50%);box-shadow:0 0 1.3rem color-mix(in srgb,var(--cosmetic-preview-color-a) 25%,transparent);animation:preview-victory-impact 2.6s ease-out infinite}.atelier-cosmetic-preview-victory svg{z-index:2;width:56%;height:56%;filter:drop-shadow(0 0 .55rem color-mix(in srgb,var(--cosmetic-preview-color-a) 45%,transparent));animation:preview-victory-emblem 2.6s cubic-bezier(.2,.8,.2,1) infinite}.atelier-cosmetic-preview-victory b{z-index:4;left:10%;right:10%;bottom:9%;padding:.32rem .2rem;border-block:1px solid color-mix(in srgb,var(--cosmetic-preview-color-c) 58%,transparent);background:linear-gradient(90deg,transparent,rgba(5,5,5,.72),transparent);text-align:center;letter-spacing:.22em}.preview-victory-shards,.preview-victory-confetti{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none}.preview-victory-shards i{position:absolute;left:50%;top:48%;width:.78rem;aspect-ratio:1;border:1px solid rgba(255,255,255,.22);border-radius:.18rem;background:linear-gradient(145deg,var(--cosmetic-preview-color-a),var(--cosmetic-preview-color-b));opacity:0;animation:preview-victory-shard 2.6s ease-out infinite}.preview-victory-shards i:nth-child(2n){--shard-x:3.5rem;--shard-y:-2.1rem}.preview-victory-shards i:nth-child(3n){--shard-x:-3.8rem;--shard-y:-1.5rem}.preview-victory-shards i:nth-child(4n){--shard-x:3rem;--shard-y:2.7rem}.preview-victory-shards i:nth-child(5n){--shard-x:-3.2rem;--shard-y:2.5rem}.atelier-cosmetic-preview-victory_effect.rarity-common .preview-victory-shards i:nth-child(n+3),.atelier-cosmetic-preview-victory_effect.rarity-rare .preview-victory-shards i:nth-child(n+5),.atelier-cosmetic-preview-victory_effect.rarity-epic .preview-victory-shards i:nth-child(n+7){display:none}.atelier-cosmetic-preview-victory_effect.rarity-legendary .preview-victory-shards i{box-shadow:0 0 .65rem var(--cosmetic-preview-color-c)}@keyframes preview-victory-rays{to{transform:rotate(1turn)}}@keyframes preview-victory-impact{0%,18%,to{opacity:0;transform:translate(-50%,-50%) scale(.35)}40%{opacity:.8}72%{opacity:0;transform:translate(-50%,-50%) scale(1.35)}}@keyframes preview-victory-emblem{0%,15%{opacity:.58;transform:scale(.8);filter:blur(.06rem)}38%,87%{opacity:1;transform:scale(1)}to{opacity:.72;transform:scale(1.02)}}@keyframes preview-victory-shard{0%,27%,to{opacity:0;transform:translate(-50%,-50%) scale(.25)}43%{opacity:.9}75%{opacity:0;transform:translate(var(--shard-x,-3rem),var(--shard-y,2rem)) rotate(145deg) scale(.3);clip-path:polygon(50% 0,61% 36%,100% 50%,61% 62%,50% 100%,39% 62%,0 50%,39% 36%)}}.result-panel.result-scene{position:relative;isolation:isolate}.result-panel.result-scene .result-scene-art{z-index:0}.result-panel.result-scene .result-scene-layout{position:relative;z-index:2}.result-panel.result-scene.win .result-scene-layout{grid-template-columns:1fr;align-content:start;min-height:0}.result-panel.result-scene.win .result-presentation-stage{display:block;box-sizing:border-box;min-height:29rem;padding:0 2rem 5rem;border-right:0;border-bottom:0;background:radial-gradient(circle at 50% 45%,color-mix(in srgb,var(--result-accent) 12%,transparent),transparent 42%)}.result-panel.result-scene.win .result-match-card{z-index:5;width:min(45rem,calc(100% - 2rem));margin:-4.5rem auto 1rem;padding:1.15rem 1.35rem;border:1px solid color-mix(in srgb,var(--result-accent) 28%,rgba(255,255,255,.08));border-radius:1.35rem;background:linear-gradient(155deg,#201d19f5,#0d0c0bf5);box-shadow:0 1.25rem 3rem #0000006b,inset 0 1px #ffffff0f}.result-panel.result-scene.win .result-presentation-stage:before{width:min(34rem,78%);border-width:2px;box-shadow:0 0 4rem color-mix(in srgb,var(--result-accent) 12%,transparent);animation:victory-ring-open 1.2s ease-out both}.result-panel.result-scene.win .result-presentation-stage:after{width:min(27rem,64%);animation:victory-ring-turn 8s linear infinite}.result-panel.result-scene.win .result-presentation-stage>.eyebrow{position:absolute;left:0;right:0;top:2.4rem}.result-panel.result-scene.win .result-victory-emblem{position:absolute;left:50%;top:4rem;width:clamp(9rem,16vw,12rem);transform:translate(-50%);animation:victory-emblem-arrive .78s cubic-bezier(.15,.85,.2,1) both}.result-panel.result-scene.win .result-outcome-copy{position:relative;width:min(42rem,92%);margin:15rem auto 0}.result-panel.result-scene.win .result-outcome-copy h2{display:flex;align-items:center;width:100%;gap:1.25rem;white-space:nowrap;font-size:clamp(4.8rem,10vw,8.5rem);letter-spacing:-.045em;animation:victory-word-arrive .72s .28s cubic-bezier(.16,.8,.2,1) both}.result-panel.result-scene.win .result-outcome-copy h2:before,.result-panel.result-scene.win .result-outcome-copy h2:after{height:2px;flex:1;background:linear-gradient(90deg,transparent,var(--result-accent));box-shadow:0 0 .65rem color-mix(in srgb,var(--result-accent) 55%,transparent);content:""}.result-panel.result-scene.win .result-outcome-copy h2:after{background:linear-gradient(90deg,var(--result-accent),transparent)}.result-panel.result-scene.win .result-outcome-copy>strong,.result-panel.result-scene.win .result-outcome-copy>p{animation:victory-copy-rise .55s .7s ease-out both}.result-victory-impact{position:absolute;left:50%;top:43%;width:10rem;aspect-ratio:1;border:2px solid var(--result-accent);border-radius:50%;opacity:0;transform:translate(-50%,-50%);box-shadow:0 0 4rem color-mix(in srgb,var(--result-accent) 42%,transparent)}.result-panel.win .result-victory-impact{animation:victory-impact 1.15s .14s ease-out both}.result-victory-board{position:absolute;left:50%;top:42%;display:grid;width:min(29rem,48vw);aspect-ratio:1;grid-template-columns:repeat(5,1fr);gap:.34rem;padding:.55rem;border:1px solid color-mix(in srgb,var(--result-accent) 24%,transparent);border-radius:1.4rem;opacity:.1;transform:translate(-50%,-50%) perspective(38rem) rotateX(58deg) rotate(-8deg)}.result-victory-board>i{min-width:0;border:1px solid color-mix(in srgb,var(--result-accent) 32%,transparent);border-radius:.45rem;background:linear-gradient(145deg,color-mix(in srgb,var(--result-accent) 31%,transparent),color-mix(in srgb,var(--result-accent-soft) 20%,transparent));box-shadow:inset 0 .2rem .3rem #00000047}.result-panel:not(.win) .result-victory-board,.result-panel:not(.win) .result-victory-stars,.result-panel:not(.win) .result-victory-impact{display:none}.result-panel.win[data-victory-level=rare] .result-victory-board{opacity:.15}.result-panel.win[data-victory-level=epic] .result-victory-board{opacity:.2}.result-panel.win[data-victory-level=legendary] .result-victory-board{opacity:.48;border-color:color-mix(in srgb,var(--result-accent) 54%,transparent);box-shadow:0 0 3rem color-mix(in srgb,var(--result-accent) 15%,transparent)}.result-panel.win[data-victory-level=legendary] .result-victory-board>i{--fragment-x:15rem;--fragment-y:-8rem;animation:victory-board-transmute 2.15s .58s cubic-bezier(.14,.7,.19,1) both}.result-panel.win[data-victory-level=legendary] .result-victory-board>i:nth-child(5n+1){--fragment-x:-24rem;--fragment-y:-10rem}.result-panel.win[data-victory-level=legendary] .result-victory-board>i:nth-child(5n+2){--fragment-x:-13rem;--fragment-y:-18rem;animation-delay:.63s}.result-panel.win[data-victory-level=legendary] .result-victory-board>i:nth-child(5n+3){--fragment-x:2rem;--fragment-y:-23rem;animation-delay:.68s}.result-panel.win[data-victory-level=legendary] .result-victory-board>i:nth-child(5n+4){--fragment-x:15rem;--fragment-y:-17rem;animation-delay:.73s}.result-panel.win[data-victory-level=legendary] .result-victory-board>i:nth-child(5n){--fragment-x:25rem;--fragment-y:-7rem;animation-delay:.78s}.result-panel.win[data-victory-level=legendary] .result-victory-board>i:nth-child(n+11):nth-child(-n+15){--fragment-y:4rem}.result-panel.win[data-victory-level=legendary] .result-victory-board>i:nth-child(n+16){--fragment-y:17rem}.result-victory-stars{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.result-victory-stars>i{--star-x:20%;--star-y:20%;position:absolute;left:var(--star-x);top:var(--star-y);width:.55rem;aspect-ratio:1;clip-path:polygon(50% 0,61% 36%,100% 50%,61% 62%,50% 100%,39% 62%,0 50%,39% 36%);background:color-mix(in srgb,var(--result-accent) 72%,#fff);opacity:0;filter:drop-shadow(0 0 .45rem var(--result-accent));animation:victory-star-bloom 2.4s .9s ease-in-out both}.result-victory-stars>i:nth-child(3n+1){--star-x:13%;--star-y:24%}.result-victory-stars>i:nth-child(3n+2){--star-x:82%;--star-y:19%;animation-delay:1.05s}.result-victory-stars>i:nth-child(3n){--star-x:72%;--star-y:68%;animation-delay:1.2s}.result-victory-stars>i:nth-child(4n){--star-x:24%;--star-y:72%}.result-panel.win[data-victory-level=common] .result-victory-stars>i:nth-child(n+7),.result-panel.win[data-victory-level=rare] .result-victory-stars>i:nth-child(n+11),.result-panel.win[data-victory-level=epic] .result-victory-stars>i:nth-child(n+15){display:none}.result-panel.win[data-victory-level=legendary] .result-victory-stars>i{animation-iteration-count:2}.result-panel.win[data-victory-preset=tableau] .result-scene-ambient{background:radial-gradient(ellipse at 50% 44%,rgba(98,83,219,.3),transparent 34%),radial-gradient(ellipse at 69% 31%,rgba(70,206,197,.18),transparent 29%),linear-gradient(145deg,#10142f,#05060c)}.result-panel.win[data-victory-preset=tableau] .result-victory-stars>i{background:color-mix(in srgb,#bcaeff 72%,#fff);filter:drop-shadow(0 0 .55rem #6edbd5)}.result-panel.win[data-victory-preset=master-palette] .result-victory-board>i:nth-child(3n+1){background:#a43f58}.result-panel.win[data-victory-preset=master-palette] .result-victory-board>i:nth-child(3n+2){background:#405c98}.result-panel.win[data-victory-preset=master-palette] .result-victory-board>i:nth-child(3n){background:#3b806f}@keyframes victory-ring-open{0%{opacity:0;transform:translate(-50%,-50%) scale(.38)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes victory-ring-turn{0%{transform:translate(-50%,-50%) rotate(18deg)}to{transform:translate(-50%,-50%) rotate(378deg)}}@keyframes victory-emblem-arrive{0%{opacity:0;transform:translate(-50%) scale(1.65);filter:blur(.4rem)}70%{opacity:1;transform:translate(-50%) scale(.94)}to{transform:translate(-50%) scale(1)}}@keyframes victory-word-arrive{0%{opacity:0;transform:scaleX(1.45) translateY(.8rem);filter:blur(.3rem);letter-spacing:.2em}to{opacity:1;transform:none;filter:none;letter-spacing:-.045em}}@keyframes victory-copy-rise{0%{opacity:0;transform:translateY(.8rem)}to{opacity:1;transform:none}}@keyframes victory-impact{0%{opacity:0;transform:translate(-50%,-50%) scale(.15)}32%{opacity:1}to{opacity:0;transform:translate(-50%,-50%) scale(4.8)}}@keyframes victory-board-transmute{0%,18%{opacity:1;transform:none;filter:brightness(1)}38%{opacity:1;transform:scale(1.08);filter:brightness(1.8)}to{opacity:0;transform:translate(var(--fragment-x),var(--fragment-y)) rotate(320deg) scale(.18);filter:brightness(2);border-radius:50%;clip-path:polygon(50% 0,61% 36%,100% 50%,61% 62%,50% 100%,39% 62%,0 50%,39% 36%)}}@keyframes victory-star-bloom{0%{opacity:0;transform:scale(.15) rotate(0)}28%,58%{opacity:1;transform:scale(1.25) rotate(80deg)}to{opacity:0;transform:scale(.45) rotate(160deg)}}@media (max-width:760px){.result-panel.result-scene.win .result-presentation-stage{min-height:25rem;padding:0 .8rem 5.25rem}.result-panel.result-scene.win .result-presentation-stage>.eyebrow{top:1.35rem}.result-panel.result-scene.win .result-victory-emblem{top:2.75rem;width:8.6rem}.result-panel.result-scene.win .result-outcome-copy{margin-top:11.5rem}.result-panel.result-scene.win .result-outcome-copy h2{gap:.7rem;font-size:clamp(4rem,20vw,6rem)}.result-panel.result-scene.win .result-match-card{width:calc(100% - 1rem);margin:-4rem .5rem .5rem;padding:.9rem}.result-victory-board{width:18rem}.result-panel.win[data-victory-level=legendary] .result-victory-board>i:nth-child(5n+1){--fragment-x:-12rem}.result-panel.win[data-victory-level=legendary] .result-victory-board>i:nth-child(5n){--fragment-x:12rem}}@media (prefers-reduced-motion:reduce){html[data-tango-board-theme=cosmos] .game-board-frame .board-surface-pattern:before,html[data-tango-board-theme=cosmos] .game-board-frame .board-surface-pattern:after,html[data-tango-board-theme=cosmos] .game-board-frame .board-cell.empty .board-cell-material,.preview-score-board>i.linked,.preview-score-link,.preview-score-wave,.atelier-cosmetic-preview-score-stage>strong,.atelier-cosmetic-preview-score-stage .preview-score-particles i,.atelier-cosmetic-preview-victory .preview-victory-rays,.preview-victory-impact,.atelier-cosmetic-preview-victory svg,.preview-victory-shards i,.result-panel.result-scene.win .result-presentation-stage:before,.result-panel.result-scene.win .result-presentation-stage:after,.result-panel.result-scene.win .result-victory-emblem,.result-panel.result-scene.win .result-outcome-copy h2,.result-panel.result-scene.win .result-outcome-copy>strong,.result-panel.result-scene.win .result-outcome-copy>p,.result-panel.win .result-victory-impact,.result-panel.win .result-victory-board>i,.result-panel.win .result-victory-stars>i{animation:none!important}.atelier-cosmetic-preview-score-stage>strong,.preview-score-link,.preview-victory-impact{opacity:1}}.placement-effect-layer,.score-effect-layer{display:none}.game-board-frame[data-placement-preset]:not([data-placement-preset=default]) .board-cell.placed .placement-effect-layer,html[data-tango-placement-effect]:not([data-tango-placement-effect=default]) .game-board-frame:not([data-placement-preset]) .board-cell.placed .placement-effect-layer{display:block}.game-board-frame[data-score-preset]:not([data-score-preset=default]) .board-cell.scoring .score-effect-layer,html[data-tango-score-effect]:not([data-tango-score-effect=default]) .game-board-frame:not([data-score-preset]) .board-cell.scoring .score-effect-layer{display:block}.result-scene-backdrop{align-items:stretch;justify-content:stretch;padding:0;background:radial-gradient(ellipse at 50% 42%,color-mix(in srgb,var(--result-accent,#d5a955) 13%,transparent),transparent 42%),#030405f0;-webkit-backdrop-filter:blur(.9rem) saturate(.72);backdrop-filter:blur(.9rem) saturate(.72)}.result-panel.result-scene{width:100vw;height:100dvh;max-width:none;max-height:none;overflow-x:hidden;overflow-y:auto;border:0;border-radius:0;background:linear-gradient(90deg,rgba(0,0,0,.46),transparent 20% 80%,rgba(0,0,0,.46)),radial-gradient(ellipse at 50% 35%,color-mix(in srgb,var(--result-accent) 12%,transparent),transparent 48%),linear-gradient(180deg,#111314,#070809 72%);box-shadow:none;animation:result-arena-enter .45s ease-out both}.result-panel.result-scene .result-scene-art{border-radius:0}.result-panel.result-scene .result-scene-layout,.result-panel.result-scene.win .result-scene-layout{display:grid;height:100%;min-height:42rem;grid-template-columns:1fr;grid-template-rows:minmax(25rem,1fr) auto;align-content:stretch}.result-panel.result-scene .result-presentation-stage,.result-panel.result-scene.win .result-presentation-stage{position:relative;display:grid;min-height:0;place-content:center;justify-items:center;padding:4rem 1rem 2rem;overflow:visible;border:0;background:none}.result-panel.result-scene .result-presentation-stage:before,.result-panel.result-scene .result-presentation-stage:after,.result-panel.result-scene.win .result-presentation-stage:before,.result-panel.result-scene.win .result-presentation-stage:after{left:50%;top:48%;width:min(31rem,64vh,68vw);border-color:color-mix(in srgb,var(--result-accent) 22%,transparent);box-shadow:0 0 5rem color-mix(in srgb,var(--result-accent) 9%,transparent)}.result-panel.result-scene .result-presentation-stage:after,.result-panel.result-scene.win .result-presentation-stage:after{width:min(24rem,50vh,54vw)}.result-panel.result-scene .result-presentation-stage>.eyebrow,.result-panel.result-scene.win .result-presentation-stage>.eyebrow{position:absolute;inset:clamp(1.25rem,4vh,2.75rem) 0 auto;z-index:5;color:color-mix(in srgb,var(--result-accent) 82%,#fff);text-align:center;opacity:0;animation:result-kicker-enter .5s .9s ease-out both}.result-panel.result-scene .result-victory-emblem,.result-panel.result-scene.win .result-victory-emblem{position:absolute;left:50%;top:50%;z-index:2;width:clamp(12rem,25vh,18rem);opacity:.46;transform:translate(-50%,-58%);animation:result-crest-enter .9s .12s cubic-bezier(.16,.76,.2,1) both}.result-cinematic-banner{position:relative;z-index:7;display:grid;width:min(76rem,96vw);grid-template-columns:minmax(3rem,1fr) auto minmax(3rem,1fr);align-items:center;margin-top:clamp(4rem,10vh,7rem);isolation:isolate}.result-cinematic-banner:before{position:absolute;z-index:-1;inset:50% 4% auto;height:clamp(5.5rem,13vh,8.5rem);border-block:1px solid color-mix(in srgb,var(--result-accent) 38%,transparent);background:linear-gradient(90deg,transparent,rgba(4,5,6,.9) 18% 82%,transparent);box-shadow:0 0 2.5rem #000000ad,inset 0 1px color-mix(in srgb,var(--result-accent) 17%,transparent);content:"";opacity:0;transform:translateY(-50%) scaleX(.18);animation:result-banner-open .72s .34s cubic-bezier(.16,.8,.18,1) both}.result-banner-wing{position:relative;display:block;height:2px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--result-accent) 84%,#fff));box-shadow:0 0 .8rem color-mix(in srgb,var(--result-accent) 58%,transparent);opacity:0;transform:scaleX(.05);transform-origin:right;animation:result-wing-open .62s .5s ease-out both}.result-banner-wing:after{position:absolute;right:-.35rem;top:50%;width:.72rem;aspect-ratio:1;border:1px solid var(--result-accent);background:#0d0e0f;content:"";transform:translateY(-50%) rotate(45deg);box-shadow:0 0 .8rem color-mix(in srgb,var(--result-accent) 55%,transparent)}.result-banner-wing.wing-right{background:linear-gradient(90deg,color-mix(in srgb,var(--result-accent) 84%,#fff),transparent);transform-origin:left}.result-banner-wing.wing-right:after{left:-.35rem;right:auto}.result-panel.result-scene .result-outcome-copy,.result-panel.result-scene.win .result-outcome-copy{position:relative;display:grid;width:auto;min-width:min(31rem,70vw);justify-items:center;gap:.28rem;margin:0;padding:.8rem clamp(1.4rem,4vw,3.6rem);text-align:center}.result-panel.result-scene .result-outcome-copy>span{opacity:0;animation:result-copy-enter .4s .82s ease-out both}.result-panel.result-scene .result-outcome-copy h2,.result-panel.result-scene.win .result-outcome-copy h2{display:block;width:auto;margin:0;color:#f4e8cb;background:linear-gradient(180deg,#fff9e9 6%,#e6c77e 50%,#8e672e 98%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-family:var(--font-display);font-size:clamp(4.5rem,11vw,9rem);line-height:.82;letter-spacing:.04em;white-space:nowrap;filter:drop-shadow(0 .2rem 0 rgba(0,0,0,.8)) drop-shadow(0 0 1.5rem color-mix(in srgb,var(--result-accent) 22%,transparent));opacity:0;animation:result-verdict-strike .78s .52s cubic-bezier(.15,.82,.18,1) both}.result-panel.result-scene.loss .result-outcome-copy h2{background:linear-gradient(180deg,#fae7ea,#c98390 55%,#70404a);background-clip:text;-webkit-background-clip:text}.result-panel.result-scene.draw .result-outcome-copy h2{background:linear-gradient(180deg,#eff4ef,#a8b4b5 55%,#68777a);background-clip:text;-webkit-background-clip:text}.result-panel.result-scene .result-outcome-copy h2:before,.result-panel.result-scene .result-outcome-copy h2:after{display:none}.result-panel.result-scene .result-outcome-copy>strong{color:#f6eddc;font-size:clamp(.9rem,2vw,1.25rem);opacity:0;animation:result-copy-enter .45s .92s ease-out both}.result-cinematic-reason{position:relative;z-index:7;max-width:36rem;margin:1.25rem 0 0;color:#bdb7ad;font-size:.83rem;text-align:center;opacity:0;animation:result-copy-enter .45s 1.03s ease-out both}.result-panel.result-scene .result-match-card,.result-panel.result-scene.win .result-match-card{position:relative;z-index:10;width:min(51rem,calc(100% - 2rem));margin:0 auto clamp(1rem,3vh,2rem);padding:1rem 1.2rem;border:1px solid color-mix(in srgb,var(--result-accent) 31%,rgba(255,255,255,.1));border-radius:1rem;background:linear-gradient(155deg,#1a1c1cf0,#090a0bf5);box-shadow:0 1.25rem 3.2rem #0000008c,inset 0 1px #ffffff12;opacity:0;animation:result-summary-rise .6s 1.12s cubic-bezier(.18,.78,.2,1) both}.result-panel.result-scene .result-match-card>header{padding-bottom:.65rem}.result-panel.result-scene .result-scoreboard{padding:.65rem}.result-panel.result-scene .result-scoreboard strong{font-size:2.15rem}.result-panel.result-scene .result-match-meta>div{padding:.5rem .7rem}.result-panel.result-scene .result-actions button{min-height:2.85rem}@keyframes result-arena-enter{0%{opacity:0}to{opacity:1}}@keyframes result-kicker-enter{0%{opacity:0;transform:translateY(-.6rem);letter-spacing:.34em}to{opacity:1;transform:none}}@keyframes result-crest-enter{0%{opacity:0;transform:translate(-50%,-58%) scale(1.75);filter:blur(.55rem)}72%{opacity:.54;transform:translate(-50%,-58%) scale(.95);filter:none}to{opacity:.46;transform:translate(-50%,-58%) scale(1)}}@keyframes result-banner-open{0%{opacity:0;transform:translateY(-50%) scaleX(.18)}45%{opacity:1}to{opacity:1;transform:translateY(-50%) scaleX(1)}}@keyframes result-wing-open{0%{opacity:0;transform:scaleX(.05)}to{opacity:1;transform:scaleX(1)}}@keyframes result-verdict-strike{0%{opacity:0;transform:scale(1.8,1.15);filter:blur(.5rem);letter-spacing:.32em}65%{opacity:1;transform:scale(.96,1.03);filter:none}to{opacity:1;transform:none;letter-spacing:.04em}}@keyframes result-copy-enter{0%{opacity:0;transform:translateY(.65rem)}to{opacity:1;transform:none}}@keyframes result-summary-rise{0%{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:none}}@media (max-width:760px){.result-panel.result-scene .result-scene-layout,.result-panel.result-scene.win .result-scene-layout{min-height:100dvh;grid-template-rows:minmax(21rem,1fr) auto}.result-panel.result-scene .result-presentation-stage,.result-panel.result-scene.win .result-presentation-stage{min-height:21rem;padding:3.2rem .35rem 1rem}.result-panel.result-scene .result-presentation-stage:before,.result-panel.result-scene.win .result-presentation-stage:before{width:min(18rem,78vw)}.result-panel.result-scene .result-presentation-stage:after,.result-panel.result-scene.win .result-presentation-stage:after{width:min(14rem,60vw)}.result-panel.result-scene .result-victory-emblem,.result-panel.result-scene.win .result-victory-emblem{top:47%;width:10rem}.result-cinematic-banner{width:100%;grid-template-columns:minmax(1.5rem,1fr) auto minmax(1.5rem,1fr);margin-top:3.2rem}.result-cinematic-banner:before{inset-inline:0;height:6.1rem}.result-panel.result-scene .result-outcome-copy,.result-panel.result-scene.win .result-outcome-copy{min-width:min(17rem,76vw);padding:.65rem .75rem}.result-panel.result-scene .result-outcome-copy h2,.result-panel.result-scene.win .result-outcome-copy h2{font-size:clamp(4rem,21vw,6.1rem)}.result-cinematic-reason{max-width:88vw;margin-top:.9rem;font-size:.72rem}.result-panel.result-scene .result-match-card,.result-panel.result-scene.win .result-match-card{width:calc(100% - 1rem);margin:0 .5rem calc(.5rem + env(safe-area-inset-bottom,0px));padding:.78rem}.result-panel.result-scene .result-match-card>header{display:none}.result-panel.result-scene .result-scoreboard{padding:.5rem}.result-panel.result-scene .result-scoreboard strong{font-size:1.85rem}.result-panel.result-scene .result-match-meta>div{padding:.4rem .5rem}.result-panel.result-scene .result-actions button{min-height:2.65rem}.result-victory-board{top:46%;width:17rem}}@media (max-width:360px){.result-panel.result-scene .result-scene-layout,.result-panel.result-scene.win .result-scene-layout{grid-template-rows:minmax(18.5rem,1fr) auto}.result-panel.result-scene .result-presentation-stage,.result-panel.result-scene.win .result-presentation-stage{min-height:18.5rem;padding-top:2.7rem}.result-panel.result-scene .result-victory-emblem,.result-panel.result-scene.win .result-victory-emblem{width:8.5rem}.result-cinematic-banner{margin-top:2.7rem}.result-panel.result-scene .result-outcome-copy h2,.result-panel.result-scene.win .result-outcome-copy h2{font-size:3.8rem}.result-cinematic-reason{margin-top:.55rem}}@media (prefers-reduced-motion:reduce){.result-panel.result-scene,.result-panel.result-scene .result-presentation-stage>.eyebrow,.result-panel.result-scene .result-victory-emblem,.result-cinematic-banner:before,.result-banner-wing,.result-panel.result-scene .result-outcome-copy>span,.result-panel.result-scene .result-outcome-copy h2,.result-panel.result-scene .result-outcome-copy>strong,.result-cinematic-reason,.result-panel.result-scene .result-match-card{animation:none!important;opacity:1}}.result-scene-backdrop{box-sizing:border-box;display:grid;align-items:center;justify-items:center;overflow:hidden;overscroll-behavior:none;padding:clamp(.5rem,2.4vmin,1.25rem);background:radial-gradient(circle at 22% 18%,rgba(151,52,76,.16),transparent 32%),radial-gradient(circle at 82% 78%,rgba(49,116,96,.12),transparent 34%),#0f0e0cd1;-webkit-backdrop-filter:blur(.7rem) saturate(.78);backdrop-filter:blur(.7rem) saturate(.78)}.result-panel.result-scene{--result-wood:#8d5634;--result-wood-dark:#3a251b;box-sizing:border-box;display:block;width:min(31rem,calc(100vw - 1.5rem));height:auto;max-width:31rem;max-height:calc(100dvh - 1rem);padding:0;overflow:hidden;overscroll-behavior:none;border:1px solid color-mix(in srgb,var(--result-accent) 35%,#70513c);border-radius:1.3rem;color:#f7eddc;background:repeating-linear-gradient(2deg,rgba(255,255,255,.018) 0 1px,transparent 1px 10px),radial-gradient(circle at 50% -12%,color-mix(in srgb,var(--result-accent) 14%,transparent),transparent 42%),linear-gradient(155deg,#2d251f,#171513 68%,#111211);box-shadow:0 1.4rem 4rem #00000085,inset 0 1px #fff7e514,inset 0 0 0 3px #5739273d}.result-panel.result-scene:after{position:absolute;inset:0 12% auto;z-index:8;height:3px;border-radius:0 0 999px 999px;background:linear-gradient(90deg,#9e3650 0,#9e3650 33%,#405c91 33%,#405c91 66%,#34745f 66%);box-shadow:0 .25rem .8rem #0000003d;content:"";pointer-events:none}.result-panel.result-scene .result-scene-art{border-radius:inherit;opacity:.5}.result-panel.result-scene .result-scene-ambient{top:0;right:0;bottom:0;left:0;height:auto;background:radial-gradient(circle at 50% 24%,color-mix(in srgb,var(--result-accent) 13%,transparent),transparent 28%),linear-gradient(100deg,transparent 46%,rgba(225,171,99,.025) 47% 48%,transparent 49%)}.result-panel.result-scene .result-scene-layout,.result-panel.result-scene.win .result-scene-layout{display:grid;height:auto;min-height:0;grid-template:10.8rem auto / 1fr}.result-panel.result-scene .result-presentation-stage,.result-panel.result-scene.win .result-presentation-stage{position:relative;display:grid;min-height:0;place-content:start center;justify-items:center;gap:0;padding:.85rem 1rem .55rem;overflow:hidden;border:0;border-bottom:1px solid rgba(230,200,158,.12);background:linear-gradient(90deg,rgba(151,52,76,.06),transparent 35% 65%,rgba(49,116,96,.05)),repeating-linear-gradient(4deg,rgba(221,174,112,.025) 0 1px,transparent 1px 11px)}.result-panel.result-scene .result-presentation-stage:before,.result-panel.result-scene .result-presentation-stage:after,.result-panel.result-scene.win .result-presentation-stage:before,.result-panel.result-scene.win .result-presentation-stage:after{left:50%;top:3.85rem;width:6.3rem;border-color:color-mix(in srgb,var(--result-accent) 24%,transparent);box-shadow:none}.result-panel.result-scene .result-presentation-stage:after,.result-panel.result-scene.win .result-presentation-stage:after{width:4.9rem}.result-panel.result-scene .result-presentation-stage>.eyebrow,.result-panel.result-scene.win .result-presentation-stage>.eyebrow{position:relative;inset:auto;z-index:5;margin:0;color:#d9a55f;font-size:.56rem;letter-spacing:.2em;text-align:center;animation:result-copy-enter .24s .08s ease-out both}.result-panel.result-scene .result-victory-emblem,.result-panel.result-scene.win .result-victory-emblem{left:50%;top:1.9rem;width:4.5rem;color:color-mix(in srgb,var(--result-accent) 68%,#e3b56e);opacity:.64;animation:tango-result-emblem-in .36s .06s cubic-bezier(.18,.78,.2,1) both}.result-panel.result-scene .result-victory-emblem:before{border-color:color-mix(in srgb,var(--result-accent) 44%,#b9864f);background:#19130f6b;box-shadow:inset 0 0 1.1rem #e1ab6314}.result-panel.result-scene .result-emblem-orbit{display:none}.result-cinematic-banner{width:min(20rem,100%);grid-template-columns:minmax(1rem,1fr) auto minmax(1rem,1fr);margin-top:3.45rem}.result-cinematic-banner:before{height:3.4rem;border-block:1px solid color-mix(in srgb,var(--result-accent) 18%,transparent);background:linear-gradient(90deg,transparent,rgba(18,15,13,.74) 22% 78%,transparent);animation:tango-result-banner-in .3s .12s ease-out both}.result-banner-wing{background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--result-accent) 45%,#b9864f));animation:result-wing-open .28s .16s ease-out both}.result-banner-wing.wing-right{background:linear-gradient(90deg,color-mix(in srgb,var(--result-accent) 45%,#b9864f),transparent)}.result-panel.result-scene .result-outcome-copy,.result-panel.result-scene.win .result-outcome-copy{min-width:8.5rem;gap:.06rem;padding:.2rem .6rem}.result-panel.result-scene .result-outcome-copy>span{color:#d9a55f;font-size:.52rem;animation:result-copy-enter .22s .18s ease-out both}.result-panel.result-scene .result-outcome-copy h2,.result-panel.result-scene.win .result-outcome-copy h2{color:#f7eddc;-webkit-text-fill-color:currentColor;background:none;background-clip:border-box;-webkit-background-clip:border-box;font-family:var(--font-display);font-size:2.55rem;line-height:.94;letter-spacing:-.035em;text-shadow:0 .12rem .5rem rgba(0,0,0,.5);filter:none;animation:tango-result-verdict-in .34s .16s cubic-bezier(.18,.78,.2,1) both}.result-panel.result-scene .result-outcome-copy>strong{color:#e0b66f;font-size:.7rem;animation:result-copy-enter .22s .24s ease-out both}.result-cinematic-reason{max-width:24rem;margin:.38rem 0 0;overflow:hidden;color:#bcb0a2;font-size:.61rem;line-height:1.35;text-overflow:ellipsis;white-space:nowrap;animation:result-copy-enter .22s .28s ease-out both}.result-panel.result-scene .result-match-card,.result-panel.result-scene.win .result-match-card{box-sizing:border-box;width:auto;min-height:0;align-content:start;margin:.65rem;padding:.65rem;overflow:hidden;border:1px solid rgba(220,183,134,.14);border-radius:.9rem;background:linear-gradient(155deg,#4e33244d,#0f0f0e8f),#0d0d0c99;box-shadow:inset 0 1px #fff7e50b;animation:none;opacity:1}.result-panel.result-scene .result-scoreboard{gap:.5rem;padding:.4rem .55rem;border-color:#dcb78621;border-radius:.7rem;background:#09090857}.result-panel.result-scene .result-scoreboard>span{gap:.2rem}.result-panel.result-scene .result-scoreboard small{max-width:9rem;color:#c9bbaa;font-size:.59rem}.result-panel.result-scene .result-scoreboard strong{color:#f6ead7;font-size:1.55rem}.result-panel.result-scene .result-scoreboard .primary-player strong{color:#e0b66f}.result-panel.result-scene .result-match-meta{margin-top:.28rem}.result-panel.result-scene .result-match-meta>div{padding:.3rem .4rem;border-color:#dcb7861a;font-size:.62rem}.result-panel.result-scene .result-match-meta dt{color:#a99c8e;font-size:.59rem}.result-panel.result-scene .result-match-meta dd{color:#efe2cf;font-size:.64rem}.result-panel.result-scene .result-match-card .rematch-waiting{max-height:2rem;margin:.3rem 0 0;padding:.35rem;overflow:hidden;border-color:#dcb78629;color:#c8b7a1;background:#734a2f29;font-size:.59rem;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.result-panel.result-scene .result-actions{gap:.4rem;margin-top:.42rem}.result-panel.result-scene .result-actions button{min-height:2.4rem;border-radius:.65rem;font-size:.7rem}.result-panel.result-scene .result-actions .secondary-action{border-color:#dec09738;color:#e9dcc8;background:#4b352840}.result-panel.result-scene .result-actions .primary-action{color:#fff7e9;background:linear-gradient(135deg,#a43f58,#713044);box-shadow:0 .35rem .9rem #53182b38}@keyframes tango-result-emblem-in{0%{opacity:0;transform:translate(-50%) scale(1.12);filter:blur(.12rem)}to{opacity:.64;transform:translate(-50%) scale(1);filter:none}}@keyframes tango-result-banner-in{0%{opacity:0;transform:translateY(-50%) scaleX(.55)}to{opacity:1;transform:translateY(-50%) scaleX(1)}}@keyframes tango-result-verdict-in{0%{opacity:0;transform:translateY(.25rem) scale(1.08);filter:blur(.1rem)}to{opacity:1;transform:none;filter:none}}@media (max-width:560px){.result-scene-backdrop{padding:max(.45rem,env(safe-area-inset-top,.45rem)) .45rem max(.45rem,env(safe-area-inset-bottom,.45rem))}.result-panel.result-scene{width:min(25rem,calc(100vw - .9rem));max-height:calc(100dvh - max(.9rem,env(safe-area-inset-top,0px) + env(safe-area-inset-bottom,0px)));border-radius:1.05rem}.result-panel.result-scene .result-scene-layout,.result-panel.result-scene.win .result-scene-layout{grid-template-rows:9.9rem auto}.result-panel.result-scene .result-presentation-stage,.result-panel.result-scene.win .result-presentation-stage{min-height:0;padding:.72rem .65rem .45rem}.result-cinematic-banner{margin-top:3.05rem}.result-panel.result-scene .result-outcome-copy h2,.result-panel.result-scene.win .result-outcome-copy h2{font-size:2.3rem}.result-cinematic-reason{width:calc(100vw - 3rem);margin-top:.28rem;font-size:.55rem}.result-panel.result-scene .result-match-card,.result-panel.result-scene.win .result-match-card{margin:.48rem;padding:.52rem}.result-panel.result-scene .result-scoreboard small{max-width:7rem}.result-panel.result-scene .result-actions button{min-height:2.32rem}}@media (max-height:500px){.result-panel.result-scene{width:min(42rem,calc(100vw - 1rem));max-width:42rem}.result-panel.result-scene .result-scene-layout,.result-panel.result-scene.win .result-scene-layout{grid-template:1fr / minmax(12rem,.82fr) minmax(17rem,1.18fr)}.result-panel.result-scene .result-presentation-stage,.result-panel.result-scene.win .result-presentation-stage{min-height:0;align-self:stretch;border-right:1px solid rgba(220,183,134,.12);border-bottom:0}.result-panel.result-scene .result-match-card,.result-panel.result-scene.win .result-match-card{align-self:center;margin:.48rem .48rem .48rem 0}}@media (max-height:400px){.result-panel.result-scene .result-scene-layout,.result-panel.result-scene.win .result-scene-layout{grid-template-columns:minmax(11rem,.72fr) minmax(18rem,1.28fr)}.result-panel.result-scene .result-cinematic-reason,.result-panel.result-scene .result-match-meta{display:none}}@media not all{.result-scene-backdrop{align-items:center;justify-content:center;padding:clamp(.75rem,3vw,2rem);background:#050607c7;-webkit-backdrop-filter:blur(.65rem) saturate(.72);backdrop-filter:blur(.65rem) saturate(.72)}.result-panel.result-scene{width:min(32rem,calc(100vw - 2rem));height:auto;max-width:32rem;max-height:calc(100dvh - 2rem);overflow-x:hidden;overflow-y:auto;border:1px solid color-mix(in srgb,var(--result-accent) 32%,rgba(255,255,255,.08));border-radius:1.35rem;background:radial-gradient(circle at 50% 0,color-mix(in srgb,var(--result-accent) 13%,transparent),transparent 42%),linear-gradient(155deg,#1e1d1bfa,#0b0c0dfc);box-shadow:0 1.5rem 5rem #00000094,inset 0 1px #ffffff0f;animation:compact-result-enter .32s cubic-bezier(.2,.78,.2,1) both}.result-panel.result-scene .result-scene-art{overflow:hidden;border-radius:inherit;opacity:.65}.result-panel.result-scene .result-scene-art .result-scene-beam,.result-panel.result-scene .result-scene-art .result-scene-ribbon,.result-panel.result-scene .result-scene-art>b,.result-panel.result-scene .result-victory-board,.result-panel.result-scene .result-victory-stars,.result-panel.result-scene .result-victory-impact{display:none}.result-panel.result-scene .result-scene-ambient{inset:-20% 5% auto;height:16rem;background:radial-gradient(circle,color-mix(in srgb,var(--result-accent) 15%,transparent),transparent 64%);opacity:.72}.result-panel.result-scene .result-scene-layout,.result-panel.result-scene.win .result-scene-layout{display:grid;height:auto;min-height:0;grid-template-columns:1fr;grid-template-rows:auto auto}.result-panel.result-scene .result-presentation-stage,.result-panel.result-scene.win .result-presentation-stage{position:relative;display:grid;min-height:13.25rem;place-content:start center;justify-items:center;gap:0;padding:1rem 1.25rem .8rem;overflow:hidden;border:0;background:none}.result-panel.result-scene .result-presentation-stage:before,.result-panel.result-scene .result-presentation-stage:after,.result-panel.result-scene.win .result-presentation-stage:before,.result-panel.result-scene.win .result-presentation-stage:after{left:50%;top:4.65rem;width:7.25rem;border-color:color-mix(in srgb,var(--result-accent) 28%,transparent);box-shadow:0 0 1.5rem color-mix(in srgb,var(--result-accent) 10%,transparent)}.result-panel.result-scene .result-presentation-stage:after,.result-panel.result-scene.win .result-presentation-stage:after{width:5.7rem}.result-panel.result-scene .result-presentation-stage>.eyebrow,.result-panel.result-scene.win .result-presentation-stage>.eyebrow{position:relative;inset:auto;z-index:5;margin:0;color:color-mix(in srgb,var(--result-accent) 82%,#fff);font-size:.62rem;letter-spacing:.22em;text-align:center;opacity:0;animation:result-copy-enter .3s .18s ease-out both}.result-panel.result-scene .result-victory-emblem,.result-panel.result-scene.win .result-victory-emblem{position:absolute;left:50%;top:2.25rem;z-index:2;width:5.35rem;opacity:.7;transform:translate(-50%);animation:compact-emblem-enter .48s .08s cubic-bezier(.18,.78,.2,1) both}.result-cinematic-banner{position:relative;z-index:7;display:grid;width:min(22rem,100%);grid-template-columns:minmax(1.5rem,1fr) auto minmax(1.5rem,1fr);align-items:center;margin-top:5.4rem;isolation:isolate}.result-cinematic-banner:before{inset:50% 0 auto;height:4.2rem;border-block:1px solid color-mix(in srgb,var(--result-accent) 25%,transparent);background:linear-gradient(90deg,transparent,rgba(5,6,7,.72) 20% 80%,transparent);box-shadow:none;animation:compact-banner-open .4s .2s ease-out both}.result-banner-wing{height:1px;box-shadow:none;animation:result-wing-open .35s .28s ease-out both}.result-banner-wing:after{width:.45rem;box-shadow:none}.result-panel.result-scene .result-outcome-copy,.result-panel.result-scene.win .result-outcome-copy{width:auto;min-width:10rem;gap:.12rem;margin:0;padding:.35rem .7rem}.result-panel.result-scene .result-outcome-copy>span{font-size:.58rem;letter-spacing:.15em;animation:result-copy-enter .3s .36s ease-out both}.result-panel.result-scene .result-outcome-copy h2,.result-panel.result-scene.win .result-outcome-copy h2{font-size:clamp(2.55rem,10vw,3.35rem);line-height:.95;letter-spacing:.02em;filter:drop-shadow(0 .12rem 0 rgba(0,0,0,.62));animation:compact-verdict-enter .4s .24s cubic-bezier(.18,.78,.2,1) both}.result-panel.result-scene .result-outcome-copy>strong{font-size:.76rem;animation:result-copy-enter .3s .43s ease-out both}.result-cinematic-reason{max-width:24rem;margin:.5rem 0 0;color:#aaa59d;font-size:.67rem;line-height:1.45;animation:result-copy-enter .3s .5s ease-out both}.result-panel.result-scene .result-match-card,.result-panel.result-scene.win .result-match-card{width:auto;margin:0 .8rem .8rem;padding:.75rem;border-color:#ffffff14;border-radius:.9rem;background:#07080980;box-shadow:inset 0 1px #ffffff0a;animation:result-summary-rise .38s .5s ease-out both}.result-panel.result-scene .result-match-card>header{display:none}.result-panel.result-scene .result-scoreboard{padding:.45rem .6rem}.result-panel.result-scene .result-scoreboard small{font-size:.62rem}.result-panel.result-scene .result-scoreboard strong{font-size:1.65rem}.result-panel.result-scene .result-match-meta{margin-top:.35rem}.result-panel.result-scene .result-match-meta>div{padding:.35rem .45rem;font-size:.67rem}.result-panel.result-scene .result-actions{gap:.45rem;margin-top:.55rem}.result-panel.result-scene .result-actions button{min-height:2.55rem;border-radius:.7rem;font-size:.76rem}@keyframes compact-result-enter{0%{opacity:0;transform:scale(.94) translateY(.7rem)}to{opacity:1;transform:none}}@keyframes compact-emblem-enter{0%{opacity:0;transform:translate(-50%) scale(1.3);filter:blur(.18rem)}to{opacity:.7;transform:translate(-50%) scale(1);filter:none}}@keyframes compact-banner-open{0%{opacity:0;transform:translateY(-50%) scaleX(.45)}to{opacity:1;transform:translateY(-50%) scaleX(1)}}@keyframes compact-verdict-enter{0%{opacity:0;transform:scale(1.18);filter:blur(.18rem)}to{opacity:1;transform:none;filter:none}}@media (max-width:560px){.result-scene-backdrop{padding:.6rem}.result-panel.result-scene{width:min(25rem,calc(100vw - 1.2rem));max-height:calc(100dvh - 1.2rem);border-radius:1.15rem}.result-panel.result-scene .result-scene-layout,.result-panel.result-scene.win .result-scene-layout{min-height:0;grid-template-rows:auto auto}.result-panel.result-scene .result-presentation-stage,.result-panel.result-scene.win .result-presentation-stage{min-height:12.2rem;padding:.85rem .7rem .65rem}.result-cinematic-banner{width:100%;margin-top:4.2rem}.result-panel.result-scene .result-outcome-copy,.result-panel.result-scene.win .result-outcome-copy{min-width:8.5rem;padding:.3rem .45rem}.result-panel.result-scene .result-outcome-copy h2,.result-panel.result-scene.win .result-outcome-copy h2{font-size:2.65rem}.result-cinematic-reason{width:100%;max-width:none;margin-top:.25rem;font-size:.58rem;white-space:nowrap}.result-panel.result-scene .result-match-card,.result-panel.result-scene.win .result-match-card{width:auto;margin:0 .55rem .55rem;padding:.6rem}.result-panel.result-scene .result-actions button{min-height:2.45rem}}@media (max-height:620px) and (min-width:561px){.result-panel.result-scene{max-width:38rem}.result-panel.result-scene .result-scene-layout,.result-panel.result-scene.win .result-scene-layout{grid-template-columns:.9fr 1.1fr;grid-template-rows:1fr}.result-panel.result-scene .result-presentation-stage,.result-panel.result-scene.win .result-presentation-stage{min-height:20rem;align-self:stretch}.result-panel.result-scene .result-match-card,.result-panel.result-scene.win .result-match-card{align-self:center;margin:.8rem .8rem .8rem 0}}@media (prefers-reduced-motion:reduce){.result-panel.result-scene,.result-panel.result-scene .result-victory-emblem,.result-cinematic-banner:before,.result-banner-wing,.result-panel.result-scene .result-outcome-copy>span,.result-panel.result-scene .result-outcome-copy h2,.result-panel.result-scene .result-outcome-copy>strong,.result-cinematic-reason,.result-panel.result-scene .result-match-card{animation:none!important;opacity:1}}}.score-preview-motif{isolation:isolate;overflow:hidden;border-radius:inherit;background:radial-gradient(circle at 50% 42%,color-mix(in srgb,var(--cosmetic-preview-color-b) 22%,transparent),transparent 48%),linear-gradient(150deg,color-mix(in srgb,var(--cosmetic-preview-color-a) 16%,#2b2824),#101112 78%)}.tango-result-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1200;display:grid;place-items:center;box-sizing:border-box;padding:clamp(.65rem,2.4vw,1.5rem);overflow:hidden;background:#0a0908cc;-webkit-backdrop-filter:blur(.7rem) saturate(.72);backdrop-filter:blur(.7rem) saturate(.72)}.result-panel.tango-result-card{--tango-result-accent:#b65068;--tango-result-accent-soft:#6f2f41;position:relative;display:grid;box-sizing:border-box;width:min(31rem,calc(100vw - 1.3rem));height:auto;min-height:0;max-width:31rem;max-height:calc(100dvh - 1.3rem);grid-template-columns:1fr;gap:.72rem;padding:clamp(.8rem,2.6vw,1.15rem);overflow:hidden;border:1px solid rgba(215,181,137,.24);border-radius:1.25rem;color:#f6ead8;background:radial-gradient(circle at 50% -10%,color-mix(in srgb,var(--tango-result-accent) 20%,transparent),transparent 42%),repeating-linear-gradient(4deg,rgba(229,187,130,.018) 0 1px,transparent 1px 11px),linear-gradient(155deg,#28231f,#121211 72%);box-shadow:0 1.5rem 4.5rem #0000008f,inset 0 1px #fff8eb12;animation:tango-neutral-result-in .28s cubic-bezier(.2,.78,.2,1) both}.result-panel.tango-result-card.draw{--tango-result-accent:#888e93;--tango-result-accent-soft:#4c5156}.result-panel.tango-result-card.loss{--tango-result-accent:#7d8792;--tango-result-accent-soft:#404850}.tango-result-verdict{display:grid;justify-items:center;gap:.14rem;padding:.1rem .75rem .55rem;text-align:center}.tango-result-verdict .eyebrow{margin:0 0 .12rem;color:#c9ad87;font-size:.58rem;letter-spacing:.22em}.tango-result-status{display:grid;width:3.65rem;aspect-ratio:1;place-items:center;margin:.05rem 0 .2rem;border:1px solid color-mix(in srgb,var(--tango-result-accent) 68%,#d8b47e);border-radius:50%;color:#f8ead6;background:radial-gradient(circle,color-mix(in srgb,var(--tango-result-accent) 30%,transparent),transparent 68%),#0b0a0980;box-shadow:inset 0 0 1.2rem color-mix(in srgb,var(--tango-result-accent) 17%,transparent);font:800 1.25rem/1 var(--font-display)}.tango-result-verdict h2{margin:0;color:#fff4e2;font:800 clamp(2.3rem,9vw,3.15rem)/.95 var(--font-display);letter-spacing:-.045em;text-shadow:0 .15rem .55rem rgba(0,0,0,.46)}.tango-result-verdict>strong{max-width:100%;overflow:hidden;color:color-mix(in srgb,var(--tango-result-accent) 54%,#f3d69f);font-size:.82rem;text-overflow:ellipsis;white-space:nowrap}.tango-result-verdict>p:last-child{max-width:26rem;margin:.28rem 0 0;overflow:hidden;color:#b9ad9e;font-size:.67rem;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.tango-result-summary{display:grid;gap:.52rem;padding:.72rem;border:1px solid rgba(222,190,149,.14);border-radius:.9rem;background:#0a09086b;box-shadow:inset 0 1px #fff8e909}.tango-result-summary>header{display:flex;align-items:end;justify-content:space-between;gap:1rem;padding:0 .1rem}.tango-result-summary>header small{color:#b65068;font-size:.55rem;font-weight:800;letter-spacing:.16em}.tango-result-summary>header strong{color:#e9dbc7;font-size:.75rem}.tango-result-scoreboard{display:grid;min-width:0;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:.55rem;padding:.5rem .7rem;border:1px solid rgba(222,190,149,.12);border-radius:.72rem;background:#05050547}.tango-result-scoreboard>span{display:grid;min-width:0;justify-items:center;gap:.12rem}.tango-result-scoreboard small{max-width:100%;overflow:hidden;color:#c0b4a5;font-size:.62rem;text-overflow:ellipsis;white-space:nowrap}.tango-result-scoreboard strong{color:#f5e8d5;font:700 1.65rem/1 var(--font-display)}.tango-result-scoreboard .primary-player strong{color:color-mix(in srgb,var(--tango-result-accent) 55%,#f0c27e)}.tango-result-scoreboard>i{color:#86796a;font-style:normal}.tango-result-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem;margin:0}.tango-result-meta>div{display:flex;align-items:center;justify-content:space-between;gap:.6rem;padding:.38rem .5rem;border-bottom:1px solid rgba(222,190,149,.1)}.tango-result-meta dt{color:#a99c8d;font-size:.6rem}.tango-result-meta dd{margin:0;color:#eee0cc;font-size:.68rem;font-weight:800}.tango-result-summary .rematch-waiting{margin:0;padding:.4rem .5rem;overflow:hidden;border:1px solid rgba(222,190,149,.14);border-radius:.55rem;color:#c9b9a4;background:#744b3024;font-size:.61rem;text-align:center;text-overflow:ellipsis;white-space:nowrap}.tango-result-summary .result-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem;margin:0}.tango-result-summary .result-actions.single{grid-template-columns:1fr}.tango-result-summary .result-actions button{min-height:2.55rem;border-radius:.68rem;font-size:.74rem}.tango-result-summary .result-actions .secondary-action{border-color:#debe9538;color:#e9dcc8;background:#4d382b47}.tango-result-summary .result-actions .primary-action{color:#fff6e8;background:linear-gradient(135deg,#b54b65,#743044);box-shadow:0 .35rem .9rem #53182b33}@keyframes tango-neutral-result-in{0%{opacity:0;transform:translateY(.5rem) scale(.97)}to{opacity:1;transform:none}}@media (max-width:420px){.tango-result-backdrop{padding:.45rem}.result-panel.tango-result-card{width:calc(100vw - .9rem);max-height:calc(100dvh - .9rem);gap:.55rem;padding:.65rem;border-radius:1rem}.tango-result-verdict{padding:0 .4rem .35rem}.tango-result-status{width:3.15rem;margin-bottom:.12rem}.tango-result-verdict h2{font-size:2.35rem}.tango-result-verdict>p:last-child{margin-top:.2rem;font-size:.59rem}.tango-result-summary{gap:.42rem;padding:.55rem}.tango-result-scoreboard{padding:.4rem .5rem}.tango-result-scoreboard strong{font-size:1.45rem}.tango-result-meta>div{padding:.32rem .38rem}.tango-result-summary .result-actions button{min-height:2.4rem}}@media (max-height:570px) and (min-width:560px){.result-panel.tango-result-card{width:min(46rem,calc(100vw - 1.2rem));grid-template-columns:minmax(13rem,.8fr) minmax(20rem,1.2fr);align-items:center}.tango-result-verdict{padding:.25rem .65rem}.tango-result-summary{align-self:stretch;align-content:center}}@media (prefers-reduced-motion:reduce){.result-panel.tango-result-card{animation:none}}.score-preview-kind{position:absolute;top:8%;right:8%;bottom:21%;left:8%;display:block;overflow:hidden;border:1px solid rgba(255,255,255,.09);border-radius:1rem;background:linear-gradient(145deg,#ffffff0e,#0003);box-shadow:inset 0 1px #ffffff0d,inset 0 -.65rem 1.25rem #0003}.score-preview-kind>svg{position:absolute;top:8%;right:8%;bottom:8%;left:8%;width:84%;height:84%;overflow:visible;fill:none;stroke:var(--cosmetic-preview-color-a);stroke-width:5;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 .35rem color-mix(in srgb,var(--cosmetic-preview-color-a) 48%,transparent))}.score-preview-kind>svg .accent{stroke:var(--cosmetic-preview-color-b)}.score-preview-kind>svg .third{stroke:var(--cosmetic-preview-color-c)}.score-preview-motif>strong,.atelier-cosmetic-preview-score-stage.score-preview-motif>strong{position:absolute;z-index:8;right:8%;top:auto;bottom:6%;min-width:2.25rem;padding:.28rem .45rem;border:1px solid color-mix(in srgb,var(--cosmetic-preview-color-c) 62%,transparent);border-radius:.55rem;background:#08090ab8;color:#fff9e9;font:850 .86rem/1 var(--font-display);text-align:center;box-shadow:0 0 .75rem color-mix(in srgb,var(--cosmetic-preview-color-b) 24%,transparent);animation:score-motif-points 2.8s ease-out infinite}.score-motif-fade-tiles,.score-motif-sweep-track,.score-motif-lift-stack,.score-motif-wash-tiles{position:absolute;top:0;right:0;bottom:0;left:0}.score-motif-fade-tiles i{position:absolute;left:14%;bottom:12%;width:20%;aspect-ratio:1;border:1px solid rgba(255,255,255,.25);border-radius:.45rem;background:linear-gradient(145deg,var(--cosmetic-preview-color-a),var(--cosmetic-preview-color-b));box-shadow:inset 0 1px #ffffff4d,0 .3rem .6rem #00000040;animation:score-motif-fade 2.8s ease-in-out infinite}.score-motif-fade-tiles i:nth-child(2){left:35%;bottom:24%;opacity:.75;animation-delay:.08s}.score-motif-fade-tiles i:nth-child(3){left:56%;bottom:38%;opacity:.48;animation-delay:.16s}.score-motif-fade-tiles i:nth-child(4){left:75%;bottom:54%;opacity:.22;animation-delay:.24s}.score-motif-sweep-track{display:flex;align-items:center;gap:4%;padding:0 24% 0 9%;animation:score-motif-sweep 2.8s cubic-bezier(.2,.75,.2,1) infinite}.score-motif-sweep-track i{flex:1;aspect-ratio:1;border-radius:.38rem;background:linear-gradient(135deg,var(--cosmetic-preview-color-a),var(--cosmetic-preview-color-b));box-shadow:0 0 .45rem color-mix(in srgb,var(--cosmetic-preview-color-b) 48%,transparent)}.score-preview-motif-sweep svg{opacity:.78}.score-preview-motif-sweep svg .accent{stroke-dasharray:7 10}.score-motif-lift-stack i{position:absolute;left:20%;bottom:12%;width:22%;aspect-ratio:1;border-radius:.45rem;background:linear-gradient(145deg,var(--cosmetic-preview-color-a),var(--cosmetic-preview-color-b));box-shadow:0 0 .55rem color-mix(in srgb,var(--cosmetic-preview-color-b) 45%,transparent);animation:score-motif-lift 2.8s ease-out infinite}.score-motif-lift-stack i:nth-child(2){left:40%;bottom:35%;opacity:.7;animation-delay:.12s}.score-motif-lift-stack i:nth-child(3){left:60%;bottom:58%;opacity:.36;animation-delay:.24s}.score-motif-source-tile,.score-motif-glint-tile,.score-motif-ember-tile{position:absolute;left:50%;top:52%;width:34%;aspect-ratio:1;border:1px solid rgba(255,255,255,.25);border-radius:.7rem;background:linear-gradient(145deg,var(--cosmetic-preview-color-a),var(--cosmetic-preview-color-b));box-shadow:inset 0 1px #ffffff4d,0 0 .8rem color-mix(in srgb,var(--cosmetic-preview-color-b) 35%,transparent);transform:translate(-50%,-50%)}.score-preview-motif-dust .score-motif-source-tile{clip-path:polygon(0 0,72% 0,100% 30%,82% 100%,0 100%);animation:score-motif-crumble 2.8s ease-in-out infinite}.score-motif-source-tile.leaf-source{border-radius:70% 24%;transform:translate(-50%,-50%) rotate(35deg);animation:score-motif-leaf-source 2.8s ease-in-out infinite}.score-motif-particles{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.score-motif-particles i{position:absolute;left:50%;top:50%;width:.34rem;aspect-ratio:1;border-radius:.08rem;background:var(--cosmetic-preview-color-b);box-shadow:0 0 .35rem currentColor;animation:score-motif-burst 2.8s ease-out infinite}.score-motif-particles i:nth-child(1){--mx:-3.2rem;--my:-2.3rem}.score-motif-particles i:nth-child(2){--mx:-1.9rem;--my:-3.1rem;animation-delay:.04s}.score-motif-particles i:nth-child(3){--mx:-.4rem;--my:-3.5rem;animation-delay:.08s}.score-motif-particles i:nth-child(4){--mx:1.2rem;--my:-3.15rem;animation-delay:.12s}.score-motif-particles i:nth-child(5){--mx:2.8rem;--my:-2.35rem;animation-delay:.16s}.score-motif-particles i:nth-child(6){--mx:3.35rem;--my:-.7rem;animation-delay:.2s}.score-motif-particles i:nth-child(7){--mx:3rem;--my:1.6rem;animation-delay:.24s}.score-motif-particles i:nth-child(8){--mx:1.45rem;--my:2.65rem;animation-delay:.28s}.score-motif-particles i:nth-child(9){--mx:-.35rem;--my:2.9rem;animation-delay:.32s}.score-motif-particles i:nth-child(10){--mx:-2.35rem;--my:2.1rem;animation-delay:.36s}.score-motif-particles i:nth-child(11){--mx:-3.2rem;--my:.55rem;animation-delay:.4s}.score-motif-particles i:nth-child(12){--mx:1.9rem;--my:.8rem;animation-delay:.44s}.score-motif-particles i:nth-child(13){--mx:-1.6rem;--my:-.7rem;animation-delay:.48s}.score-motif-particles i:nth-child(14){--mx:.4rem;--my:1.7rem;animation-delay:.52s}.score-motif-particles.leaves i{width:.5rem;border-radius:75% 15%;background:linear-gradient(135deg,var(--cosmetic-preview-color-a),var(--cosmetic-preview-color-b));animation-name:score-motif-leaves}.score-motif-wash-tiles{display:flex;align-items:center;gap:5%;padding:0 14%;opacity:.72}.score-motif-wash-tiles i{flex:1;aspect-ratio:1;border:1px solid color-mix(in srgb,var(--cosmetic-preview-color-c) 42%,transparent);border-radius:.45rem;background:color-mix(in srgb,var(--cosmetic-preview-color-a) 35%,transparent)}.score-preview-motif-wash svg{stroke-width:6;animation:score-motif-wash 2.8s ease-in-out infinite}.score-motif-glint-tile{width:47%;border-radius:.85rem;background:linear-gradient(145deg,color-mix(in srgb,var(--cosmetic-preview-color-a) 75%,#221d16),color-mix(in srgb,var(--cosmetic-preview-color-b) 58%,#141414))}.score-preview-motif-glint .glint-line{stroke-width:9;stroke-dasharray:14 90;animation:score-motif-glint 2.8s linear infinite}.score-preview-motif-glint .glint-star{fill:color-mix(in srgb,var(--cosmetic-preview-color-b) 35%,transparent);animation:score-motif-star 2.8s ease-out infinite;transform-origin:68px 29px}.score-motif-moon{position:absolute;left:50%;top:50%;width:42%;aspect-ratio:1;border-radius:50%;background:var(--cosmetic-preview-color-a);box-shadow:.7rem -.25rem 0 .05rem #151722,0 0 1rem var(--cosmetic-preview-color-b);transform:translate(-60%,-45%);animation:score-motif-moon 2.8s ease-in-out infinite}.score-motif-particles.starlight i{width:.25rem;border-radius:50%;background:#fff;animation-name:score-motif-starlight}.score-motif-ember-tile{top:70%;width:34%;opacity:.6}.score-preview-motif-ash svg{top:12%;right:24%;bottom:6%;left:24%;width:52%;height:82%;fill:color-mix(in srgb,var(--cosmetic-preview-color-a) 28%,transparent);stroke-width:3;animation:score-motif-flame 2.8s ease-in-out infinite;transform-origin:50% 85%}.score-motif-particles.embers i{width:.28rem;border-radius:50%;background:var(--cosmetic-preview-color-a);animation-name:score-motif-embers}.score-preview-motif-ribbon .score-motif-ribbons,.score-preview-motif-tango-flow .score-motif-flow{top:6%;right:6%;bottom:6%;left:6%;width:88%;height:88%;stroke-width:8}.score-preview-motif-ribbon .score-motif-ribbons path{stroke-dasharray:28 10;animation:score-motif-ribbon 2.8s linear infinite}.score-preview-motif-ribbon .score-motif-ribbons .accent{animation-delay:-.3s}.score-preview-motif-ribbon .score-motif-ribbons .third{animation-delay:-.6s}.score-motif-fold i{position:absolute;left:50%;top:50%;width:42%;aspect-ratio:1;border:1px solid rgba(255,255,255,.2);background:linear-gradient(135deg,var(--cosmetic-preview-color-a),var(--cosmetic-preview-color-b));clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);transform:translate(-50%,-50%);animation:score-motif-fold 2.8s ease-in-out infinite}.score-motif-fold i:nth-child(2){width:26%;background:var(--cosmetic-preview-color-c);animation-delay:.12s}.score-preview-motif-cosmos-fold>.score-preview-kind>svg{opacity:.48;stroke-width:2}.score-motif-particles.cosmos i{width:.2rem;border-radius:50%;background:#fff;animation-name:score-motif-starlight}.score-preview-motif-tango-flow .score-motif-flow path{stroke-width:9;stroke-dasharray:12 10;animation:score-motif-flow 2.8s linear infinite}.score-preview-motif-tango-flow .score-motif-flow .accent{animation-delay:-.25s}.score-preview-motif-tango-flow .score-motif-flow .third{animation-delay:-.5s}.score-motif-flow-core{position:absolute;left:67%;top:50%;display:grid;width:2.7rem;aspect-ratio:1;place-items:center;border:2px solid var(--cosmetic-preview-color-c);border-radius:50%;background:#090a0bc7;color:#fff;font:850 .82rem/1 var(--font-display);box-shadow:0 0 1rem color-mix(in srgb,var(--cosmetic-preview-color-c) 42%,transparent);transform:translate(-50%,-50%);animation:score-motif-flow-core 2.8s ease-in-out infinite}.score-preview-motif-tango-flow>strong{display:none}@keyframes score-motif-points{0%,36%,to{opacity:.3;transform:translateY(.35rem) scale(.82)}53%,86%{opacity:1;transform:none}}@keyframes score-motif-fade{0%,24%,to{filter:none;transform:none}56%,82%{opacity:.08;filter:blur(.08rem);transform:translateY(-.65rem) scale(.6)}}@keyframes score-motif-sweep{0%,24%,to{opacity:1;transform:none}66%,82%{opacity:.15;transform:translate(58%) scaleX(.4)}}@keyframes score-motif-lift{0%,24%,to{opacity:1;transform:none}68%,84%{opacity:.08;transform:translateY(-1.35rem) scale(.55)}}@keyframes score-motif-crumble{0%,28%,to{opacity:1;filter:none}68%,82%{opacity:.25;filter:saturate(.3);transform:translate(-50%,-50%) scale(.7) rotate(8deg)}}@keyframes score-motif-leaf-source{0%,28%,to{opacity:1}68%,82%{opacity:.15;transform:translate(-50%,-50%) rotate(70deg) scale(.55)}}@keyframes score-motif-burst{0%,31%,to{opacity:0;transform:translate(-50%,-50%) scale(.25)}48%{opacity:1}76%{opacity:0;transform:translate(calc(-50% + var(--mx)),calc(-50% + var(--my))) rotate(155deg) scale(.15)}}@keyframes score-motif-leaves{0%,31%,to{opacity:0;transform:translate(-50%,-50%) rotate(0) scale(.35)}49%{opacity:1}79%{opacity:0;transform:translate(calc(-50% + var(--mx)),calc(-50% + var(--my))) rotate(225deg) scale(.6)}}@keyframes score-motif-wash{0%,24%,to{opacity:.45;transform:translate(-10%)}52%{opacity:1}78%{opacity:.2;transform:translate(12%)}}@keyframes score-motif-glint{0%{stroke-dashoffset:105}to{stroke-dashoffset:-25}}@keyframes score-motif-star{0%,33%,to{opacity:.28;transform:scale(.65)}52%{opacity:1;transform:scale(1.12)}}@keyframes score-motif-moon{0%,28%,to{opacity:.78;filter:none}62%,82%{opacity:.18;filter:blur(.1rem);transform:translate(-60%,-62%) scale(.72)}}@keyframes score-motif-starlight{0%,32%,to{opacity:.15;transform:translate(-50%,-50%) scale(.35)}58%{opacity:1}82%{opacity:0;transform:translate(calc(-50% + var(--mx)),calc(-50% + var(--my))) scale(1.2)}}@keyframes score-motif-flame{0%,24%,to{opacity:.7;transform:scaleY(.82) rotate(-2deg)}55%{opacity:1;transform:scaleY(1.08) rotate(2deg)}82%{opacity:.35;transform:translateY(-.7rem) scale(.72)}}@keyframes score-motif-embers{0%,30%,to{opacity:0;transform:translate(-50%,-20%) scale(.4)}48%{opacity:1}82%{opacity:0;transform:translate(calc(-50% + var(--mx)),calc(-50% + var(--my) - 1rem)) scale(.2)}}@keyframes score-motif-ribbon{to{stroke-dashoffset:-76}}@keyframes score-motif-fold{0%,25%,to{opacity:.9;transform:translate(-50%,-50%) perspective(8rem) rotateY(0)}67%,82%{opacity:.2;transform:translate(-50%,-50%) perspective(8rem) rotateY(82deg) scale(.55)}}@keyframes score-motif-flow{to{stroke-dashoffset:-66}}@keyframes score-motif-flow-core{0%,30%,to{opacity:.62;transform:translate(-50%,-50%) scale(.82)}55%,82%{opacity:1;transform:translate(-50%,-50%) scale(1.08)}}@media (prefers-reduced-motion:reduce){.score-preview-motif *,.score-preview-motif *:before,.score-preview-motif *:after{animation-play-state:paused!important}}