.arena-avatar{--avatar-frame:var(--ui-avatar-ring);--avatar-timer:var(--ui-gold);display:inline-flex;position:relative;flex:0 0 var(--avatar-size);width:var(--avatar-size);height:var(--avatar-size);border-radius:50%;vertical-align:middle;isolation:isolate}.arena-avatar-portrait,.arena-avatar-timer{display:block;width:100%;height:100%;overflow:visible}.arena-avatar-frame{stroke:var(--avatar-frame);stroke-width:3}.avatar-frame-none .arena-avatar-frame{stroke-width:2.5;paint-order:stroke;filter:drop-shadow(0 0 .09375rem var(--ui-surface))}.avatar-frame-gold{--avatar-frame:var(--ui-gold)}.avatar-frame-gold .arena-avatar-frame{stroke-width:5;filter:drop-shadow(0 0 .09375rem var(--ui-surface))}.avatar-frame-jade{--avatar-frame:var(--ui-success)}.avatar-frame-jade .arena-avatar-frame{stroke-width:4;filter:drop-shadow(0 0 .09375rem var(--ui-surface))}.avatar-frame-royal{--avatar-frame:var(--ui-tier-legend)}.avatar-frame-royal .arena-avatar-frame{stroke-width:5;filter:drop-shadow(0 0 .09375rem var(--ui-surface))}.avatar-side-red{--avatar-timer:#cf7b70}.avatar-side-black{--avatar-timer:#a7b5c5}.avatar-active{--avatar-timer:#e1be77}.avatar-active:after{content:"";position:absolute;inset:8%;border-radius:50%;box-shadow:0 0 0 1px #e1be7730,0 0 12px #d3ad6428;pointer-events:none}.arena-avatar-timer{position:absolute;inset:0;pointer-events:none}.avatar-timer-track,.avatar-timer-progress{fill:none;stroke-width:3.2}.avatar-timer-track{stroke:#ffffff12}.avatar-timer-progress{stroke:var(--avatar-timer);stroke-linecap:round;transition:stroke-dashoffset .24s linear,stroke .15s ease}.avatar-low-time{--avatar-timer:#e98d73}.arena-avatar.avatar-move-timer{--avatar-timer:hsl(var(--avatar-move-hue,140) 68% 56%)}[data-style-tone=light] .arena-avatar.avatar-move-timer{--avatar-timer:hsl(var(--avatar-move-hue,140) 78% 36%)}.arena-avatar.avatar-move-timer .avatar-timer-track{stroke:#ffffff1f}[data-style-tone=light] .arena-avatar.avatar-move-timer .avatar-timer-track{stroke:#0000001c}.arena-avatar-clock-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.profile-portrait{margin-right:4px}.avatar-collection{padding:22px;margin:24px 0 22px}.avatar-collection .section-heading{margin-bottom:10px}.avatar-collection-note{margin:0 0 20px;color:var(--ui-secondary);font-size:.875rem;line-height:1.6}.avatar-collection-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.avatar-option{display:flex;min-width:0;align-items:center;flex-direction:column;gap:11px;padding:18px 10px;border:.0625rem solid var(--ui-border);background:var(--ui-input);border-radius:12px;text-align:center}.avatar-option.is-equipped{border-color:var(--ui-gold);background:var(--ui-ground)}.avatar-option h3{margin:0;font-size:.9375rem}.avatar-option p{font-size:.875rem;color:var(--ui-secondary);line-height:1.5;margin:0;min-height:36px}.avatar-option .button{width:100%;min-height:2.75rem;padding:.5625rem .625rem;font-size:1rem;white-space:normal}.avatar-owned-note{color:var(--ui-secondary);font-size:.875rem;min-height:16px}.avatar-owned-note.is-current{color:var(--ui-gold)}.cosmetic-preview.cosmetic-portrait{background:radial-gradient(ellipse at 50% 40%,#49656d44,transparent 75%),#1a2431}.cosmetic-preview .arena-avatar{z-index:1}.cosmetic-avatar-note{margin:9px 0 0;color:var(--ui-secondary);font-size:.875rem;line-height:1.6}@media(max-width:760px){.avatar-collection{padding:18px 14px}.avatar-collection-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.avatar-option{padding:16px 10px}.profile-portrait{margin-right:0}}@media(prefers-reduced-motion:reduce){.avatar-timer-progress{transition:none}}.avatar-option-heading{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.25rem;min-width:0;max-width:100%}.avatar-option-heading h3{overflow-wrap:anywhere}:root{--ui-ground: #F1E6D0;--ui-wood: var(--ui-ground);--ui-desktop-ground: #D8C6A4;--ui-surface: #FBF6EC;--ui-border: #DCC9A4;--ui-divider: #E8DBC1;--ui-divider-strong: #E2D3B6;--ui-input: #FFFDF8;--ui-input-border: #C7B28A;--ui-pill-border: #D2BD95;--ui-ink: #2E2216;--ui-text: var(--ui-ink);--ui-ink-hover: #1C140C;--ui-secondary: #5E4B36;--ui-tertiary: #6E5A44;--ui-primary: #B83A2B;--ui-on-primary: #FFF3EA;--ui-primary-text: var(--ui-on-primary);--ui-gold: #855A0A;--ui-success: #276B49;--ui-warning: #B4432F;--ui-danger: #A3301F;--ui-focus: #9A6B1F;--ui-link: #9A2E21;--ui-arrow: #8A7559;--ui-selected: #3B2A1A;--ui-on-selected: #FBF3E2;--ui-seg-ground: #E5D5B6;--ui-seg-ink: #4A3926;--ui-tab-active: #E0C99C;--ui-switch-off: #CDB892;--ui-coin: #C9A040;--ui-coin-rim: #9A7420;--ui-avatar-ground: #E6CFA6;--ui-avatar-ink: #5A3E1E;--ui-avatar-ring: #CDB892;--ui-gold-ring: #8A6A33;--ui-jade-ring: #3E7A5C;--ui-cover-default: #ECE0C9;--ui-cover-tiger: #F3E1C0;--ui-cover-tiger-ink: #B0681E;--ui-cover-dragon: #F1D9CC;--ui-cover-dragon-ink: #A8741F;--ui-cover-bamboo: #DFE8D2;--ui-cover-bamboo-ink: #4E7A37;--ui-cover-phoenix: #F1DCE0;--ui-cover-phoenix-ink: #B04D66;--ui-cover-seal: #F0D8CF;--ui-title-swift: #4F6B85;--ui-tier-silver: #767A82;--ui-tier-legend: #6B52A3;--ui-tier-bronze: #9A5F32;--ui-medal-face: #F7EBD3;--ui-medal-bronze: #C08A5A;--ui-medal-bronze-rim: #9A6238;--ui-medal-bronze-ink: #8E3A22;--ui-medal-silver: #B9BDC3;--ui-medal-silver-rim: #8E939B;--ui-medal-silver-ink: #3E4652;--ui-medal-gold: #D7B24E;--ui-medal-gold-rim: #A8841F;--ui-medal-gold-ink: #6E4A08;--ui-dimmer: rgba(46, 30, 12, .42);--ui-grain-fine: rgba(122, 86, 44, .05);--ui-grain-wide: rgba(122, 86, 44, .035);--ui-cover-wash-start: rgba(251, 246, 236, .9);--ui-cover-wash-mid: rgba(251, 246, 236, .7);--ui-cover-wash-end: rgba(251, 246, 236, 0);--ui-cover-ground-clear: rgba(241, 230, 208, 0);--ui-title-ground: rgba(251, 246, 236, .85);--ui-shadow-card: 0 .125rem 0 rgba(122, 86, 44, .12);--ui-shadow-inset: inset 0 .0625rem .125rem rgba(90, 62, 30, .2);--ui-shadow-control: 0 .0625rem .1875rem rgba(46, 30, 12, .35);--ui-shadow-medal: 0 .125rem 0 rgba(90, 62, 30, .25);--ui-wood-grain: repeating-linear-gradient(177deg, var(--ui-grain-fine) 0 .0625rem, transparent .0625rem .5rem), repeating-linear-gradient(183deg, var(--ui-grain-wide) 0 .125rem, transparent .125rem .9375rem);--ui-font: "Be Vietnam Pro", system-ui, sans-serif;--ui-glyph-font: "Noto Serif TC", serif;--ui-radius: .75rem;--ui-page-width: min(35rem, 560px);--ui-header-height: 3.5rem;--ui-tab-height: 4rem;--ui-target: 2.75rem;--ui-choice-ground: #F7EEDB;--ui-choice-selected: #FFF9EE;--ui-piece-face: #F4E5C3;--ui-piece-rim: #C4A066;--ui-piece-red: #B23A2C;--ui-piece-shadow: #8C6C40;--ui-piece-covered: #7A5230;--ui-piece-covered-shadow: #4E331C;--ui-piece-dash: rgba(244, 229, 195, .55);--ui-primary-shadow: #7E2519;--ui-muted-surface: #EFE5CF;--ui-avatar-muted: #E3DCCF;--ui-avatar-muted-ink: #4A4258;--ui-warm-surface: #F3E5C8;--ui-warm-ink: #7A4E1E;--ui-room-on-dark: #F7EEDB;--ui-radio-rim: #A89470;--ui-dialog-border: #BBA37A;--ui-search-halo: rgba(184, 58, 43, .18);--ui-shadow-choice: 0 .125rem 0 rgba(122, 86, 44, .18);--ui-shadow-ghost: 0 .125rem 0 rgba(122, 86, 44, .14)}.ui-icon{display:block;width:1.375rem;height:1.375rem;flex:none}.ui-icon-back{width:1.625rem;height:1.625rem}.ui-icon-bell{width:1.4375rem;height:1.4375rem}.ui-icon-eye,.ui-icon-eyeOff{width:1.5rem;height:1.5rem}.ui-icon-button{width:3rem;min-height:3rem;flex:none;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:.5rem;padding:0;background:transparent;color:var(--ui-ink);text-decoration:none;cursor:pointer}.ui-screen{display:flex;flex-direction:column;min-width:0;min-height:0;height:100%;color:var(--ui-ink);background:var(--ui-wood-grain),var(--ui-ground);font:1rem/1.45 var(--ui-font)}.ui-screen-header{min-height:var(--ui-header-height);flex:none;display:flex;align-items:center;gap:.25rem;padding:0 .25rem;border-bottom:.0625rem solid var(--ui-divider-strong)}.ui-screen-header h1{flex:1;min-width:0;margin:0;padding-left:.75rem;font-size:1.1875rem;font-weight:700;overflow-wrap:anywhere}.ui-screen-header .ui-icon-button+h1{padding-left:0}.ui-screen-scroll{flex:1;min-height:0;min-width:0;overflow-y:auto;overscroll-behavior-y:contain;padding:1rem 1rem 1.25rem;scrollbar-width:none}.ui-screen-scroll::-webkit-scrollbar{display:none}.ui-tab-bar{box-sizing:border-box;min-height:var(--ui-tab-height);flex:none;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-top:.0625rem solid var(--ui-divider-strong);padding-bottom:env(safe-area-inset-bottom,0);background:var(--ui-ground);font-family:var(--ui-font);color:var(--ui-tertiary)}.ui-tab{box-sizing:border-box;position:relative;min-width:0;min-height:calc(var(--ui-tab-height) - .0625rem);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;padding:.375rem 0;color:var(--ui-secondary);font-size:.8125rem;font-weight:600;line-height:1.45;text-align:center;text-decoration:none}.ui-tab:hover{color:var(--ui-ink-hover)}.ui-tab-active{color:var(--ui-ink);font-weight:700}.ui-tab-highlight{position:absolute;top:.375rem;left:50%;width:min(3.75rem,90%);height:2rem;transform:translate(-50%);border-radius:1rem}.ui-tab-active .ui-tab-highlight{background:var(--ui-tab-active)}.ui-tab .ui-icon,.ui-tab-label{position:relative}.ui-tab-label{max-width:100%;overflow-wrap:anywhere}.ui-tab-badge{position:absolute;top:.4375rem;left:50%;margin-left:.375rem;min-width:1.125rem;height:1rem;padding:0 .25rem;border-radius:.5rem;background:var(--ui-primary);color:var(--ui-on-primary);font-size:.6875rem;font-weight:700;line-height:1rem;text-align:center}.ui-seg{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:.25rem;padding:.25rem;border-radius:.75rem;background:var(--ui-seg-ground);box-shadow:var(--ui-shadow-inset)}.ui-seg button{min-height:2.875rem;min-width:0;border:0;border-radius:.5625rem;background:transparent;color:var(--ui-seg-ink);font-family:inherit;font-size:1rem;font-weight:700;padding:.1875rem .25rem;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.2;overflow-wrap:anywhere;cursor:pointer}.ui-seg [aria-selected=true],.ui-seg [aria-checked=true]{background:var(--ui-selected);color:var(--ui-on-selected);box-shadow:var(--ui-shadow-control)}.ui-pills{display:flex;gap:.5rem;max-width:100%;overflow-x:auto;scrollbar-width:none}.ui-pills::-webkit-scrollbar{display:none}.ui-pills button{flex:none;min-height:var(--ui-target);padding:0 1.125rem;border:.09375rem solid var(--ui-pill-border);border-radius:1.375rem;color:var(--ui-seg-ink);background:var(--ui-surface);font:700 1rem/1.3 var(--ui-font);white-space:nowrap;cursor:pointer}.ui-pills [aria-selected=true],.ui-pills [aria-checked=true]{background:var(--ui-selected);border-color:var(--ui-selected);color:var(--ui-on-selected)}.ui-card{min-width:0;border:.0625rem solid var(--ui-border);border-radius:var(--ui-radius);background:var(--ui-surface);box-shadow:var(--ui-shadow-card);overflow:hidden}.ui-list-row{display:flex;align-items:center;gap:.75rem;width:100%;min-height:3.625rem;padding:.625rem .75rem .625rem .875rem;border:0;background:transparent;color:var(--ui-ink);font:inherit;text-align:left;text-decoration:none}button.ui-list-row,a.ui-list-row{cursor:pointer}.ui-list-row+.ui-list-row{border-top:.0625rem solid var(--ui-divider)}.ui-list-row-copy{flex:1;min-width:0;display:flex;flex-direction:column;gap:.125rem;overflow-wrap:anywhere}.ui-list-row-label{font-size:1rem;font-weight:600;line-height:1.3}.ui-list-row-detail{font-size:.875rem;color:var(--ui-secondary);line-height:1.35}.ui-list-row .ui-icon-next{color:var(--ui-arrow)}.ui-sheet-dimmer{position:fixed;inset:0;z-index:1000;display:flex;justify-content:center;align-items:flex-end;background:var(--ui-dimmer);overscroll-behavior:contain}.ui-sheet{width:100%;max-width:var(--ui-page-width);min-width:0;max-height:min(90dvh,55rem);display:flex;flex-direction:column;border-radius:1rem 1rem 0 0;background:var(--ui-surface);color:var(--ui-ink);padding-bottom:env(safe-area-inset-bottom,0);font:1rem/1.45 var(--ui-font);box-shadow:var(--ui-shadow-control)}.ui-sheet-header{display:flex;align-items:center;flex:none;gap:.5rem;padding:.5rem .5rem .5rem 1rem;border-bottom:.0625rem solid var(--ui-divider)}.ui-sheet-header h2{flex:1;min-width:0;margin:0;font-size:1.25rem;font-weight:700;overflow-wrap:anywhere}.ui-sheet-content{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:1rem}.ui-button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:3.5rem;min-width:var(--ui-target);padding:.75rem 1rem;border:.09375rem solid transparent;border-radius:.625rem;font:700 1.125rem/1.3 var(--ui-font);text-align:center;text-decoration:none;cursor:pointer;overflow-wrap:anywhere}.ui-button-primary{background:var(--ui-primary);color:var(--ui-on-primary);box-shadow:var(--ui-shadow-card)}.ui-button-secondary{background:var(--ui-surface);color:var(--ui-ink);border-color:var(--ui-input-border)}.ui-button-danger{background:var(--ui-danger);color:var(--ui-on-primary)}.ui-button-text{min-height:var(--ui-target);background:transparent;color:var(--ui-link);padding:.5rem;font-size:1rem}.ui-button-full{width:100%}.ui-button:disabled,.ui-seg button:disabled,.ui-pills button:disabled,.ui-switch-row:disabled{opacity:.6;cursor:default}.ui-switch-row{width:100%;min-height:3.75rem;display:flex;align-items:center;gap:.75rem;padding:.625rem .875rem;border:0;background:transparent;color:var(--ui-ink);text-align:left;font:inherit;cursor:pointer}.ui-switch-track{position:relative;width:3.25rem;height:1.875rem;flex:none;border-radius:.9375rem;background:var(--ui-switch-off);transition:background .15s}.ui-switch-knob{position:absolute;top:.1875rem;left:.1875rem;width:1.5rem;height:1.5rem;border-radius:50%;background:var(--ui-input);box-shadow:var(--ui-shadow-control);transition:left .15s}.ui-switch-on{background:var(--ui-primary)}.ui-switch-on .ui-switch-knob{left:1.5625rem}.ui-checkbox{min-height:var(--ui-target);display:flex;align-items:center;gap:.75rem;color:var(--ui-secondary);font-size:1rem;cursor:pointer}.ui-checkbox input{width:1.375rem;height:1.375rem;flex:none;margin:0;accent-color:var(--ui-primary)}.ui-field{display:flex;flex-direction:column;gap:.5rem;min-width:0;color:var(--ui-ink)}.ui-field>label{font-size:1rem;font-weight:600}.ui-field-control{display:flex;min-height:3.375rem;border:.09375rem solid var(--ui-input-border);border-radius:.625rem;background:var(--ui-input)}.ui-field-control input{min-width:0;width:100%;flex:1;border:0;border-radius:.625rem;padding:.75rem .875rem;color:var(--ui-ink);background:transparent;font:1rem/1.3 var(--ui-font)}.ui-field-control:focus-within{outline:.125rem solid var(--ui-focus);outline-offset:.125rem}.ui-field-control input:focus-visible{outline:0}.ui-field-eye{width:3.25rem;min-height:3.25rem;flex:none;border:0;background:transparent;display:flex;align-items:center;justify-content:center;color:var(--ui-secondary);padding:0;cursor:pointer}.ui-field p{margin:0;color:var(--ui-secondary);font-size:.875rem;line-height:1.35}.ui-field .ui-field-error{color:var(--ui-danger)}.ui-field-invalid{border-color:var(--ui-danger)}.ui-toast{position:fixed;z-index:1100;bottom:calc(var(--ui-tab-height) + 1rem);left:50%;transform:translate(-50%);display:flex;align-items:center;gap:.5rem;width:max-content;max-width:min(calc(100% - 2rem),33rem);padding:.5rem .75rem .5rem 1rem;border-radius:.625rem;background:var(--ui-selected);color:var(--ui-on-selected);font:600 1rem/1.4 var(--ui-font);box-shadow:var(--ui-shadow-control)}.ui-toast .ui-icon-button{color:inherit}.ui-medal{--medal-metal: var(--ui-medal-bronze);--medal-rim: var(--ui-medal-bronze-rim);--medal-ink: var(--ui-medal-bronze-ink);width:3.375rem;height:3.375rem;flex:none;border-radius:50%;background:var(--medal-metal);box-shadow:inset 0 0 0 .1875rem var(--medal-rim),var(--ui-shadow-medal);display:inline-flex;align-items:center;justify-content:center}.ui-medal-silver{--medal-metal: var(--ui-medal-silver);--medal-rim: var(--ui-medal-silver-rim);--medal-ink: var(--ui-medal-silver-ink)}.ui-medal-gold{--medal-metal: var(--ui-medal-gold);--medal-rim: var(--ui-medal-gold-rim);--medal-ink: var(--ui-medal-gold-ink)}.ui-medal>span{width:2.375rem;height:2.375rem;border-radius:50%;background:var(--ui-medal-face);color:var(--medal-ink);font:700 1.3125rem/1 var(--ui-glyph-font);display:flex;align-items:center;justify-content:center;box-shadow:inset 0 0 0 .09375rem var(--medal-rim)}.ui-profile-card{--cover-ground: var(--ui-cover-default);--cover-ink: var(--ui-tertiary);position:relative;min-height:10.5rem;overflow:hidden;min-width:0;font-family:var(--ui-font);color:var(--ui-ink);background:var(--cover-ground)}.ui-profile-cover-tiger{--cover-ground: var(--ui-cover-tiger);--cover-ink: var(--ui-cover-tiger-ink)}.ui-profile-cover-dragon{--cover-ground: var(--ui-cover-dragon);--cover-ink: var(--ui-cover-dragon-ink)}.ui-profile-cover-bamboo{--cover-ground: var(--ui-cover-bamboo);--cover-ink: var(--ui-cover-bamboo-ink)}.ui-profile-cover-phoenix{--cover-ground: var(--ui-cover-phoenix);--cover-ink: var(--ui-cover-phoenix-ink)}.ui-profile-cover-seal{--cover-ground: var(--ui-cover-seal);--cover-ink: var(--ui-primary)}.ui-profile-card:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,var(--ui-cover-wash-start) 0%,var(--ui-cover-wash-mid) 48%,var(--ui-cover-wash-end) 86%);pointer-events:none}.ui-profile-card:after{content:"";position:absolute;left:0;right:0;bottom:0;z-index:1;height:1.875rem;background:linear-gradient(180deg,var(--ui-cover-ground-clear),var(--ui-ground));pointer-events:none}.ui-profile-cover-glyph{position:absolute;right:3%;top:50%;transform:translateY(-50%);font:700 9.375rem/1 var(--ui-glyph-font);color:var(--cover-ink);opacity:.24;filter:blur(.0625rem)}.ui-profile-identity{position:relative;z-index:2;display:flex;align-items:center;gap:.75rem;padding:3.5rem 1rem 1rem}.ui-profile-avatar{position:relative;width:4.75rem;height:4.75rem;flex:none;margin:.625rem}.ui-profile-card .arena-avatar{--avatar-size: 4.75rem !important;--avatar-frame: var(--ui-avatar-ring);filter:none;box-shadow:0 0 0 .1875rem var(--ui-surface),0 0 0 .3125rem var(--ui-avatar-ring)}.ui-profile-card .avatar-frame-jade{--avatar-frame: var(--ui-success);box-shadow:0 0 0 .1875rem var(--ui-surface),0 0 0 .375rem var(--ui-success),0 0 0 .5rem var(--ui-surface),0 0 0 .5625rem var(--ui-jade-ring)}.ui-profile-card .avatar-frame-gold{--avatar-frame: var(--ui-gold);box-shadow:0 0 0 .1875rem var(--ui-surface),0 0 0 .4375rem var(--ui-gold),0 0 0 .5625rem var(--ui-surface),0 0 0 .625rem var(--ui-gold-ring)}.ui-profile-card .avatar-frame-royal{--avatar-frame: var(--ui-primary);box-shadow:0 0 0 .1875rem var(--ui-surface),0 0 0 .4375rem var(--ui-primary),0 0 0 .5625rem var(--ui-gold)}.ui-profile-ornaments>span{position:absolute;width:.625rem;height:.625rem;transform:rotate(45deg);background:var(--ui-gold);box-shadow:0 0 0 .125rem var(--ui-surface)}.ui-profile-ornament-top{left:50%;top:-.5625rem;margin-left:-.3125rem}.ui-profile-ornament-bottom{left:50%;bottom:-.5625rem;margin-left:-.3125rem}.ui-profile-ornament-left{top:50%;left:-.5625rem;margin-top:-.3125rem}.ui-profile-ornament-right{top:50%;right:-.5625rem;margin-top:-.3125rem}.ui-profile-seal{position:absolute;right:-.375rem;bottom:-.25rem;width:1.5rem;height:1.5rem;border-radius:.1875rem;background:var(--ui-primary);color:var(--ui-on-primary);font:700 .9375rem/1 var(--ui-glyph-font);display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 .125rem var(--ui-surface)}.ui-profile-copy{flex:1;min-width:0;display:flex;flex-direction:column;gap:.375rem}.ui-profile-name{font-size:1.375rem;font-weight:700;line-height:1.2;white-space:normal;overflow-wrap:anywhere}.ui-profile-badges{display:flex;align-items:center;gap:.375rem;min-width:0;flex-wrap:wrap}.ui-profile-title,.ui-profile-tier{min-height:1.625rem;padding:0 .5rem;border-radius:.25rem;font-size:.8125rem;font-weight:700;display:flex;align-items:center;overflow-wrap:anywhere}.ui-profile-title{--title-ink: var(--ui-success);border:.0625rem solid var(--title-ink);background:var(--ui-title-ground);color:var(--title-ink)}.ui-title-young{--title-ink: var(--ui-secondary)}.ui-title-monthKing{--title-ink: var(--ui-warning)}.ui-title-scholar{--title-ink: var(--ui-gold)}.ui-title-swift{--title-ink: var(--ui-title-swift)}.ui-title-guild{--title-ink: var(--ui-tier-silver)}.ui-profile-tier{background:var(--ui-tier-bronze);color:var(--ui-on-selected)}.ui-tier-gold{background:var(--ui-gold)}.ui-tier-silver{background:var(--ui-tier-silver)}.ui-tier-jade{background:var(--ui-success)}.ui-tier-master{background:var(--ui-warning)}.ui-tier-legend{background:var(--ui-tier-legend)}.ui-profile-sub{font-size:.875rem;color:var(--ui-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ui-profile-small{min-height:6.25rem}.ui-profile-small .ui-profile-identity{padding:.75rem 1rem 1rem}.ui-profile-small .ui-profile-avatar{width:3.5rem;height:3.5rem;margin:.5rem}.ui-profile-small .arena-avatar{--avatar-size: 3.5rem !important}.ui-profile-small .ui-profile-cover-glyph{font-size:6rem}.ui-profile-small .ui-profile-name{font-size:1.1875rem}.ui-empty-state{display:flex;flex-direction:column;align-items:center;gap:.875rem;padding:2rem 1rem;text-align:center;color:var(--ui-secondary)}.ui-empty-state h2{margin:0;color:var(--ui-ink);font-size:1.25rem}.ui-empty-copy{font-size:1rem;line-height:1.5}.ui-empty-copy p{margin:0}.ui-empty-icon .ui-icon{width:3rem;height:3rem}.ui-font-setting{display:flex;flex-direction:column;gap:.625rem;min-width:0}.ui-font-setting-label{font-size:1rem;font-weight:600}.ui-font-preview{padding:.625rem .75rem;border-radius:.5rem;background:var(--ui-input);border:.09375rem solid var(--ui-divider-strong);display:flex;flex-direction:column;gap:.125rem}.ui-font-preview>span{font-size:.875rem;color:var(--ui-tertiary)}.ui-font-preview>strong{font-size:1rem;line-height:1.35;font-weight:600;color:var(--ui-ink)}:is(.ui-screen,.ui-sheet,.ui-tab-bar,.ui-toast) :focus-visible{outline:.125rem solid var(--ui-focus);outline-offset:.125rem}@media(prefers-reduced-motion:reduce){.ui-switch-track,.ui-switch-knob{transition:none}}.ui-help-tip{display:inline-flex;flex:none;vertical-align:middle}.ui-row-with-help{display:flex;align-items:center;min-width:0;gap:.25rem}.ui-row-with-help>:is(.ui-list-row,.ui-switch-row){flex:1;min-width:0}.ui-help-trigger{width:44px;height:44px;min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:0;border:0;background:transparent;color:var(--ui-ink-secondary,#5e4b36);cursor:pointer;font:inherit}.ui-help-trigger>span{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:2px solid currentColor;border-radius:50%;font:700 16px/1 var(--ui-font)}.ui-help-trigger[aria-expanded=true]>span{background:var(--ui-ink-secondary,#5e4b36);color:var(--ui-surface);border-color:var(--ui-ink-secondary,#5e4b36)}.ui-help-trigger:focus-visible,.ui-help-popover :focus-visible{outline:2px solid var(--ui-focus);outline-offset:2px}.help-heading,.copy-help-heading{display:flex;align-items:center;gap:.25rem;flex-wrap:wrap;min-width:0}:is(.help-heading,.copy-help-heading)>:is(h1,h2,h3){margin:0}.ui-help-body{margin:0 0 1rem;line-height:1.55;font-size:1rem;font-weight:400}.ui-help-body p{margin:0 0 .75rem}.ui-help-body p:last-child{margin-bottom:0}ul.ui-help-body{padding-left:1.3rem}.ui-help-body li{margin:.65rem 0}.ui-help-sheet .ui-help-body{color:var(--ui-ink)}.ui-help-popover{position:fixed;z-index:1100;width:min(400px,calc(100vw - 24px));padding:.5rem 1.25rem 1.125rem;border:1px solid var(--ui-divider);border-radius:14px;background:var(--ui-surface);color:var(--ui-ink);box-shadow:0 14px 36px #2e1e0c40;font:1rem/1.45 var(--ui-font)}.ui-help-popover:before{content:"";position:absolute;left:calc(var(--help-arrow-left) - 8px);top:-9px;width:16px;height:16px;transform:rotate(45deg);background:var(--ui-surface);border-top:1px solid var(--ui-divider);border-left:1px solid var(--ui-divider)}.ui-help-popover[data-above]:before{top:auto;bottom:-9px;transform:rotate(225deg)}.ui-help-popover>header{display:flex;align-items:center;gap:.5rem;margin:0 0 .25rem}.ui-help-popover h2{margin:0;flex:1;min-width:0;font-size:1.1875rem;overflow-wrap:anywhere}.ui-help-popover .ui-icon-button{flex:none;font-size:1.75rem}.ui-help-popover .ui-help-body{margin-bottom:0;max-height:var(--help-body-height);overflow-y:auto}.display-name-label{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem}.display-name-label label{font-size:1rem;font-weight:600}.display-name-label>span{font-size:.875rem;color:var(--ui-tertiary);font-variant-numeric:tabular-nums}.display-name-field .ui-field-control input{font-size:1.125rem}.display-name-field .display-name-available{border-color:var(--ui-success)}.display-name-field .display-name-check{min-height:1.625rem;display:flex;align-items:flex-start;gap:.375rem;font-size:.9375rem;font-weight:600;line-height:1.4}.display-name-check .ui-icon{width:1.25rem;height:1.25rem;flex:none;margin-top:.125rem}.display-name-field .is-available{color:var(--ui-success)}.display-name-field .is-unavailable{color:var(--ui-danger)}.account-auth-sheet .ui-sheet-content{padding:1.25rem}.account-auth-form,.account-display-name-form{display:flex;flex-direction:column;gap:1.125rem;min-width:0}.account-auth-form>p,.account-display-name-form>p{margin:0;font-size:1rem;line-height:1.45;color:var(--ui-secondary)}.account-auth-form .ui-field-control{min-height:3.5rem}.account-auth-form .ui-field-control input{font-size:1.125rem}.account-auth-form .ui-checkbox{align-items:flex-start;gap:.75rem;font-size:1rem;line-height:1.55}.account-auth-form .ui-checkbox input{width:1.75rem;height:1.75rem;margin-top:.125rem}.account-auth-form .ui-checkbox a{font-weight:700;text-underline-offset:.1875rem;color:var(--ui-ink)}.account-auth-form .ui-button-full{min-height:3.625rem;font-size:1.1875rem}.account-auth-form .account-auth-error,.account-display-name-form .account-auth-error{color:var(--ui-danger)}.account-name-settings{display:flex;flex-direction:column;gap:.625rem}.account-name-settings h2{margin:0;font-size:1.125rem;line-height:1.3}.account-name-settings .ui-card>.ui-list-row+.ui-list-row{border-top:1px solid var(--ui-divider)}.account-name-settings .account-name-current{font-size:1rem;color:var(--ui-secondary);max-width:12rem;overflow-wrap:anywhere}.account-name-notice{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:.75rem;padding:1rem 3.5rem 1rem 1rem;border:1px solid var(--ui-border);border-radius:.75rem;background:var(--ui-surface)}.account-name-notice>p{margin:0;font-size:1rem;line-height:1.5;color:var(--ui-secondary)}.account-name-notice>.ui-icon-button{position:absolute;right:.25rem;top:.25rem}.account-name-notice>.ui-button{min-height:2.75rem;font-size:1rem}.account-display-name-sheet .ui-sheet-content{padding:1rem 1.25rem 1.5rem}.account-display-name-sheet .ui-sheet-header h2{font-size:1.375rem}.account-display-name-form .account-name-title{font-size:1.625rem;line-height:1.25;color:var(--ui-ink);font-weight:700}@media(min-width:1024px){.account-auth-sheet .ui-sheet-content{padding:1.5rem 1.75rem 1.75rem}.account-display-name-sheet .ui-sheet-content{padding:1.25rem 1.75rem 1.75rem}}.ui-sheet .recovery-code-list{min-width:0;overflow:visible;background:var(--ui-input);border:1px solid var(--ui-border);padding:.75rem;gap:.625rem}.ui-sheet .recovery-code-list code{min-width:0;max-width:100%;white-space:normal;overflow-wrap:anywhere;font-size:.875rem;line-height:1.5;color:var(--ui-ink)}.sound-settings{padding:1.25rem;margin-top:1.25rem}.sound-settings p{color:var(--ui-secondary);font-size:.875rem;line-height:1.6;margin:.875rem 0}.sound-volume{display:grid;grid-template-columns:1fr auto;gap:.625rem;margin:1.125rem 0;font-size:1rem;line-height:1.4;color:var(--ui-ink)}.sound-volume input{grid-column:1 / -1;width:100%;min-height:2.75rem;accent-color:var(--ui-gold)}.style-motif-art{object-fit:contain;object-position:center;pointer-events:none;-webkit-user-select:none;user-select:none;vertical-align:middle}.room-style:is([data-web-style=dragon],[data-web-style=tiger]){position:relative;isolation:isolate}.room-style:is([data-web-style=dragon],[data-web-style=tiger]):before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-repeat:no-repeat;background-position:right -6.25rem top 4vh;background-size:min(55vw,40.625rem);opacity:.19;border-radius:inherit}.room-style[data-web-style=dragon]:before{background-image:url(/style-art/dragon-v2-768.webp)}.room-style[data-web-style=tiger]:before{background-image:url(/style-art/tiger-v2-768.webp)}.style-preview:is([data-preview-style=dragon],[data-preview-style=tiger]){background:radial-gradient(ellipse at 75% 25%,color-mix(in srgb,var(--style-accent) 16%,var(--style-surface)),var(--style-surface) 72%)}.style-preview:is([data-preview-style=dragon],[data-preview-style=tiger])>.style-motif-art{width:67%;height:94%;right:-3%;top:0;opacity:.88;filter:drop-shadow(0 7px 12px #0004)}.style-preview:is([data-preview-style=dragon],[data-preview-style=tiger]):after{content:"";position:absolute;inset:9px;border:1px solid color-mix(in srgb,var(--style-accent) 60%,transparent);outline:1px solid color-mix(in srgb,var(--style-accent) 20%,transparent);outline-offset:3px;border-radius:4px;pointer-events:none;z-index:2}.preview-collection:is([data-preview-style=dragon],[data-preview-style=tiger]) .style-preview-grid{opacity:.27}.preview-theme:is([data-preview-style=dragon],[data-preview-style=tiger]) .web-style-mini{left:18px;right:42%;z-index:1}.preview-theme:is([data-preview-style=dragon],[data-preview-style=tiger])>.style-motif-art{width:62%;right:-3%;opacity:.95}.style-preview:is([data-preview-style=dragon],[data-preview-style=tiger]) .style-preview-name{padding:4px 6px;background:color-mix(in srgb,var(--style-surface) 94%,transparent);width:fit-content;max-width:calc(100% - 30px);border-radius:3px}.style-preview:is(.preview-collection,.preview-piece,.preview-board) .style-preview-piece{left:8%;top:42px;width:68px;height:68px;font-size:42px;border-width:2px;color:#922b27;background:radial-gradient(ellipse at 30% 18%,#fff8e8 0%,color-mix(in srgb,var(--style-paper) 45%,#f4e7ce) 70%,var(--style-paper));box-shadow:inset 0 1px 1px #fff9,inset 0 -2px 4px #69523825,0 3px color-mix(in srgb,var(--style-accent) 58%,#72543a),0 8px 12px #0003;z-index:2}.style-preview:is(.preview-collection,.preview-piece,.preview-board) .style-preview-piece.black{left:21%;top:108px;width:62px;height:62px;font-size:37px;color:#1e3038}.style-preview:is(.preview-collection,.preview-piece,.preview-board) .style-preview-piece:before{content:"";position:absolute;inset:5px;border:1px dashed color-mix(in srgb,var(--style-accent) 44%,transparent);border-radius:50%;pointer-events:none}.style-preview:is([data-preview-style=dragon],[data-preview-style=tiger])>.style-motif-art{z-index:1;right:0;width:65%;height:98%;opacity:.93;filter:drop-shadow(0 4px 6px #0003)}.style-preview:is(.preview-collection,.preview-piece,.preview-board) .style-preview-grid{opacity:.13;z-index:0}.style-preview .style-preview-name{z-index:3}.player-showcase:is([data-showcase-theme=dragon],[data-showcase-theme=tiger]) .showcase-banner{background:radial-gradient(ellipse at right,color-mix(in srgb,var(--style-accent) 16%,var(--style-surface)),var(--style-surface) 68%)}.player-showcase:is([data-showcase-theme=dragon],[data-showcase-theme=tiger]) .showcase-banner>.style-motif-art{right:-18px;top:-43px;width:400px;height:340px;opacity:.72;z-index:0;filter:drop-shadow(0 8px 18px #0004)}.player-showcase:is([data-showcase-theme=dragon],[data-showcase-theme=tiger]) .showcase-banner:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--style-surface) 15%,color-mix(in srgb,var(--style-surface) 96%,transparent) 43%,transparent 86%);pointer-events:none;z-index:1}.player-showcase:is([data-showcase-theme=dragon],[data-showcase-theme=tiger]) .showcase-banner:after{content:"";position:absolute;inset:9px;border:1px solid color-mix(in srgb,var(--style-accent) 48%,transparent);border-radius:4px;pointer-events:none;z-index:3}.player-showcase:is([data-showcase-theme=dragon],[data-showcase-theme=tiger]) :is(.showcase-identity,.showcase-theme-name){z-index:2}.in-room .room-content.room-style:is([data-web-style=dragon],[data-web-style=tiger]) .room-arena{position:relative}.in-room .room-content.room-style:is([data-web-style=dragon],[data-web-style=tiger]) .room-arena:after{content:"";position:absolute;inset:0;border:1px solid color-mix(in srgb,var(--gold) 30%,transparent);border-radius:.6875rem;pointer-events:none;z-index:1}.in-room .room-content.room-style:is([data-web-style=dragon],[data-web-style=tiger]) .room-arena .player-card{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--gold) 12%,transparent)}.in-room .room-content.room-style:is([data-web-style=dragon],[data-web-style=tiger]) .room-arena .player-active{box-shadow:inset 2px 0 var(--gold),inset 0 0 0 1px color-mix(in srgb,var(--gold) 22%,transparent)}@media(max-width:600px){.room-style:is([data-web-style=dragon],[data-web-style=tiger]):before{background-size:22.5rem;background-position:right -6.25rem top 5vh;opacity:.13}.style-preview:is([data-preview-style=dragon],[data-preview-style=tiger])>.style-motif-art{width:70%;right:-7%}.collection-grid .style-preview .style-preview-piece{left:8%;top:36px;width:64px;height:64px;font-size:39px}.collection-grid .style-preview .style-preview-piece.black{left:19%;top:105px;width:58px;height:58px;font-size:35px}.shop-grid:not(.collection-grid) .style-preview:is(.preview-piece,.preview-board) .style-preview-piece{left:8%;top:34px;width:51px;height:51px;font-size:31px}.shop-grid:not(.collection-grid) .style-preview:is(.preview-piece,.preview-board) .style-preview-piece.black{left:23%;top:82px;width:47px;height:47px;font-size:28px}.preview-theme:is([data-preview-style=dragon],[data-preview-style=tiger]) .web-style-mini{left:12px;right:42%}.player-showcase:is([data-showcase-theme=dragon],[data-showcase-theme=tiger]) .showcase-banner>.style-motif-art{width:290px;height:290px;right:-70px;top:-24px;opacity:.4}.player-showcase:is([data-showcase-theme=dragon],[data-showcase-theme=tiger]) .showcase-banner:before{background:linear-gradient(90deg,var(--style-surface),color-mix(in srgb,var(--style-surface) 92%,transparent) 40%,color-mix(in srgb,var(--style-surface) 55%,transparent))}}.player-progress-area{margin:0;min-width:0}.quest-ready-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);margin-left:5px}.showcase-page-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:16px 0}.showcase-page-actions>p{font-size:.875rem;color:var(--muted);max-width:560px}.showcase-page-actions>div{display:flex;gap:8px;flex-shrink:0}.player-showcase{overflow:hidden;background:var(--style-surface);color:var(--style-ink);border:1px solid var(--style-edge);border-radius:12px}.showcase-banner{position:relative;padding:36px;min-height:215px;background:linear-gradient(115deg,var(--style-surface),color-mix(in srgb,var(--style-accent) 22%,var(--style-surface)));overflow:hidden;border-bottom:1px solid var(--style-edge)}.showcase-banner>.style-motif{position:absolute;right:35px;top:0;width:250px;height:250px;opacity:.25;color:var(--style-accent);pointer-events:none}.showcase-theme-name{position:absolute;right:20px;top:17px;font-size:.875rem;letter-spacing:1.8px;color:var(--style-muted)}.showcase-identity{position:relative;display:flex;align-items:center;gap:25px;max-width:85%}.showcase-identity :is(h1,h2){font-size:2.125rem;margin:8px 0;overflow-wrap:anywhere}.showcase-identity .eyebrow{color:var(--style-accent)}.showcase-identity p{font-size:.875rem;max-width:450px;overflow-wrap:anywhere;white-space:pre-line}.showcase-title{display:inline-block;font-size:.875rem;border:1px solid var(--style-accent);border-radius:4px;padding:5px 9px;margin-bottom:10px;color:var(--style-accent)}.showcase-stat-row{display:grid;grid-template-columns:repeat(4,1fr);padding:22px 30px;gap:15px;border-bottom:1px solid var(--style-edge)}.showcase-stat-row>div{display:flex;align-items:baseline;gap:10px}.showcase-stat-row strong{font-size:1.6875rem;color:var(--style-accent)}.showcase-stat-row span{font-size:.875rem;color:var(--style-muted)}.showcase-columns{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding:26px 30px}.showcase-columns h2{font-size:1rem;display:flex;align-items:center;gap:9px;margin-bottom:18px}.showcase-badges,.showcase-items{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.showcase-badges article,.showcase-items article{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;padding:16px 10px;border:1px solid var(--style-edge);border-radius:7px;background:color-mix(in srgb,var(--style-surface) 94%,var(--style-accent))}.showcase-badges svg,.showcase-items svg{color:var(--style-accent)}.showcase-badges strong,.showcase-items strong{font-size:.875rem}.showcase-badges small{font-size:.875rem;color:var(--style-muted)}.showcase-items .style-motif{width:50px;height:50px}.showcase-badges>p,.showcase-items>p{font-size:.875rem;color:var(--style-muted);grid-column:1/-1}.showcase-editor{margin-top:20px;display:grid;gap:16px}.showcase-editor label{display:grid;gap:9px;font-size:.875rem}.showcase-editor textarea,.showcase-editor select{background:var(--panel-light);border:1px solid var(--line);border-radius:5px;padding:13px;color:inherit;font:inherit;font-size:1rem;max-width:100%}.showcase-editor textarea{resize:vertical;min-height:90px}.showcase-visibility{display:flex!important;align-items:center}.showcase-editor>.button{justify-self:start}.showcase-options{display:flex;flex-wrap:wrap;gap:8px;max-height:250px;overflow:auto}.showcase-options button{border:1px solid var(--line);background:transparent;border-radius:5px;color:var(--muted);padding:12px;font-size:.875rem;min-height:44px}.showcase-options button.selected{border-color:var(--gold);color:var(--gold);background:color-mix(in srgb,var(--gold) 9%,transparent)}.quest-period-tabs{display:flex;gap:8px;margin-bottom:18px}.quest-period-tabs button{min-height:44px;padding:0 18px;border:1px solid var(--line);border-radius:6px;background:transparent;color:var(--muted);font:inherit;font-size:.875rem}.quest-period-tabs button[aria-selected=true]{color:var(--gold);border-color:var(--gold);background:color-mix(in srgb,var(--gold) 8%,transparent)}.quest-period-tabs button:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.quest-period-panel{max-width:900px}.quest-row{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:22px 0;border-bottom:1px solid var(--line)}.quest-row:last-child{border:0}.quest-row>div:first-child{min-width:0;flex:1}.quest-row p{font-size:.875rem;color:var(--muted);margin:7px 0}.quest-row small,.achievement-card small{display:block;font-size:.875rem;color:var(--muted);margin-top:5px}progress{width:100%;height:5px;accent-color:var(--gold);border:none;border-radius:5px;overflow:hidden}progress::-webkit-progress-bar{background:var(--line)}progress::-webkit-progress-value{background:var(--gold)}.quest-reward{display:flex;flex-direction:column;align-items:flex-end;gap:13px;flex-shrink:0}.quest-reward strong{font-size:.875rem;color:var(--gold)}.quest-reward .button{font-size:.875rem;min-height:44px;padding:0 12px}.achievement-summary{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.achievement-summary p{font-size:.875rem;color:var(--muted)}.achievement-summary strong{color:var(--gold)}.achievement-summary .button{flex-shrink:0}.achievement-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.achievement-card{display:flex;gap:17px;align-items:flex-start}.achievement-card>svg{color:var(--gold);flex-shrink:0}.achievement-card.locked>svg{color:var(--muted);opacity:.55}.achievement-card p{color:var(--muted);font-size:.875rem;margin:8px 0}.achievement-card h2{font-size:.875rem}@media(max-width:900px){.achievement-grid{grid-template-columns:repeat(2,1fr)}.showcase-columns{grid-template-columns:1fr}.showcase-stat-row>div{flex-direction:column;gap:2px}.showcase-banner{padding:24px}.showcase-identity{max-width:100%;gap:18px}.showcase-identity :is(h1,h2){font-size:1.6875rem}}@media(max-width:600px){.showcase-page-actions{flex-direction:column;align-items:stretch}.showcase-page-actions>div{flex-wrap:wrap}.showcase-page-actions .button{flex:1;font-size:.875rem}.showcase-banner{padding:42px 18px 22px;min-height:220px}.showcase-identity{align-items:flex-start;gap:12px}.showcase-identity .arena-avatar{width:4.5rem!important;height:4.5rem!important}.showcase-identity :is(h1,h2){font-size:1.4375rem}.showcase-identity p{font-size:.875rem}.showcase-banner>.style-motif{right:-40px;opacity:.12}.showcase-stat-row{padding:18px;gap:8px}.showcase-stat-row strong{font-size:1.375rem}.showcase-stat-row span{font-size:.875rem}.showcase-columns{padding:22px 18px;gap:24px}.showcase-badges,.showcase-items{grid-template-columns:repeat(2,1fr)}.achievement-summary{align-items:stretch;flex-direction:column}.achievement-summary .button{align-self:flex-start}.achievement-grid{grid-template-columns:1fr}.quest-row{gap:10px}.quest-row h3{font-size:.875rem}.quest-reward .button{padding:0 10px;min-width:100px}.showcase-editor{padding:17px}}.showcase-page-actions{flex-direction:column;align-items:stretch}.showcase-page-actions>p{font-size:.875rem;line-height:1.6;color:var(--ui-secondary)}.showcase-page-actions>div{flex-wrap:wrap}.showcase-page-actions .button{flex:1;min-height:2.75rem;font-size:1rem}.player-showcase{background:var(--ui-surface);color:var(--ui-ink);border-color:var(--ui-border)}.showcase-banner{color:var(--style-ink)}.showcase-identity>div{min-width:0;flex:1}.showcase-identity .arena-avatar{--avatar-size:4.5rem!important;width:var(--avatar-size)!important;height:var(--avatar-size)!important}.showcase-identity .eyebrow{font-size:.875rem;line-height:1.4;letter-spacing:0}.showcase-identity p{font-size:.875rem;line-height:1.6}.showcase-theme-name{font-size:.875rem;letter-spacing:0}.showcase-stat-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.125rem;padding:1.125rem;border-color:var(--ui-divider)}.showcase-stat-row>div{flex-direction:column;gap:.25rem;min-width:0}.showcase-stat-row strong{font-size:1.375rem;color:var(--ui-gold)}.showcase-stat-row span{font-size:.875rem;line-height:1.4;color:var(--ui-secondary)}.showcase-columns{grid-template-columns:1fr;gap:1.5rem;padding:1.375rem 1.125rem}.showcase-columns h2{font-size:1.125rem;color:var(--ui-ink)}.showcase-badges,.showcase-items{grid-template-columns:repeat(2,minmax(0,1fr))}.showcase-badges article,.showcase-items article{background:var(--ui-input);border-color:var(--ui-border);min-width:0}.showcase-badges svg,.showcase-items svg{color:var(--ui-gold)}.showcase-badges strong,.showcase-items strong{font-size:1rem;color:var(--ui-ink)}.showcase-badges small,.showcase-badges>p,.showcase-items>p{font-size:.875rem;line-height:1.6;color:var(--ui-secondary)}.showcase-editor label{font-size:1rem}.showcase-editor textarea,.showcase-editor select{min-width:0;background:var(--ui-input);color:var(--ui-ink);border:.09375rem solid var(--ui-input-border)}.showcase-options button{font-size:.875rem;min-height:2.75rem;color:var(--ui-secondary);background:var(--ui-input);border-color:var(--ui-border)}.showcase-options button.selected{color:var(--ui-gold);border-color:var(--ui-gold);background:var(--ui-ground)}.quest-period-tabs button{flex:1;min-height:2.75rem;font-size:1rem;color:var(--ui-secondary);background:var(--ui-surface);border-color:var(--ui-border)}.quest-period-tabs button[aria-selected=true]{color:var(--ui-on-selected);background:var(--ui-selected);border-color:var(--ui-selected)}.quest-period-panel{max-width:100%;padding:1.125rem}.quest-period-panel>.section-heading{flex-wrap:wrap;gap:.5rem}.quest-period-panel>.form-note{font-size:.875rem;line-height:1.6}.quest-row{flex-direction:column;align-items:stretch;gap:.875rem;padding:1.25rem 0;border-color:var(--ui-divider)}.quest-row h3{font-size:1.0625rem;line-height:1.4}.quest-row p,.achievement-card p{font-size:.875rem;line-height:1.6;color:var(--ui-secondary)}.quest-row small,.achievement-card small{font-size:.875rem;line-height:1.4;color:var(--ui-secondary)}.player-progress-area progress{height:.5rem;accent-color:var(--ui-gold)}.quest-reward{flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem;min-width:0}.quest-reward strong{font-size:1rem;color:var(--ui-gold)}.quest-reward .button{font-size:1rem;min-height:2.75rem;padding:.5rem .75rem;max-width:100%}.achievement-summary{flex-direction:column;align-items:stretch}.achievement-summary .button{align-self:flex-start}.achievement-summary p{font-size:.875rem;line-height:1.6;color:var(--ui-secondary)}.achievement-grid{grid-template-columns:1fr}.achievement-card{padding:1.125rem;gap:1rem}.achievement-card>div{min-width:0;flex:1}.achievement-card h2{font-size:1.0625rem;line-height:1.4}.achievement-card.locked>svg{opacity:1;color:var(--ui-secondary)}@media(max-width:359px){.showcase-identity{flex-wrap:wrap}.showcase-identity>div{flex-basis:100%}.showcase-badges,.showcase-items{grid-template-columns:1fr}}.showcase-private-notice{display:flex;align-items:center;flex-wrap:wrap;gap:.75rem}.showcase-private-notice>.text-button{min-height:2.75rem}@media(min-width:1024px){.app-shell>.shell-content:has(>.account-layout),.app-shell>.shell-content:has(>.shop-page){max-width:min(73.75rem,1180px)}.app-shell>.shell-content:has(>.public-showcase-page){max-width:560px}.app-shell .shell-content .account-layout{display:grid;grid-template-columns:min(10.5rem,210px) minmax(0,1fr);align-items:start;gap:1.5rem;margin:0}.shell-content .account-layout .account-sidebar{position:static;margin:0;padding:0}.shell-content .account-layout .account-menu-caption{display:block;margin:.5rem .75rem .875rem;color:var(--ui-secondary);letter-spacing:0}.shell-content .account-layout .account-navigation{grid-template-columns:1fr;gap:.375rem}.shell-content .account-layout .account-navigation-link{flex-direction:row;justify-content:flex-start;gap:.625rem;min-height:2.75rem;padding:.75rem;text-align:left;font-size:1rem;line-height:1.4;color:var(--ui-secondary);border-radius:var(--ui-radius);overflow-wrap:anywhere}.shell-content .account-layout .account-navigation-link.active{color:var(--ui-ink);background:var(--ui-tab-active);border-color:var(--ui-border);font-weight:700}.shell-content .account-layout .account-navigation-link:hover{color:var(--ui-ink);background:var(--ui-surface);border-color:var(--ui-input-border)}.shell-content .account-layout .account-page-heading{gap:1rem;margin-bottom:1.25rem}.shell-content .account-layout .account-page-heading h1{font-size:1.75rem;line-height:1.3;letter-spacing:0}.shell-content .account-layout .account-page-heading p{max-width:none;margin-top:.375rem}.shell-content .account-layout .account-overview{gap:1.125rem}.shell-content .account-layout .account-overview-identity{padding:1.25rem;gap:1.125rem;flex-wrap:wrap}.shell-content .account-layout .account-overview-identity>div{flex:1 1 12rem}.shell-content .account-layout .account-overview-identity>.account-overview-settings{margin:0;flex:0 1 auto}.shell-content .account-layout .account-overview-identity h2{font-size:1.5rem;line-height:1.35;letter-spacing:0}.shell-content .account-layout .account-overview-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:0;background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:var(--ui-radius);padding:1rem 0}.shell-content .account-layout .account-overview-stats>div{padding:0 1rem;border-right:1px solid var(--ui-divider)}.shell-content .account-layout .account-overview-stats>div:last-child{border-right:0}.shell-content .account-layout .account-overview-stats dd{font-size:1.5rem;line-height:1.3;color:var(--ui-gold);overflow-wrap:anywhere}.shell-content .account-layout .account-destinations{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.shell-content .account-layout .account-destination{padding:1.125rem;align-items:flex-start;gap:.75rem;box-shadow:var(--ui-shadow-card)}.shell-content .account-layout .account-destination:hover{background:var(--ui-input);border-color:var(--ui-input-border)}.shell-content .account-layout .account-destination strong{line-height:1.4}.shell-content .account-layout .account-settings-navigation{margin-bottom:1.25rem;padding-bottom:.75rem;gap:.5rem}.shell-content .account-layout .account-settings-navigation a{font-size:1rem;padding:.625rem .875rem;line-height:1.4}.shell-content .account-layout .account-settings-navigation a.active{background:var(--ui-selected);color:var(--ui-on-selected);border-color:var(--ui-selected)}.shell-content .account-layout .account-settings-body{gap:1.125rem}.shell-content .account-layout .profile-card{padding:1.25rem;gap:1rem}.shell-content .account-layout .profile-summary p{max-width:none}.shell-content .account-layout .profile-actions{flex-direction:row;flex-wrap:wrap;gap:.75rem}.shell-content .account-layout .profile-actions>.button{flex:1 1 12rem}.shell-content .account-layout .recovery-codes-panel{padding:1.25rem}.shell-content .account-layout .recovery-codes-panel p{font-size:.875rem;line-height:1.6}.shell-content .account-layout .avatar-collection{padding:1.25rem}.shell-content .account-layout .avatar-collection-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,10rem),1fr));gap:1rem}.shell-content .account-layout .avatar-option{padding:1rem .75rem}.shell-content .account-layout .avatar-option h3{font-size:1rem;line-height:1.4}.shell-content .account-layout .avatar-option p{min-height:0}.shell-content .account-layout .avatar-option>.button{margin-top:auto}.shell-content .account-layout .account-settings-tip{flex-wrap:wrap;gap:.875rem;padding:1rem 1.125rem}.shell-content .account-layout .account-settings-tip p{flex:1 1 15rem}.shell-content .account-layout .sound-settings{width:100%;max-width:none;padding:1.25rem}.shell-content .account-layout :is(.button,.text-button),.shell-content .shop-page :is(.button,.text-button),.shell-content .public-showcase-page .button{max-width:100%;white-space:normal;overflow-wrap:anywhere;padding:.625rem .875rem;min-height:2.75rem;line-height:1.4}.shell-content :is(.account-layout,.public-showcase-page) .showcase-page-actions{margin:0 0 1rem;gap:.75rem}.shell-content :is(.account-layout,.public-showcase-page) .showcase-page-actions>div{display:flex;gap:.75rem;flex-wrap:wrap}.shell-content :is(.account-layout,.public-showcase-page) .showcase-page-actions .button{flex:0 1 auto}.shell-content :is(.account-layout,.public-showcase-page) .showcase-banner{padding:2.75rem 1.5rem 1.5rem;min-height:0}.shell-content :is(.account-layout,.public-showcase-page) .player-showcase[data-showcase-theme=classic] .showcase-banner{background:var(--ui-cover-default);color:var(--ui-ink);border-color:var(--ui-border)}.shell-content :is(.account-layout,.public-showcase-page) .player-showcase[data-showcase-theme=classic] :is(.showcase-theme-name,.showcase-identity p){color:var(--ui-secondary)}.shell-content :is(.account-layout,.public-showcase-page) .player-showcase[data-showcase-theme=classic] :is(.showcase-identity .eyebrow,.showcase-title,.showcase-banner>.style-motif){color:var(--ui-gold)}.shell-content :is(.account-layout,.public-showcase-page) .showcase-theme-name{top:.75rem;right:1rem;left:1rem;text-align:right;overflow-wrap:anywhere}.shell-content :is(.account-layout,.public-showcase-page) .showcase-identity{max-width:100%;gap:1.125rem}.shell-content :is(.account-layout,.public-showcase-page) .showcase-identity :is(h1,h2){font-size:1.75rem;line-height:1.35;letter-spacing:0}.shell-content :is(.account-layout,.public-showcase-page) .showcase-identity p{max-width:none}.shell-content :is(.account-layout,.public-showcase-page) .showcase-stat-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;padding:1.25rem 1.5rem}.shell-content :is(.account-layout,.public-showcase-page) .showcase-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;padding:1.25rem 1.5rem}.shell-content :is(.account-layout,.public-showcase-page) :is(.showcase-badges,.showcase-items){grid-template-columns:repeat(auto-fit,minmax(min(100%,9rem),1fr));gap:.75rem}.shell-content :is(.account-layout,.public-showcase-page) :is(.showcase-badges,.showcase-items) article{padding:1rem .75rem;gap:.625rem;overflow-wrap:anywhere}.shell-content .public-showcase-page .showcase-stat-row{grid-template-columns:repeat(2,minmax(0,1fr))}.shell-content .public-showcase-page .showcase-columns{grid-template-columns:1fr}.shell-content .account-layout .showcase-options{max-height:none;overflow:visible}.shell-content .account-layout .showcase-editor{gap:1rem;padding:1.25rem}.shell-content .account-layout .quest-period-tabs{max-width:30rem;gap:.375rem;padding:.25rem;background:var(--ui-seg-ground);border-radius:var(--ui-radius)}.shell-content .account-layout .quest-period-tabs button{border-radius:.5625rem;border-color:transparent;padding:.625rem .75rem;white-space:normal}.shell-content .account-layout .quest-row{flex-direction:row;align-items:center;gap:1.25rem}.shell-content .account-layout .quest-reward{flex:0 1 12rem;flex-direction:column;align-items:stretch;gap:.625rem;text-align:center}.shell-content .account-layout .quest-reward .button{width:100%}.shell-content .account-layout .achievement-summary{flex-direction:row;align-items:center;flex-wrap:wrap;gap:.875rem}.shell-content .account-layout .achievement-summary>p{flex:1 1 14rem}.shell-content .account-layout .achievement-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.shell-content .account-layout .achievement-card{padding:1.125rem;gap:.875rem}.shell-content .shop-page{min-width:0}.shell-content .shop-page>.page-title{align-items:flex-start;padding:0 0 1.25rem;gap:1rem}.shell-content .shop-page>.page-title>div:first-child{flex:1 1 24rem}.shell-content .shop-page>.page-title h1{font-size:1.75rem;line-height:1.3;letter-spacing:0}.shell-content .shop-page>.page-title p{font-size:1rem;line-height:1.5;max-width:none}.shell-content .shop-page .eyebrow{letter-spacing:0;font-size:.875rem;line-height:1.5}.shell-content .shop-page .coin-balance{flex-wrap:wrap;gap:.5rem;padding:.875rem 1rem;max-width:100%}.shell-content .shop-page .coin-balance>span{font-size:.875rem;color:var(--ui-secondary)}.shell-content .shop-page .shop-equipped{margin-bottom:1rem;padding:1.125rem}.shell-content .shop-page .shop-equipped p{font-size:.875rem;line-height:1.6}.shell-content .shop-page .equipped-slot-list{grid-template-columns:repeat(5,minmax(0,1fr));gap:.625rem;margin-top:.875rem}.shell-content .shop-page .equipped-slot-list button{padding:.75rem;background:var(--ui-input);border-radius:.625rem}.shell-content .shop-page .equipped-slot-list button:hover{border-color:var(--ui-input-border);background:var(--ui-choice-ground)}.shell-content .shop-page .equipped-slot-list :is(small,strong){font-size:.875rem;line-height:1.5;white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere}.shell-content .shop-page .cosmetic-tabs{gap:.5rem;border:0;margin-bottom:1.25rem;align-items:stretch}.shell-content .shop-page .cosmetic-tabs button{padding:.625rem 1rem;border:1px solid var(--ui-pill-border);border-radius:1.5rem;color:var(--ui-secondary);background:var(--ui-surface);font-size:1rem;font-weight:600;line-height:1.4;white-space:normal}.shell-content .shop-page .cosmetic-tabs button.active{background:var(--ui-selected);color:var(--ui-on-selected);border-color:var(--ui-selected)}.shell-content .shop-page .cosmetic-tabs button.active:after{display:none}.shell-content .shop-page .cosmetic-tabs button:hover{border-color:var(--ui-focus)}.shell-content .shop-page .shop-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));gap:1rem;align-items:stretch}.shell-content .shop-page .skin-card{display:flex;flex-direction:column;padding:0;min-width:0;box-shadow:var(--ui-shadow-card);overflow:visible}.shell-content .shop-page .skin-card>.style-preview{height:11.5rem;flex:none;margin:.625rem .625rem 0;border:0;border-radius:.5rem}.shell-content .shop-page .style-preview-name{font-size:.875rem;letter-spacing:0;line-height:1.4;bottom:.625rem;left:.75rem;right:.75rem;overflow-wrap:anywhere}.shell-content .shop-page .style-preview-grid{width:85%;left:8%}.shell-content .shop-page .style-preview-piece{left:23%;top:2.5rem;width:4.75rem;height:4.75rem;font:700 3rem var(--ui-glyph-font)}.shell-content .shop-page .style-preview-piece.black{left:53%;top:3.5rem;width:4.25rem;height:4.25rem;font-size:2.75rem}.shell-content .shop-page .web-style-mini{inset:2rem 1.5rem 2.5rem}.shell-content .shop-page .mini-bar{font-size:.75rem;line-height:1.4;padding:.625rem;gap:.5rem;flex-wrap:wrap}.shell-content .shop-page .mini-bar span{font-size:.625rem}.shell-content .shop-page .skin-copy{display:flex;flex-direction:column;gap:.625rem;flex:1;padding:1rem;min-width:0}.shell-content .shop-page .skin-copy h2{font-size:1.25rem;line-height:1.4;margin:0;letter-spacing:0}.shell-content .shop-page .skin-copy p{font-size:.875rem;line-height:1.6;min-height:0}.shell-content .shop-page .cosmetic-try-buttons{gap:.5rem;margin:.125rem 0 0}.shell-content .shop-page .cosmetic-try-buttons>.button{flex:1 1 10rem}.shell-content .shop-page .cosmetic-item-try-button{margin:0}.shell-content .shop-page .collection-slots{gap:.5rem;margin:.25rem 0}.shell-content .shop-page .collection-slots button{min-height:2.75rem;padding:.5rem .625rem;font-size:.875rem;border-radius:.5rem;line-height:1.4;white-space:normal}.shell-content .shop-page .collection-slots button:hover{background:var(--ui-input);border-color:var(--ui-input-border)}.shell-content .shop-page .skin-purchase{flex-wrap:wrap;gap:.75rem;margin-top:auto;padding-top:.5rem}.shell-content .shop-page .skin-purchase>span{font-size:1rem;line-height:1.4;flex:1 1 7rem}.shell-content .shop-page .skin-purchase>.button{flex:1 1 9rem;width:auto}.shell-content .shop-page .cosmetic-portrait-preview{min-height:11.5rem;margin:.625rem .625rem 0;border:0;border-radius:.5rem;background:var(--ui-choice-ground)}.shell-content .shop-page .cosmetic-title{font-size:1.25rem;line-height:1.4;max-width:100%;overflow-wrap:anywhere;padding:1rem}.shell-content .shop-page .shop-list-tools{gap:.75rem;margin-bottom:1rem}.shell-content .shop-page .shop-list-tools label{font-size:1rem;flex-wrap:wrap;gap:.625rem}.shell-content .shop-page .shop-list-tools select{min-height:2.75rem;padding:.625rem .75rem;background:var(--ui-input);border-color:var(--ui-input-border);border-radius:.625rem}.shell-content .shop-page .topup-section{padding:1.25rem}.shell-content .shop-page .topup-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr));gap:1rem;margin:1.25rem 0}.shell-content .shop-page .topup-grid article{gap:.625rem;padding:1.25rem;border-radius:var(--ui-radius);background:var(--ui-input)}.shell-content .shop-page .topup-grid strong{font-size:1.5rem;line-height:1.4}.shell-content .shop-page .shop-note{margin-top:1.25rem;padding:1.125rem;gap:.875rem}.shell-content .shop-page .shop-note strong{font-size:1rem;font-weight:600}.shell-content .shop-page .shop-note p{font-size:.875rem;line-height:1.6}.shell-content :is(.account-layout,.shop-page) .button:disabled{opacity:1;background:var(--ui-muted-surface);color:var(--ui-secondary);border-color:var(--ui-border);box-shadow:none}.app-shell>.theme-preview-bar{max-width:560px;flex-wrap:wrap;gap:.75rem;background:var(--ui-surface);color:var(--ui-ink);border-color:var(--ui-gold)}.app-shell>.theme-preview-bar .theme-preview-bar-copy{width:100%}.app-shell>.theme-preview-bar .theme-preview-bar-copy strong{color:var(--ui-ink)}.app-shell>.theme-preview-bar .theme-preview-bar-copy p{color:var(--ui-secondary)}.app-shell>.theme-preview-bar .theme-preview-bar-actions{width:100%;flex-wrap:wrap;gap:.625rem}.app-shell>.theme-preview-bar .theme-preview-bar-actions .button{flex:1 1 9rem;min-width:0;padding:.625rem .75rem;background:var(--ui-input);color:var(--ui-ink);border-color:var(--ui-input-border);line-height:1.4}.ui-sheet.modal:has(>.ui-sheet-content>.cosmetic-preview){height:auto;max-height:90dvh}.ui-sheet.modal:has(>.ui-sheet-content>.cosmetic-preview)>.ui-sheet-content{overflow:auto;display:block;flex:0 1 auto;padding:1rem}.ui-sheet.modal .cosmetic-preview{display:block;flex:none;min-height:auto;overflow:visible;color:var(--ui-ink);background:var(--ui-surface);border-color:var(--ui-border)}.ui-sheet.modal .cosmetic-preview-body{flex:none;min-height:auto;overflow:visible;padding:1rem;gap:1rem;scrollbar-gutter:auto}.ui-sheet .cosmetic-preview-stage{background:var(--preview-surface);padding:.75rem .5rem 1.25rem;border-radius:.625rem}.ui-sheet.modal .cosmetic-preview-stage>.board-shell{max-width:min(430px,calc((90dvh - 11rem)*.85))}.ui-sheet .cosmetic-preview-guide{width:100%;gap:.875rem}.ui-sheet .cosmetic-preview-guide p{color:var(--ui-secondary);font-size:.875rem;line-height:1.6}.ui-sheet .cosmetic-preview-guide>.eyebrow{color:var(--ui-gold);letter-spacing:0}.ui-sheet .cosmetic-preview-guide .cosmetic-preview-free{color:var(--ui-ink)}.ui-sheet .cosmetic-preview-status{background:var(--ui-input);border-color:var(--ui-border)}.ui-sheet .cosmetic-preview-status>strong{color:var(--ui-ink);font-size:1rem;line-height:1.4}.ui-sheet .cosmetic-preview-slots :is(span,strong){color:var(--ui-secondary);font-size:.875rem;line-height:1.5}.ui-sheet .cosmetic-preview-slots li{border-color:var(--ui-divider)}.ui-sheet .cosmetic-preview-controls{grid-template-columns:1fr;padding:.75rem 1rem;gap:.75rem;border-color:var(--ui-divider);background:var(--ui-surface)}.ui-sheet .cosmetic-preview-scene-buttons{flex-wrap:wrap}.ui-sheet .cosmetic-preview-actions{justify-content:flex-end;flex-wrap:wrap}.ui-sheet .cosmetic-preview-controls .button{padding:.625rem .75rem;line-height:1.4;white-space:normal;min-width:0;font-size:.875rem}.ui-sheet .cosmetic-preview .button.secondary{background:var(--ui-input);color:var(--ui-ink);border-color:var(--ui-input-border)}.ui-sheet .cosmetic-preview .button.secondary[aria-pressed=true]{border-color:var(--ui-focus);box-shadow:inset 0 0 0 1px var(--ui-focus)}.ui-sheet .cosmetic-preview .button.gold{background:var(--ui-primary);color:var(--ui-on-primary);border-color:var(--ui-primary)}.ui-sheet .cosmetic-preview .button:disabled{opacity:1;background:var(--ui-muted-surface);color:var(--ui-secondary);border-color:var(--ui-border);box-shadow:none}.ui-sheet:has(.purchase-items) :is(.purchase-items li,.form-note){font-size:.875rem;line-height:1.6}.ui-sheet:has(.purchase-items) .purchase-items li{align-items:flex-start;gap:.5rem}.ui-sheet:has(.purchase-items) .modal-actions{flex-wrap:wrap;gap:.75rem}.ui-sheet:has(.purchase-items) .modal-actions>.button{flex:1 1 10rem;min-height:2.75rem;padding:.625rem .875rem;white-space:normal;line-height:1.4}}@media(max-width:1023px){.shop-page .equipped-slot-list :is(small,strong){white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere}}.account-layout{display:grid;grid-template-columns:204px minmax(0,1fr);gap:30px;align-items:start;max-width:1180px;margin:8px auto 0}.account-sidebar{position:sticky;top:104px;padding:4px 0}.account-menu-caption{display:block;margin:0 12px 15px;color:var(--muted);font-size:.875rem;font-weight:600;letter-spacing:.6px}.account-navigation{display:grid;gap:5px}.account-navigation-link{display:flex;align-items:center;gap:11px;min-height:47px;padding:10px 13px;border:1px solid transparent;border-radius:8px;color:var(--muted);text-decoration:none;font-size:.875rem;line-height:1.4;transition:background .15s,color .15s,border-color .15s}.account-navigation-link:hover{color:var(--gold-light);background:color-mix(in srgb,var(--panel) 70%,transparent)}.account-navigation-link.active{color:var(--gold-light);background:var(--panel);border-color:var(--line)}.account-navigation-link.active>svg{color:var(--gold)}.account-page{min-width:0}.account-page-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin:0 0 25px}.account-page-heading h1{font-size:1.8125rem;line-height:1.3}.account-page-heading p{font-size:.875rem;color:var(--muted);margin-top:7px;max-width:610px}.account-page-heading>svg{color:var(--muted);margin-top:4px}.account-page-body{min-width:0}.account-settings-navigation{display:flex;gap:6px;flex-wrap:wrap;border-bottom:1px solid var(--line);margin:0 0 22px;padding:0 0 11px}.account-settings-navigation a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 15px;color:var(--muted);text-decoration:none;font-size:.875rem;border:1px solid transparent;border-radius:7px;line-height:1.3}.account-settings-navigation a:hover{color:var(--gold-light)}.account-settings-navigation a.active{color:var(--gold-light);background:var(--panel-light);border-color:var(--line)}.account-overview{display:grid;gap:22px}.account-overview-identity{display:flex;align-items:center;gap:22px;padding:26px}.account-overview-identity>div{min-width:0;flex:1}.account-overview-identity h2{font-size:1.5625rem;overflow-wrap:anywhere;margin-bottom:8px}.account-overview-identity .status-tag{font-size:.875rem;white-space:normal;line-height:1.4}.account-overview-identity p{font-size:.875rem;color:var(--muted);margin-top:11px}.account-overview-identity>.account-overview-settings{align-self:center;flex-shrink:0;min-height:44px}.account-overview-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;padding:20px 8px;margin:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.account-overview-stats>div{padding:0 17px;border-right:1px solid var(--line);min-width:0}.account-overview-stats>div:last-child{border-right:0}.account-overview-stats dt{font-size:.875rem;color:var(--muted);margin-bottom:8px;line-height:1.4}.account-overview-stats dd{font-size:1.6875rem;line-height:1.15;font-weight:600;color:var(--gold-light);margin:0;font-variant-numeric:tabular-nums}.account-destinations{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.account-destination{display:flex;align-items:flex-start;gap:15px;padding:22px;text-decoration:none;border:1px solid var(--line);border-radius:10px;background:var(--panel);transition:border-color .15s,background .15s;min-width:0}.account-destination:hover{border-color:var(--gold);background:var(--panel-light)}.account-destination>svg:first-child{color:var(--gold);margin-top:2px}.account-destination>svg:last-child{color:var(--muted);margin-top:4px;margin-left:auto}.account-destination>span{display:grid;gap:8px;min-width:0;flex:1}.account-destination strong{font-size:.9375rem;line-height:1.4;font-weight:600}.account-destination small{font-size:.875rem;color:var(--muted);line-height:1.6}.account-guest-notice{display:flex;justify-content:space-between;align-items:center;gap:20px;border-left:2px solid var(--gold);padding:7px 0 7px 17px}.account-guest-notice p{font-size:.875rem;color:var(--muted)}.account-guest-notice a{min-height:44px;flex-shrink:0}.account-settings-body{display:grid;gap:20px}.account-settings-body .profile-card{margin:0;gap:18px}.account-settings-body .profile-summary{min-width:0}.account-settings-body .profile-summary h2{font-size:1.125rem;margin-bottom:10px}.account-settings-body .profile-summary p{font-size:.875rem;color:var(--muted);max-width:550px}.account-settings-body .profile-actions{flex-shrink:0}.account-settings-body .profile-actions>.button{min-height:44px}.account-settings-body .recovery-codes-panel{margin:0}.account-settings-body>.text-button{justify-self:start;min-height:44px;font-size:.875rem;text-align:left}.account-settings-tip{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 20px;border:1px solid var(--line);border-radius:9px}.account-settings-tip p{font-size:.875rem;color:var(--muted)}.account-settings-tip .button{min-height:44px;flex-shrink:0}.account-page .avatar-collection{margin:0}.account-page .avatar-collection-note{font-size:.875rem;line-height:1.7}.account-page .avatar-option button{min-height:44px}.account-page .sound-settings{max-width:680px;margin:0}.account-page .sound-settings .button{min-height:44px}.account-avatar-page{display:grid;gap:20px}@media(max-width:1040px){.account-layout{grid-template-columns:180px minmax(0,1fr);gap:22px}.account-overview-identity{flex-wrap:wrap}.account-overview-identity>.account-overview-settings{margin-left:106px}.account-destination{padding:19px}.account-settings-body .profile-card{flex-direction:column;align-items:flex-start}.account-settings-body .profile-actions{justify-content:flex-start}}@media(max-width:760px){.account-layout{display:block;margin-top:0}.account-sidebar{position:static;padding:0;margin-bottom:24px}.account-menu-caption{display:none}.account-navigation{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}.account-navigation-link{flex-direction:column;justify-content:center;gap:7px;text-align:center;font-size:.875rem;line-height:1.3;padding:9px 4px;min-height:69px;border-radius:7px}.account-navigation-link>span{display:block;max-width:100%}.account-page-heading{margin-bottom:20px;gap:14px}.account-page-heading h1{font-size:1.5625rem}.account-page-heading p{font-size:.875rem;line-height:1.7}.account-page-heading>svg{width:24px;height:24px}.account-settings-navigation{gap:3px;margin-bottom:18px}.account-settings-navigation a{flex:1;padding:10px 8px;font-size:.875rem}.account-overview{gap:19px}.account-overview-identity{padding:20px;gap:16px;flex-wrap:nowrap;align-items:center}.account-overview-identity .arena-avatar{width:4.375rem!important;height:4.375rem!important}.account-overview-identity h2{font-size:1.375rem}.account-overview-identity>.account-overview-settings{display:none}.account-overview-identity p{font-size:.875rem}.account-overview-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 0;padding:19px 0}.account-overview-stats>div{padding:0 16px}.account-overview-stats>div:nth-child(2){border-right:0}.account-overview-stats dt{font-size:.875rem}.account-overview-stats dd{font-size:1.5625rem}.account-destinations{gap:11px}.account-destination{padding:17px 14px;flex-wrap:wrap;gap:11px}.account-destination>svg:first-child{width:20px;height:20px}.account-destination>span{flex-basis:calc(100% - 32px)}.account-destination>svg:last-child{display:none}.account-destination strong{font-size:.875rem}.account-destination small{font-size:.875rem;line-height:1.6}.account-guest-notice{align-items:flex-start;flex-direction:column;gap:10px}.account-guest-notice p,.account-guest-notice a{font-size:.875rem}.account-settings-body .profile-card{padding:20px}.account-settings-body .profile-actions{display:flex;flex-direction:column;align-items:stretch;width:100%}.account-settings-body .profile-actions>.button{width:100%;font-size:.875rem}.account-settings-body .profile-summary p{font-size:.875rem}.account-settings-tip{flex-direction:column;align-items:flex-start;gap:12px;padding:17px}.account-settings-tip p,.account-page .avatar-collection-note{font-size:.875rem}.account-settings-body .recovery-codes-panel{padding:20px}}@media(prefers-reduced-motion:reduce){.account-navigation-link,.account-destination{transition:none}}.account-page-heading>div{min-width:0;flex:1}.account-page-heading>svg{flex:none}.account-overview-identity .arena-avatar{--avatar-size:4.375rem!important;width:var(--avatar-size)!important;height:var(--avatar-size)!important}.account-destinations{grid-template-columns:1fr;gap:.75rem}.account-destination{padding:1.125rem;gap:.875rem}.account-destination strong{font-size:1rem;color:var(--ui-ink)}.account-destination small{font-size:.875rem;color:var(--ui-secondary)}.account-settings-body .status-tag,.account-overview-identity .status-tag{font-size:.875rem;line-height:1.4;white-space:normal;color:var(--ui-secondary);background:var(--ui-input);border-color:var(--ui-border)}.account-settings-body .recovery-code-list{background:var(--ui-input);border:.0625rem solid var(--ui-border);padding:.75rem}.account-settings-body .recovery-code-list code{font-size:.875rem;color:var(--ui-ink)}.account-settings-body .profile-actions>.button{font-size:1rem;min-height:2.75rem}.account-overview-identity p,.account-page-heading p,.account-settings-tip p{font-size:.875rem;line-height:1.6;color:var(--ui-secondary)}.board-shell.board-visuals{--arena-accent:#f7d58c;--arena-halo:#f9d78d70;--capture-accent:#ffe1a0;--legal-color:#345e45;--target-color:#b14829}.board-shell.board-visuals.piece-skin-jade{--arena-accent:#c7f1b6;--arena-halo:#abe3a17a;--capture-accent:#e6ffc6}.board-shell.board-visuals.piece-skin-midnight{--arena-accent:#d5e7ff;--arena-halo:#a4caff7a;--capture-accent:#e1ebff}.board-shell.board-visuals.move-glow{--arena-accent:#fff0b3;--arena-halo:#ffe495a1;--capture-accent:#fff2b7}.board-shell.board-visuals .piece{transition:translate .16s ease,scale .16s ease,filter .16s ease;backface-visibility:hidden}.board-shell.board-visuals .piece-glyph{margin-top:0;font-weight:600;line-height:1}.board-shell.board-visuals .piece-cover-seal{display:block;width:1.08em;height:1.08em;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linejoin:round;opacity:.93}.board-shell.board-visuals .board-piece-position.selected{z-index:6}.board-shell.board-visuals .board-piece-position.selected .piece{translate:0 -4px;scale:1.05;outline:2px solid var(--arena-accent);outline-offset:3px;filter:drop-shadow(0 5px 4px #34200f55) drop-shadow(0 0 8px var(--arena-halo))}.board-shell.board-visuals .board-square.legal:not(.occupied){background:#e5efba25;box-shadow:inset 0 0 0 1.5px #36563e9c}.board-shell.board-visuals .legal-dot{width:22%;height:22%;background:var(--legal-color);box-shadow:0 0 0 3px #f4ffd14d}.board-shell.board-visuals .board-square.legal.occupied:after{inset:-5%;border:2px solid var(--target-color);box-shadow:0 0 0 2px #ffe3a490}.board-shell.board-visuals .board-piece-position.capture-target .piece:before{content:"";position:absolute;inset:-7px;border:2px dashed var(--target-color);border-radius:50%;pointer-events:none;box-shadow:0 0 0 1px #fff0bf75}.board-shell.board-visuals .board-piece-position.in-check .piece{outline:2px solid #b12d25;outline-offset:4px;filter:drop-shadow(0 0 6px #b9262577)}.board-shell.board-visuals .board-piece-position.last-move .piece:after{inset:-4px;border-width:1.5px;opacity:.75}.board-shell.board-visuals.move-ink .board-piece-position.last-move .piece:after{border-color:#244938;box-shadow:0 0 0 1px #ecedc475}.board-shell.board-visuals.move-glow .board-piece-position.last-move .piece:after{border-color:#fff2bb;box-shadow:0 0 8px #ffe9a075}.board-shell.board-visuals .board-effects{position:absolute;inset:0;z-index:8;pointer-events:none;overflow:hidden;border-radius:inherit}.board-shell.board-visuals .capture-effect{position:absolute;width:10%;aspect-ratio:1;transform:translate(-50%,-50%);--burst-size:1.9;--burst-duration:.44s;color:var(--capture-accent)}.board-shell.board-visuals .capture-victim{position:absolute;inset:0;display:grid;place-items:center;animation:arena-victim-dissolve .34s .14s ease-out both;opacity:.9}.board-shell.board-visuals .capture-victim .piece{width:88%;height:88%;filter:none}.board-shell.board-visuals .capture-wave{position:absolute;inset:12%;border:2px solid currentColor;border-radius:50%;box-shadow:0 0 9px var(--arena-halo),inset 0 0 6px var(--arena-halo);animation:arena-capture-wave var(--burst-duration) 165ms ease-out both}.board-shell.board-visuals .capture-spark{position:absolute;top:50%;left:50%;width:4px;height:4px;border-radius:50%;background:currentColor;box-shadow:0 0 5px var(--arena-halo);animation:arena-capture-spark var(--burst-duration) calc(.17s + var(--spark-delay)) ease-out both}.board-shell.board-visuals .capture-veil{--burst-size:1.65;--burst-duration:.39s;color:#eed0a1}.board-shell.board-visuals .capture-veil .capture-wave{border-style:dashed;box-shadow:none}.board-shell.board-visuals .capture-light{--burst-size:1.8;--burst-duration:.4s}.board-shell.board-visuals .capture-impact{--burst-size:2.3;--burst-duration:.44s}.board-shell.board-visuals .capture-impact .capture-spark{border-radius:1px;width:5px;height:3px}.board-shell.board-visuals .capture-royal{--burst-size:2.8;--burst-duration:.48s}.board-shell.board-visuals .capture-royal .capture-wave{border-width:3px;box-shadow:0 0 12px var(--arena-halo),inset 0 0 8px var(--arena-halo)}.board-shell.board-visuals .capture-royal .capture-spark{width:5px;height:5px;border-radius:1px}.board-shell.board-visuals.piece-skin-jade .capture-royal .capture-spark,.board-shell.board-visuals.piece-skin-midnight .capture-royal .capture-spark,.board-shell.board-visuals.move-glow .capture-royal .capture-spark{box-shadow:0 0 8px var(--arena-accent)}.board-shell.board-visuals .board-finish-flourish{position:absolute;inset:0;display:grid;place-items:center;color:#ffe0a5;animation:arena-finish 1.35s ease-out both;pointer-events:none}.board-shell.board-visuals .board-finish-flourish.finish-black{color:#d5e8ff}.board-shell.board-visuals .board-finish-flourish.finish-draw{color:#c9e6ce}.board-shell.board-visuals .finish-aura{position:absolute;inset:12px;border:1px solid currentColor;border-radius:10px;box-shadow:inset 0 0 26px #fff1bb2b;opacity:.75}.board-shell.board-visuals .finish-emblem{width:26%;max-width:130px;fill:#27352dea;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 2px 8px #0003)}.board-shell.board-visuals .finish-emblem g{fill:none;stroke-width:2.5}.board-shell.board-visuals .finish-spark{position:absolute;left:50%;top:50%;width:4px;height:7px;background:currentColor;border-radius:1px;animation:arena-finish-spark .9s var(--finish-delay) ease-out both}@keyframes arena-victim-dissolve{0%{opacity:.9;transform:scale(1)}35%{opacity:.65;transform:scale(.88) translateY(-3px)}to{opacity:0;transform:scale(.5) translateY(-8px);filter:blur(1px)}}@keyframes arena-capture-wave{0%{opacity:0;transform:scale(.65)}15%{opacity:.9}to{opacity:0;transform:scale(var(--burst-size))}}@keyframes arena-capture-spark{0%{opacity:0;transform:translate(-50%,-50%) scale(.4)}15%{opacity:1}to{opacity:0;transform:translate(var(--spark-x),var(--spark-y)) rotate(75deg) scale(.25)}}@keyframes arena-finish{0%{opacity:0;transform:scale(.97)}18%{opacity:1;transform:scale(1)}65%{opacity:.9}to{opacity:0;transform:scale(1.015)}}@keyframes arena-finish-spark{0%{opacity:0;translate:0 0;rotate:0deg}15%{opacity:.9}to{opacity:0;left:calc(50% + var(--finish-x));top:25%;rotate:120deg}}@media(max-width:760px){.board-shell.board-visuals .board-piece-position.selected .piece{translate:0 -3px;outline-offset:2px}.board-shell.board-visuals .board-piece-position.capture-target .piece:before{inset:-5px;border-width:1.5px}.board-shell.board-visuals .capture-spark.spark-6,.board-shell.board-visuals .capture-spark.spark-7,.board-shell.board-visuals .finish-spark-4,.board-shell.board-visuals .finish-spark-5,.board-shell.board-visuals .finish-spark-6,.board-shell.board-visuals .finish-spark-7{display:none}.board-shell.board-visuals .capture-spark{width:3px;height:3px}.board-shell.board-visuals .finish-aura{inset:9px;box-shadow:inset 0 0 16px #fff1bb20}}@media(prefers-reduced-motion:reduce){.board-shell.board-visuals .piece{transition:none}.board-shell.board-visuals .board-piece-position.selected .piece{translate:0 0;scale:1}.board-shell.board-visuals .board-effects{display:none}.board-shell.board-visuals .capture-victim,.board-shell.board-visuals .capture-wave,.board-shell.board-visuals .capture-spark,.board-shell.board-visuals .board-finish-flourish,.board-shell.board-visuals .finish-spark{animation:none}}.board-shell.board-visuals{--last-move-color:#a83920}.board-shell.board-visuals.last-turn-black{--last-move-color:#17668a}.board-shell.board-visuals .last-move-guide{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;overflow:hidden;border-radius:inherit;color:var(--last-move-color)}.last-move-guide circle,.last-move-guide .last-move-route,.last-move-guide .last-move-route-halo{fill:none;stroke-linecap:round}.last-move-route-halo{stroke:#fff2d6;stroke-width:6;opacity:.72}.last-move-route{stroke:currentColor;stroke-width:3;stroke-dasharray:7 5;opacity:.8}.last-move-arrowhead{fill:currentColor;stroke:#fff2d6;stroke-width:.8;stroke-linejoin:round}.last-move-origin-halo,.last-move-destination-halo{stroke:#fff4db;stroke-width:5;opacity:.9}.last-move-origin{stroke:currentColor;stroke-width:2.5;stroke-dasharray:4 4}.last-move-destination{stroke:currentColor;stroke-width:2.5}.board-shell.board-visuals .board-square.last-move-from .last-dot{visibility:hidden}.board-shell.board-visuals .board-piece-position.last-move .piece:after{border:2px solid var(--last-move-color);box-shadow:0 0 0 1.5px #fff1d7;opacity:1;pointer-events:none}.board-shell.board-visuals.move-ink .board-piece-position.last-move .piece:after,.board-shell.board-visuals.move-glow .board-piece-position.last-move .piece:after{border-color:var(--last-move-color);box-shadow:0 0 0 1.5px #fff1d7}.last-move-arrival-pulse{stroke:currentColor;stroke-width:3;transform-box:fill-box;transform-origin:center;animation:last-move-arrive .82s ease-out both}@keyframes last-move-arrive{0%{opacity:0;transform:scale(.9)}18%{opacity:.95;transform:scale(1.04)}to{opacity:0;transform:scale(1.45)}}@media(prefers-reduced-motion:reduce){.last-move-arrival-pulse{display:none;animation:none}}.collection-effect .capture-style-seal{position:absolute;left:50%;top:50%;width:64px;height:64px;color:var(--capture-accent);transform:translate(-50%,-50%);animation:style-capture-seal .65s ease-out both;pointer-events:none}.collection-effect .capture-light .capture-style-seal{width:36px;height:36px}.collection-effect .capture-veil .capture-style-seal{width:42px;height:42px}.collection-effect .capture-royal .capture-style-seal{width:90px;height:90px}@keyframes style-capture-seal{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}30%{opacity:.85}to{opacity:0;transform:translate(-50%,-50%) scale(1.5)}}.leaderboard-profile-link{font-weight:600;color:inherit;font-size:inherit;text-align:left}.room-style[data-web-style]{color:var(--text);background:var(--bg);border-radius:.75rem}.room-style[data-web-style] :is(.panel,.turn-status,.capture-tray){background:var(--panel);border-color:var(--line);color:var(--text)}.room-style[data-web-style] :is(.form-note,.board-coordinates,.filter-tabs button){color:var(--muted)}.room-style[data-web-style] .stack-form label{color:var(--text)}.room-style[data-web-style][data-style-tone=light] .form-error{color:#9b2f27}.room-style[data-web-style] :is(input,textarea)::placeholder{color:var(--muted);opacity:1}.room-style[data-web-style] .capture-owner{color:var(--text)}.room-style[data-web-style] .capture-owner.red{color:#e6a999}.room-style[data-web-style][data-style-tone=light] .capture-owner.red{color:#922e2e}.room-style[data-web-style] .capture-owner small{opacity:1}.room-style[data-web-style] :is(.capture-empty,.capture-tray p,.chat-empty p){color:var(--muted)}.room-style[data-web-style] :is(.capture-tray h3,.chat-empty h4){color:var(--text)}.room-style[data-web-style] :is(input:not([type=range]):not([type=checkbox]),textarea,select){background:var(--panel);color:var(--text);border-color:var(--line)}.room-style[data-web-style] :is(.button.secondary,.button.ghost,.icon-button){background:var(--panel);border-color:var(--line);color:var(--text)}.room-style[data-web-style] .button.gold{background:var(--gold);color:var(--accent-text);box-shadow:none}.room-style[data-web-style] .filter-tabs button.active{color:var(--gold)}.style-motif{width:100px;height:100px;flex-shrink:0}.style-preview{--style-accent:#99784a;--style-paper:#d4ae74;--style-ink:#362b23;--style-surface:#eee5d3;--style-edge:#9c845f;position:relative;isolation:isolate;overflow:hidden;height:220px;background:var(--style-surface);color:var(--style-accent);border-bottom:1px solid var(--style-edge)}.style-preview>.style-motif{position:absolute;right:10px;top:8px;width:130px;height:130px;opacity:.28}.style-preview-grid{position:absolute;width:260px;height:190px;left:13%;top:28px;transform:rotate(-12deg);border:8px solid var(--style-accent);background:repeating-linear-gradient(0deg,transparent 0 25px,color-mix(in srgb,var(--style-accent) 40%,transparent) 25px 26px),repeating-linear-gradient(90deg,transparent 0 29px,color-mix(in srgb,var(--style-accent) 40%,transparent) 29px 30px),var(--style-paper);box-shadow:0 8px color-mix(in srgb,var(--style-accent) 60%,#222),0 14px 20px #0002;opacity:.8}.style-preview-piece{position:absolute;top:61px;left:29%;width:85px;height:85px;display:grid;place-items:center;font:52px serif;border-radius:50%;color:#922e2e;background:radial-gradient(circle at 25% 20%,#fff,var(--style-paper));border:4px double var(--style-accent);box-shadow:0 5px 0 var(--style-accent),0 9px 16px #0003}.style-preview-piece.black{top:105px;left:53%;color:#243b46;width:73px;height:73px;font-size:43px}.style-preview-name{position:absolute;bottom:13px;left:17px;right:12px;z-index:2;color:var(--style-ink);font-size:11px;letter-spacing:1.5px;font-weight:650;text-shadow:0 1px 2px var(--style-surface)}.preview-piece .style-preview-grid{opacity:.18}.preview-board .style-preview-piece{opacity:.7;transform:scale(.7)}.preview-theme .style-preview-grid,.preview-move .style-preview-grid,.preview-sound .style-preview-grid{opacity:.12}.web-style-mini{position:absolute;inset:43px 34px 42px;border:1px solid var(--style-accent);border-radius:5px;background:var(--style-surface);box-shadow:5px 7px 0 var(--style-edge);color:var(--style-ink)}.mini-bar{display:flex;justify-content:space-between;font-size:10px;padding:13px;border-bottom:1px solid var(--style-edge);font-weight:700}.mini-bar span{font-size:7px;color:var(--style-accent)}.mini-layout{display:flex;gap:8px;padding:13px;height:75px}.mini-layout i{flex:1;border:1px solid var(--style-edge);background:var(--style-paper);border-radius:3px}.mini-layout i:first-child{flex:3}.sound-wave{position:absolute;inset:55px 40px;display:flex;justify-content:center;align-items:center;gap:8px}.sound-wave i{width:7px;border-radius:5px;background:var(--style-accent)}.effect-style-mini{position:absolute;inset:30px;display:grid;place-items:center}.effect-style-mini>span{font-size:76px;filter:drop-shadow(0 0 10px var(--style-accent))}.effect-style-mini>i{position:absolute;width:115px;height:115px;border-radius:50%;border:1px solid var(--style-accent)}.effect-style-mini>i:nth-child(3){width:140px;height:140px;opacity:.5}.effect-style-mini>i:nth-child(4){width:165px;height:165px;opacity:.2}.collection-slots{display:flex;gap:6px;flex-wrap:wrap;margin:12px 0}.collection-slots button{display:flex;gap:3px;align-items:center;border:1px solid var(--line);border-radius:4px;padding:7px;background:transparent;color:var(--muted);font-size:10px}.collection-slots button.owned{color:var(--green)}.collection-card .skin-copy{padding-top:20px}.collection-card .skin-copy h2{font-size:23px}.collection-card .skin-copy p{min-height:38px}.collection-card .skin-purchase{gap:8px}.collection-card .skin-purchase>span{font-size:11px}.shop-equipped{margin-bottom:20px;padding:20px}.shop-equipped p{font-size:12px;color:var(--muted);margin-top:5px}.equipped-slot-list{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:14px}.equipped-slot-list button{text-align:left;border:1px solid var(--line);border-radius:5px;padding:12px;background:transparent;min-width:0}.equipped-slot-list small{color:var(--muted);display:block;font-size:10px;margin-bottom:5px}.equipped-slot-list strong{font-size:11px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shop-list-tools{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;gap:15px}.shop-list-tools label{display:flex;gap:10px;align-items:center;font-size:12px;color:var(--muted)}.shop-list-tools select{padding:10px;border:1px solid var(--line);border-radius:5px;background:var(--panel);color:var(--text);max-width:250px}.theme-try-button{width:100%;min-height:42px;margin-top:12px}.theme-try-button[aria-pressed=true]{border-color:var(--gold);box-shadow:inset 0 0 0 1px var(--gold)}.theme-preview-bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;max-width:35rem;width:calc(100% - 2rem);margin:1rem auto 0;padding:.875rem 1.125rem;border:1px solid var(--gold);border-radius:.75rem;background:var(--panel);color:var(--text)}.theme-preview-bar-copy{display:flex;align-items:center;gap:.75rem;min-width:0}.theme-preview-bar-copy>div{min-width:0}.theme-preview-bar-copy strong{display:block;font-size:1rem;line-height:1.5;overflow-wrap:anywhere}.theme-preview-bar-copy p{font-size:.875rem;color:var(--muted);margin-top:.125rem}.theme-preview-bar-motif{display:grid;place-items:center;width:2.25rem;height:2.25rem;flex-shrink:0;color:var(--gold)}.theme-preview-bar-motif .style-motif{width:100%;height:100%}.theme-preview-bar-actions{display:flex;gap:.5rem;flex-shrink:0}.theme-preview-bar-actions .button{min-height:2.75rem;white-space:normal;background:var(--panel);border-color:var(--line);color:var(--text)}@media(max-width:700px){.theme-preview-bar{width:calc(100% - 36px);flex-wrap:wrap;padding:12px 14px;gap:10px}.theme-preview-bar-copy{width:100%}.theme-preview-bar-actions{width:100%;flex-wrap:wrap}.theme-preview-bar-actions .button{flex:1;min-width:0;padding:0 10px}}@media(max-width:420px){.theme-preview-bar{width:calc(100% - 1.75rem)}.theme-preview-bar-copy strong{font-size:1rem}.theme-preview-bar-actions .button{font-size:.875rem}}.cosmetic-portrait-preview{display:grid;place-items:center;min-height:220px;background:var(--panel-light);border-bottom:1px solid var(--line)}.sound-pack-preview{margin:10px 0}.topup-section>p{font-size:13px;margin:12px 0;color:var(--muted)}.topup-notice{padding:12px;border:1px solid var(--line);border-radius:5px}.topup-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:22px 0}.topup-grid article{display:flex;flex-direction:column;align-items:center;gap:10px;border:1px solid var(--line);border-radius:7px;padding:24px}.topup-grid strong{font-size:25px;color:var(--gold)}.topup-grid small{font-size:11px;color:var(--muted)}.purchase-items{list-style:none;margin:18px 0;padding:0;display:grid;gap:10px}.purchase-items li{display:flex;gap:9px;font-size:13px}.purchase-total{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:16px 0}.purchase-total strong{font-size:28px;color:var(--gold)}.collection-board .board-grid>rect:first-of-type{fill:var(--collection-board)}.collection-board .board-grid>g{stroke:#574731}.collection-board .board-grid text{fill:#574731}.collection-board .board-art{background:var(--collection-board-edge);box-shadow:0 7px color-mix(in srgb,var(--collection-board-edge) 65%,#332b20),0 9px #372e24}.collection-pieces .piece:not(.covered){background:radial-gradient(circle at 25% 20%,#fff7e9,var(--collection-piece));border-color:var(--collection-piece-edge);box-shadow:inset 0 0 0 1px var(--collection-piece-edge),inset 0 0 0 4px var(--collection-piece),inset 0 0 0 5px var(--collection-piece-edge),0 4px 0 var(--collection-piece-edge),0 6px 5px #18252d66}.collection-pieces .piece.covered{background:linear-gradient(135deg,var(--collection-piece-edge),#30322a);border-color:var(--collection-piece-edge)}.board-collection-emblem{position:absolute;left:44%;top:46%;width:12%;height:8%;pointer-events:none;z-index:0;opacity:.3;color:#574731}.board-collection-emblem .style-motif{width:100%;height:100%}.collection-effect .capture-wave{border-color:var(--capture-accent)}.collection-effect .capture-spark{background:var(--capture-accent)}.collection-effect .finish-emblem{color:var(--arena-accent)}@media(max-width:900px){.collection-grid{grid-template-columns:repeat(2,1fr)}.shop-equipped{padding:15px}.equipped-slot-list{grid-template-columns:repeat(3,1fr)}.topup-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.collection-grid,.topup-grid{grid-template-columns:1fr}.style-preview{height:210px}.collection-card .skin-copy{padding:16px}.collection-card .skin-copy p{min-height:0}.equipped-slot-list{grid-template-columns:repeat(2,1fr)}.shop-list-tools{align-items:flex-start}.shop-list-tools label{flex-direction:column;align-items:flex-start}.shop-list-tools select{max-width:100%;font-size:16px}.skin-purchase{flex-wrap:wrap}.collection-slots button{min-height:36px}.cosmetic-tabs button{min-height:42px}.shop-grid:not(.collection-grid) .skin-copy{padding:12px}.shop-grid:not(.collection-grid) .style-preview{height:160px}.shop-grid:not(.collection-grid) .style-preview-piece{width:64px;height:64px;left:10%;font-size:36px;top:40px}.shop-grid:not(.collection-grid) .style-preview-piece.black{left:48%;top:72px;width:56px;height:56px;font-size:32px}.web-style-mini{inset:30px 15px 35px}.mini-bar span{display:none}.sound-wave{inset:45px 15px;gap:5px}.style-preview-name{font-size:9px}.shop-grid:not(.collection-grid) .skin-purchase>.button{width:100%;min-height:42px}.coin-balance>span{display:inline!important;max-width:55px}}@media(prefers-reduced-motion:reduce){.collection-effect *{animation:none!important;transition:none!important}}.collection-slots button,.collection-card .skin-purchase>span,.shop-equipped p,.equipped-slot-list small,.equipped-slot-list strong,.shop-list-tools label,.topup-section>p,.topup-grid small,.purchase-items li{font-size:.875rem}.collection-slots button,.cosmetic-tabs button,.theme-try-button,.shop-grid:not(.collection-grid) .skin-purchase>.button{min-height:2.75rem}.equipped-slot-list{grid-template-columns:repeat(auto-fit,minmax(min(100%,8rem),1fr))}.shop-list-tools,.purchase-total{flex-wrap:wrap;gap:.75rem}.shop-list-tools label{min-width:0;max-width:100%}.shop-list-tools select{max-width:100%;font-size:1rem}.topup-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr))}.coin-balance>span{max-width:none}.board-shell.board-visuals{--board-finish:#d4ae74;--piece-finish:#e1c497;--piece-trim:#9c7846;--board-trim:#9c7846;--board-engraving:#685335}.board-shell.board-visuals .board-grid>rect:first-of-type{stroke:color-mix(in srgb,var(--board-trim) 70%,#49371f);stroke-width:1.4}.board-shell.board-visuals .board-grid>rect:nth-of-type(2){opacity:.65}.board-shell.board-visuals .board-grid>rect:nth-of-type(3){stroke:var(--board-engraving);stroke-opacity:.48;stroke-width:.9}.board-shell.board-visuals .board-grid>g{stroke:var(--board-engraving);opacity:.88}.board-shell.board-visuals .board-grid>text{fill:var(--board-engraving);opacity:.87}.board-shell.board-visuals .board-frame-ornament{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0;fill:none;stroke:var(--board-engraving);stroke-linecap:round;stroke-linejoin:round}.board-inlay-highlight{stroke:#fffae1;stroke-width:.8;opacity:.46}.board-inlay-keyline{stroke-width:.65;opacity:.5}.board-inlay-corner{stroke-width:1;opacity:.62}.board-inlay-detail{stroke-width:.65;opacity:.6}.board-inlay-stamp{stroke-width:.85;opacity:.72}.board-shell.board-visuals .board-collection-emblem{left:.8%;top:44%;width:3.3%;height:12%;overflow:hidden;opacity:.16;z-index:0;mix-blend-mode:multiply;color:var(--board-engraving)}.board-shell.board-visuals .board-collection-emblem.emblem-right{left:auto;right:.8%;transform:scaleX(-1)}.board-shell.board-visuals .board-collection-emblem .style-motif{position:absolute;width:250%;height:100%;left:-72%;object-fit:contain}.board-shell.board-visuals .piece:not(.covered){background:radial-gradient(ellipse at 30% 19%,#fff8e6 0%,color-mix(in srgb,var(--piece-finish) 40%,#fff4dc) 46%,var(--piece-finish) 85%);border-color:color-mix(in srgb,var(--piece-trim) 70%,#685039);box-shadow:inset 0 1px 1px #fffbe5,inset 0 0 0 1px color-mix(in srgb,var(--piece-trim) 55%,#6b5130),inset 0 0 0 4px color-mix(in srgb,var(--piece-finish) 70%,#f9ebca),inset 0 0 0 5px color-mix(in srgb,var(--piece-trim) 70%,#654d2b),0 4px color-mix(in srgb,var(--piece-trim) 65%,#62492e),0 6px 5px #30271759}.board-shell.board-visuals .piece:not(.covered).piece-red{color:#85241f}.board-shell.board-visuals .piece:not(.covered).piece-black{color:#23352e}.board-shell.board-visuals .piece.covered{background:radial-gradient(ellipse at 30% 19%,color-mix(in srgb,var(--piece-trim) 33%,#384033),#283029 62%,#20261f);border-color:color-mix(in srgb,var(--piece-trim) 75%,#bca175)}.board-shell.board-visuals .piece.covered.piece-red{color:#f3b3a0}.board-shell.board-visuals .piece.covered.piece-black{color:#f5e3b7}.board-shell.board-visuals .piece-glyph{position:relative;z-index:1;text-shadow:0 1px 0 #fff6df;filter:none}.board-shell.board-visuals .piece.covered .piece-glyph{text-shadow:none}.board-shell.board-visuals .piece-rim-ornament{position:absolute;inset:0;width:100%;height:100%;fill:none;pointer-events:none;stroke-linecap:round;stroke-linejoin:round;color:color-mix(in srgb,var(--piece-trim) 52%,#60492b);z-index:0}.piece-rim-light{stroke:#fff9e0;stroke-width:1;opacity:.72}.piece-rim-etch{stroke:currentColor;stroke-width:.65;opacity:.43}.piece-rim-inlay{stroke:currentColor;stroke-width:1.1;opacity:.7}.piece-rim-pin{fill:currentColor;stroke:none;opacity:.55}.board-shell.board-visuals .piece.covered .piece-rim-ornament{color:#d8bc85}.board-shell.board-visuals .piece.covered .piece-rim-light{stroke:#d8bc85;opacity:.35}.board-shell.board-visuals .piece.covered .piece-rim-etch{opacity:.3}.board-shell.board-visuals.piece-skin-dragon .piece:not(.covered){background:radial-gradient(ellipse at 30% 19%,#f1f8ec,color-mix(in srgb,var(--piece-finish) 50%,#edf4da) 58%,var(--piece-finish))}.board-shell.board-visuals.piece-skin-midnight .piece:not(.covered){background:radial-gradient(ellipse at 30% 19%,#fafaf3,#d8dfda 58%,var(--piece-finish))}@media(max-width:760px){.board-shell.board-visuals .piece:not(.covered){box-shadow:inset 0 1px 1px #fffbe5,inset 0 0 0 1px color-mix(in srgb,var(--piece-trim) 55%,#6b5130),inset 0 0 0 3px color-mix(in srgb,var(--piece-finish) 70%,#f9ebca),inset 0 0 0 4px color-mix(in srgb,var(--piece-trim) 70%,#654d2b),0 3px color-mix(in srgb,var(--piece-trim) 65%,#62492e),0 5px 4px #30271759}.board-inlay-corner{opacity:.54}.board-inlay-stamp{opacity:.62}.piece-rim-inlay{opacity:.6}}.p2-room{--p2-room-height:100svh;--p2-capture-face:#E9D7B0;--p2-clock-rim:#CDB892;position:relative;min-width:0;width:100%;height:var(--p2-room-height);display:grid;grid-template-rows:minmax(var(--p2-room-top-height,0px),1fr) auto minmax(var(--p2-room-bottom-height,0px),1fr);background:var(--ui-wood-grain),var(--p2-theme-ground,var(--ui-ground));color:var(--ui-ink);font:1rem/1.45 var(--ui-font)}.p2-room :is(button,a,input){font-family:inherit}.p2-room :is(button,a):focus-visible{outline:2px solid var(--ui-focus);outline-offset:2px}.p2-room-icon{width:1.375rem;height:1.375rem;flex:none}.p2-room-header{position:absolute;top:0;left:0;right:0;z-index:1;display:flex;align-items:center;gap:.25rem;min-height:3.25rem;padding:0 .25rem;border-bottom:1px solid var(--ui-divider-strong)}.p2-room-header>div{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;text-align:center;line-height:1.25;padding:.25rem 0}.p2-room-header h1{font-size:.9375rem;line-height:1.25;margin:0;font-weight:700;overflow-wrap:anywhere}.p2-room-header>div>span{font-size:.875rem;color:var(--p2-theme-muted,var(--ui-secondary));overflow-wrap:anywhere}.p2-room-header h1{color:var(--p2-theme-ink,var(--ui-ink))}.p2-room-desktop-viewers,.p2-room-header-flip{display:none!important}.p2-room-watch .p2-room-desktop-viewers{display:inline!important}.p2-room-tool{width:44px;height:44px;flex:none;padding:0;display:flex;align-items:center;justify-content:center;border:0;background:none;color:var(--ui-secondary)}.p2-room-top,.p2-room-bottom{min-width:0;display:flex;flex-direction:column;min-height:0}.p2-room-top{grid-row:1}.p2-room-bottom{grid-row:3}.p2-room-mobile-heading-space{flex:none;height:var(--p2-room-heading-height,3.25rem)}.p2-room-band-space{flex:1;min-height:0}.p2-room-recent{min-height:2.5rem;flex:none;width:100%;display:flex;gap:.5rem;align-items:center;padding:.375rem .75rem;border:0;border-bottom:1px solid var(--ui-divider-strong);background:none;color:var(--ui-secondary);font-size:.875rem;font-variant-numeric:tabular-nums;text-align:left}.p2-room-recent-notes{display:flex;flex:1;min-width:0;flex-wrap:wrap;gap:.5rem}.p2-room-recent-notes>span{display:flex;gap:.3rem;align-items:center}.p2-room-recent-notes b{font-weight:400}.p2-room-recent>span:last-child{display:flex;align-items:center;gap:.25rem;flex:none}.p2-room-recent .p2-room-icon{width:1rem;height:1rem}.p2-last-notation{background:var(--ui-divider-strong);border-radius:.2rem;padding:.0625rem .3rem;font-weight:700!important}.p2-room-player{display:flex;flex:none;align-items:center;gap:.75rem;padding:.75rem;min-width:0;min-height:6rem;margin:0 .5rem .5rem;border-radius:.5rem;background:var(--ui-surface)}.p2-room-bottom>.p2-room-player{margin:.5rem .5rem 0}.p2-room-avatar{width:60px!important;height:60px!important;flex:0 0 60px!important}.p2-player-offline>.p2-room-avatar{opacity:.45}.p2-room-player-copy{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.3}.p2-room-player-copy>strong{font-size:1rem;font-weight:600;overflow-wrap:anywhere}.p2-room-player-meta{font-size:.875rem;color:var(--ui-tertiary);overflow-wrap:anywhere}.p2-room-rating-prefix{display:none}.p2-player-offline .p2-room-player-meta{color:var(--ui-danger);font-weight:700}.p2-room-captures{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:7px;min-height:24px;padding-bottom:2px}.p2-room-capture{position:relative;display:inline-flex;justify-content:center;align-items:center;width:24px;height:24px;border-radius:50%;background:var(--p2-capture-face);font:700 13px/1 var(--ui-glyph-font);color:#1e2a25;flex:none}.p2-capture-red{color:#b23a2c}.p2-room-capture>b{position:absolute;bottom:-4px;right:-8px;border:1px solid var(--p2-clock-rim);border-radius:4px;padding:1px 3px;background:var(--ui-surface);color:var(--ui-ink);font:700 11px/1.1 var(--ui-font)}.p2-room-clock{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.125rem;flex:none;min-height:3rem;min-width:6rem;padding:.25rem .375rem;border:1px solid var(--p2-clock-rim);border-radius:.375rem;color:var(--ui-tertiary);font-variant-numeric:tabular-nums;line-height:1.1}.p2-room-clock>strong{font-size:1.5625rem;font-weight:600}.p2-room-clock>span{font-size:.875rem;font-weight:700}.p2-room-clock.p2-clock-active{min-height:3.625rem;background:var(--ui-ink);color:var(--ui-ground);border-color:var(--ui-ink)}.p2-clock-active>strong{font-weight:700}.p2-room-clock.p2-clock-low>strong{color:var(--ui-danger)}.p2-clock-active.p2-clock-low>strong{color:#ffa089}.p2-room-board{position:relative;grid-row:2;justify-self:center;width:var(--p2-board-width);max-width:calc(100% - 12px);min-width:0}.p2-room-board .board-shell{width:100%;max-width:100%;margin:0;padding:0}.p2-room-board .board-shell.board-visuals .piece-glyph,.p2-room-board .board-shell.board-visuals .piece.covered .piece-glyph{font-size:calc(var(--p2-board-width) * .053)}.p2-room-board .board-coordinates{display:none}.p2-room-board-disconnected{opacity:.5}.p2-room-status{min-height:2.25rem;flex:none;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.375rem .5rem;margin:0;text-align:center;font-size:.875rem;line-height:1.4;color:var(--ui-secondary);overflow-wrap:anywhere}.p2-room-status-dot{width:.4375rem;height:.4375rem;border-radius:50%;background:var(--ui-success);flex:none}.p2-status-waiting{background:var(--ui-gold)}.p2-room-status>.p2-room-icon{width:1.125rem;height:1.125rem}.p2-room-mobile-actions{flex:none;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));min-height:4rem;border-top:1px solid var(--ui-divider-strong);background:var(--ui-ground)}.p2-room-mobile-actions button{min-width:0;min-height:2.75rem;padding:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.1875rem;text-align:center;font-size:.8125rem;font-weight:600;line-height:1.3;color:var(--ui-seg-ink);border:0;background:none;overflow-wrap:anywhere}.p2-room-mobile-actions button:disabled{opacity:.45}.p2-room-watch .p2-room-mobile-actions{grid-template-columns:1fr 1fr 1.4fr .8fr}.p2-room-sidebar,.p2-room-compact .p2-room-recent{display:none}.p2-room-compact .p2-room-header>div>span{font-size:.8125rem}.p2-room-compact .p2-room-player{min-height:60px;padding:.25rem .75rem;gap:.625rem;margin:0 0 .25rem;background:none;border-radius:0}.p2-room-compact .p2-room-bottom>.p2-room-player{margin:.25rem 0 0}.p2-room-compact .p2-room-avatar{width:38px!important;height:38px!important;flex-basis:38px!important}.p2-room-compact .p2-room-player-copy>strong{font-size:.9375rem}.p2-room-compact-rating{margin-left:.25rem;font-size:.8125rem;font-weight:500;color:var(--ui-tertiary);white-space:nowrap}.p2-room-compact .p2-room-player-meta:empty{display:none}.p2-room-compact .p2-room-desktop-viewers{display:inline!important}.p2-room-compact .p2-room-player-meta{font-size:.875rem}.p2-room-compact .p2-room-captures{margin-top:4px;gap:10px;min-height:20px}.p2-room-compact .p2-room-capture{width:20px;height:20px;font-size:11px}.p2-room-compact .p2-room-clock{min-height:2.5rem;min-width:5.25rem}.p2-room-compact .p2-room-clock>strong{font-size:1.3125rem}.p2-room-compact .p2-room-clock.p2-clock-active{min-height:2.875rem}.p2-room-compact .p2-room-status{display:none}@media(max-width:1023px){:root:is([data-font-size=lon],[data-font-size=ratlon]) .p2-room-compact .p2-room-header{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;grid-template-rows:auto auto;gap:0;min-height:52px}:root:is([data-font-size=lon],[data-font-size=ratlon]) .p2-room-compact .p2-room-header>div{display:contents}:root:is([data-font-size=lon],[data-font-size=ratlon]) .p2-room-compact .p2-room-header h1{grid-column:2;grid-row:1;text-align:center}:root:is([data-font-size=lon],[data-font-size=ratlon]) .p2-room-compact .p2-room-header>div>span{grid-column:1/-1;grid-row:2;text-align:center}:root:is([data-font-size=lon],[data-font-size=ratlon]) .p2-room-compact .p2-room-header>.p2-room-tool{grid-row:1}:root:is([data-font-size=lon],[data-font-size=ratlon]) .p2-room-compact .p2-room-header>.p2-room-tool:not(:first-child){grid-column:3}}@media(min-width:1024px)and (hover:hover){.p2-room-tool:hover,.p2-room-desktop-actions button:hover:not(:disabled),.p2-room-quick-chat button:hover:not(:disabled){background:var(--ui-input);border-color:var(--ui-input-border)}.p2-room-message:hover,.p2-room-muted-button:hover{background:var(--ui-muted-surface)}}.p2-room-self-offline{position:absolute;top:0;left:0;right:0;z-index:3;display:flex;flex-direction:column;gap:.375rem;padding:.75rem 1rem;background:var(--ui-selected);color:var(--ui-on-selected);box-shadow:var(--ui-shadow-control)}.p2-room-self-offline>strong{font-size:1.0625rem;line-height:1.3}.p2-room-self-offline>span{display:flex;align-items:center;justify-content:space-between;gap:.625rem;font-size:1rem;color:#eadbc0}.p2-room-self-offline .ui-button{min-height:2.75rem;padding:.5rem .875rem;font-size:1rem}.p2-room-board-dimmer{position:absolute;inset:0;background:#2e1e0c52;border-radius:.375rem;display:flex;align-items:center;justify-content:center;padding:1rem;overflow:auto}.p2-room-compact .p2-room-board-dimmer{position:fixed;inset:0;z-index:30;border-radius:0;align-items:safe center}@media(min-width:1024px){:root:is([data-font-size=lon],[data-font-size=ratlon]) .p2-room-board-dimmer{position:fixed;inset:0;z-index:30;border-radius:0;align-items:safe center}}.p2-room-offline-card{width:18.75rem;max-width:100%;border-radius:.75rem;background:var(--ui-surface);border:1px solid var(--ui-border);box-shadow:0 6px 20px #2e1e0c40;padding:1.125rem 1.25rem;display:flex;flex-direction:column;align-items:center;gap:.5rem;text-align:center;color:var(--ui-ink)}.p2-room-offline-card h2{font-size:1.25rem;line-height:1.3;margin:0}.p2-room-offline-card p{font-size:1rem;line-height:1.4;margin:0}.p2-room-offline-card p:last-child{font-size:.9375rem;color:var(--ui-secondary)}.p2-offline-avatar{width:3.75rem;height:3.75rem;flex:none;border-radius:50%;background:#e4ddd0;color:#8a7f70;font-size:1.5rem;font-weight:700;display:flex;align-items:center;justify-content:center;position:relative}.p2-offline-avatar>span{position:absolute;bottom:-.25rem;right:-.25rem;width:1.75rem;height:1.75rem;border-radius:50%;background:var(--ui-selected);color:var(--ui-on-selected);display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 2.5px var(--ui-surface)}.p2-offline-avatar .p2-room-icon{width:1.0625rem;height:1.0625rem}.p2-offline-countdown{width:5.75rem;height:5.75rem;flex:none;display:flex;align-items:center;justify-content:center;border-radius:50%;background:conic-gradient(var(--ui-secondary) 0 var(--p2-offline-fraction),var(--ui-divider-strong) var(--p2-offline-fraction) 100%)}.p2-offline-countdown>span{width:4.75rem;height:4.75rem;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.1;border-radius:50%;background:var(--ui-surface)}.p2-offline-countdown b{font-size:1.625rem;font-variant-numeric:tabular-nums}.p2-offline-countdown>span>span{font-size:.875rem;color:var(--ui-secondary)}.p2-room-maintenance{flex:none;display:flex;align-items:center;gap:10px;min-height:54px;padding:6px 6px 6px 14px;border-bottom:1px solid var(--ui-border);background:var(--ui-cover-tiger);color:#6a4116}.p2-room-maintenance>.p2-room-icon{width:22px;height:22px}.p2-room-maintenance>span{min-width:0;flex:1;display:flex;flex-direction:column;line-height:1.3;font-size:.9375rem}.p2-room-maintenance strong{font-size:1rem}.p2-room-maintenance>button{flex:none;min-height:44px;border:0;background:none;padding:0 10px;font-size:1rem;font-weight:700;color:#5a3410;text-decoration:underline;text-underline-offset:3px}.p2-room-maintenance>.ui-help-tip{flex:0 0 auto;display:inline-flex}.p2-room-community{display:flex;flex-direction:column;gap:.625rem;height:100%;min-height:0;min-width:0}.p2-room-community .ui-seg{flex:none}.p2-room-community .ui-seg button{white-space:normal}.p2-room-feed{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain}.p2-room-moves{list-style:none;padding:0;margin:0;font-size:.9375rem;font-variant-numeric:tabular-nums}.p2-room-moves>li{display:grid;grid-template-columns:2.25rem minmax(0,1fr) minmax(0,1fr);gap:.25rem;align-items:center;min-height:2.375rem;border-bottom:1px solid var(--ui-divider-strong)}.p2-room-moves>li>span{overflow-wrap:anywhere}.p2-room-moves>li>span:first-child{color:var(--ui-tertiary)}.p2-room-move-check{color:var(--ui-danger);padding-left:.2rem;font-weight:700}.p2-room-empty{margin:1rem 0;color:var(--ui-secondary);font-size:.9375rem}.p2-room-message{display:block;width:100%;min-height:2.75rem;border:0;border-bottom:1px solid #EFE3CC;background:none;color:var(--ui-ink);padding:.5rem 0;text-align:left;font-size:.9375rem;line-height:1.4;overflow-wrap:anywhere}.p2-room-message b{font-weight:600;color:var(--ui-secondary)}.p2-message-own b{color:var(--ui-warning)}.p2-room-message small{font-size:.875rem;color:var(--ui-secondary)}.p2-room-chat-note{margin:0;font-size:.875rem;color:var(--ui-secondary)}.p2-room-muted-button{align-self:flex-start;min-height:2.75rem;border:0;background:none;color:var(--ui-secondary);font-size:.875rem;padding:0}.p2-room-muted-list{max-height:9rem;overflow:auto;font-size:.875rem}.p2-room-quick-chat{display:flex;flex-wrap:wrap;gap:.5rem;flex:none}.p2-room-quick-chat button{min-height:2.75rem;padding:.375rem .75rem;border-radius:.25rem;border:1px solid var(--p2-clock-rim);background:none;color:var(--ui-ink);font-size:.875rem}.p2-room-chat-form{display:flex;margin:0;flex:none;border:1.5px solid var(--ui-input-border);border-radius:.5rem;background:var(--ui-input)}.p2-room-chat-form input{flex:1;min-width:0;width:0;min-height:3rem;padding:.5rem .75rem;border:0;background:none;color:var(--ui-ink);font-size:1rem}.p2-room-chat-form button{min-height:3rem;min-width:2.75rem;padding:.5rem 1rem;border:0;border-left:1.5px solid var(--ui-input-border);background:var(--ui-ground);color:var(--ui-ink);font-size:1rem;font-weight:700;border-radius:0 .4rem .4rem 0}.p2-room-talk-sheet .ui-sheet-content{height:min(29rem,70dvh);display:flex;flex-direction:column}.p2-room-more-sheet .ui-sheet-content{padding:0 1rem .5rem}.p2-room-more-sheet .ui-list-row{min-height:3.25rem;border-bottom:1px solid var(--ui-divider-strong);background:none}.p2-room-danger{color:var(--ui-danger)!important}.p2-room-confirm-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-top:1rem}.p2-room-volume{display:flex;flex-direction:column;gap:.5rem;margin:1rem 0}.p2-room-volume input{width:100%;min-height:2.75rem}.p2-room-maintenance-steps{list-style:none;padding:0;margin:1rem 0;border-top:1px solid var(--ui-divider-strong)}.p2-room-maintenance-steps li{display:flex;align-items:center;gap:.75rem;min-height:3.375rem;padding:.375rem 0;border-bottom:1px solid var(--ui-divider-strong)}.p2-room-maintenance-steps li>span{width:1.875rem;height:1.875rem;flex:none;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#efe5cf;font-size:.9375rem;font-weight:700}.p2-room-maintenance-steps li>div{flex:1;min-width:0;display:flex;flex-direction:column;font-size:.875rem;color:var(--ui-secondary)}.p2-room-maintenance-steps strong{font-size:1rem;color:var(--ui-ink)}.p2-room-maintenance-steps li>b{font-size:.875rem;color:#7a4e1e;background:var(--ui-cover-tiger);border-radius:1rem;padding:.25rem .5rem}.p2-maintenance-current>span{background:var(--ui-selected)!important;color:var(--ui-on-selected)}.p2-room-result-sheet{position:relative}.p2-result-desktop-close{display:none}.p2-room-result-sheet .ui-sheet-header{border:0;position:absolute;top:.5rem;right:.5rem;z-index:1;padding:0;background:none}.p2-room-result-sheet .ui-sheet-header h2{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.p2-room-result-sheet .ui-sheet-header button{border-radius:50%;background:#efe2c9}.p2-room-result-sheet .ui-sheet-content{display:flex;flex-direction:column;gap:.875rem;padding:.875rem 1rem 1.125rem}.p2-result-heading{display:flex;align-items:center;gap:.875rem;padding-right:2.75rem}.p2-result-heading>div{min-width:0;flex:1}.p2-result-heading h2{font-size:1.5rem;line-height:1.2;margin:0 0 .25rem;color:var(--ui-primary)}.p2-result-heading p{font-size:.9375rem;line-height:1.4;margin:0;color:var(--ui-secondary)}.p2-result-players{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;padding:.625rem .75rem;border:1px solid var(--ui-divider-strong);border-radius:.625rem;background:var(--ui-ground)}.p2-result-player{min-width:0;display:flex;flex-direction:column;gap:.25rem;text-align:center}.p2-result-player>strong{font-size:1rem;line-height:1.35;font-weight:700;white-space:normal;overflow-wrap:anywhere}.p2-result-player>span{font-size:.875rem;color:var(--ui-secondary);line-height:1.3}.p2-result-seal{flex:none;display:flex;align-items:center;justify-content:center;width:3.75rem;height:3.75rem;transform:rotate(-5deg);border-radius:.4375rem;background:var(--ui-primary);color:var(--ui-on-primary);box-shadow:inset 0 0 0 3px var(--ui-primary),inset 0 0 0 4px #d78367;font:700 2.25rem/1 var(--ui-glyph-font)}.p2-result-loss .p2-result-seal,.p2-result-draw .p2-result-seal,.p2-result-cancelled .p2-result-seal{background:#f1e6d0;color:var(--ui-selected);box-shadow:inset 0 0 0 3px #f1e6d0,inset 0 0 0 4px #b5a386}.p2-result-loss h2,.p2-result-cancelled h2{color:var(--ui-ink)}.p2-result-draw h2{color:var(--ui-gold)}.p2-result-reward{display:flex;flex-direction:column;gap:.5rem;padding:.75rem .875rem;border-radius:.625rem;background:var(--ui-ground)}.p2-result-reward>div{display:flex;align-items:baseline;gap:.5rem;flex-wrap:wrap;font-size:1.0625rem;color:var(--ui-secondary)}.p2-result-reward strong{font-size:2.5rem;line-height:1;font-weight:700;color:var(--ui-success);font-variant-numeric:tabular-nums}.p2-result-reward>div>span:last-child{margin-left:auto;font-size:1rem}.p2-result-reward .p2-negative{color:var(--ui-warning)}.p2-result-reward .p2-result-tier{display:flex;flex-direction:column;gap:.5rem;font-size:.9375rem;color:var(--ui-secondary)}.p2-result-tier>div{display:flex;align-items:center;gap:.625rem;width:100%;min-width:0}.p2-result-tier>div>strong{font-size:.9375rem;line-height:1.3;color:var(--ui-gold)}.p2-result-tier>div>strong:last-child{color:var(--ui-success)}.p2-result-tier [role=progressbar]{flex:1;min-width:0;height:.625rem;border-radius:.3125rem;background:var(--ui-divider-strong);overflow:hidden}.p2-result-tier [role=progressbar]>span{display:block;height:100%;background:var(--ui-gold);border-radius:.3125rem}.p2-result-tier p{margin:0;font-size:.9375rem;line-height:1.4}.p2-result-tier p>b{color:var(--ui-ink)}.p2-result-chip{align-self:flex-start;max-width:100%;padding:.375rem .75rem;border:1px solid #D9BE84;border-radius:1.125rem;color:var(--ui-gold);font-size:.9375rem;font-weight:600}.p2-result-stats{display:flex;flex-direction:column;gap:.75rem}.p2-result-stats h3{margin:0;font-size:1.125rem;font-weight:700}.p2-result-stats>div{display:flex;justify-content:space-between;gap:.5rem;font-size:.9375rem;font-weight:600;color:var(--ui-secondary)}.p2-result-stats>div>span{min-width:0;max-width:50%;overflow-wrap:anywhere}.p2-result-stats .p2-result-stat{display:flex;flex-direction:column;gap:.25rem}.p2-result-stat>div:first-child{display:grid;grid-template-columns:3rem minmax(0,1fr) 3rem;align-items:baseline;gap:.25rem;font-size:.9375rem;text-align:center;font-weight:400}.p2-result-stat b{font-size:1.125rem;color:var(--ui-gold);text-align:left}.p2-result-stat b:last-child{text-align:right;color:#7e6a52}.p2-result-stat>div:last-child{display:flex;gap:.25rem;height:.5rem}.p2-result-stat>div:last-child>span{flex:1;display:flex;background:#f3e8d3;border-radius:.25rem;overflow:hidden}.p2-result-stat>div:last-child>span:first-child{justify-content:flex-end}.p2-result-stat i{display:block;height:100%;background:var(--ui-gold)}.p2-result-stat>div:last-child>span:last-child>i{background:#7e6a52}.p2-result-actions{display:flex;flex-direction:column;gap:.5rem;padding-top:.125rem}.p2-result-actions>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}.p2-result-actions .ui-button{padding:.5rem .25rem;min-height:3.125rem;font-size:1rem;line-height:1.3;white-space:normal}.p2-result-actions>.ui-button{min-height:3.375rem;font-size:1.125rem}.p2-result-cancelled .p2-result-actions>div{grid-template-columns:1fr}.ui-sheet-dimmer:has(>.p2-result-cancelled){align-items:center;padding:1.25rem}.p2-result-cancelled{width:100%;max-width:25rem;max-height:calc(100dvh - 2.5rem);border-radius:.75rem}.p2-result-cancelled .ui-sheet-header{display:none}.p2-result-cancelled .ui-sheet-content{padding:1.25rem;gap:.875rem;text-align:center}.p2-result-cancelled .p2-result-heading{flex-direction:column;padding:0;gap:.75rem}.p2-result-cancelled .p2-result-heading h2{font-size:1.25rem;color:var(--ui-ink);margin-bottom:.75rem}.p2-result-cancelled .p2-result-heading p{font-size:1rem;font-weight:700;color:var(--ui-ink)}.p2-result-cancelled .ui-sheet-content>p{font-size:.9375rem;line-height:1.45;margin:0}.p2-result-cancelled .p2-result-actions{margin-top:.25rem;gap:.625rem}.p2-result-collapsed{position:absolute;bottom:0;left:0;right:0;border-radius:.875rem .875rem 0 0;border-top:1px solid var(--p2-clock-rim);background:var(--ui-surface);padding:.75rem 1rem;display:flex;align-items:center;gap:.75rem;z-index:2}.p2-result-collapsed>span{flex:1;font-size:1.125rem;font-weight:700}.p2-result-collapsed .ui-button{min-height:3rem;padding:.5rem 1rem;font-size:1rem}.p2-result-collapsed-desktop{display:none}.p2-result-share-card{padding:1rem;margin-bottom:1rem;background:var(--ui-cover-tiger)}.p2-room-report-sheet{height:100dvh;max-height:100dvh;border-radius:0}.p2-room-report-sheet .ui-sheet-content{padding:0;min-height:0;display:flex;flex-direction:column;overflow:hidden;flex:1}.p2-room-report-sheet form{display:flex;flex-direction:column;min-height:0;flex:1}.p2-report-scroll{display:flex;flex-direction:column;gap:1rem;min-height:0;overflow:auto;flex:1;padding:1rem}.p2-report-scroll>*{flex-shrink:0}.p2-report-footer{flex:none;padding:.625rem 1rem 1.125rem;border-top:1px solid var(--ui-divider-strong);background:var(--ui-ground);display:flex;flex-direction:column;gap:.375rem}.p2-room-report-sheet:has(.p2-report-done){height:auto;border-radius:1rem 1rem 0 0}.p2-report-done{padding:1.5rem 1.25rem}.p2-report-person{display:flex;flex-direction:column;line-height:1.3;padding:0 0 .875rem;border-bottom:1px solid var(--ui-divider-strong)}.p2-report-person strong{font-size:1.125rem}.p2-report-person>span{font-size:.9375rem;color:var(--ui-secondary)}.p2-report-target{display:flex;flex-direction:column;gap:.375rem;font-size:1rem}.p2-report-target select{min-height:2.75rem;width:100%;min-width:0;padding:.5rem;border:1.5px solid var(--ui-input-border);border-radius:.5rem;background:var(--ui-input);color:var(--ui-ink);font:inherit}.p2-room-report-sheet h3{margin:0;font-size:1.125rem}.p2-report-reasons{padding:0;border-radius:.75rem}.p2-report-reasons label{display:flex;align-items:center;gap:.875rem;min-height:3.625rem;padding:.5rem .875rem;border-bottom:1px solid var(--ui-divider);font-size:1.0625rem;line-height:1.4}.p2-report-reasons label:last-child{border:0}.p2-report-reasons label:has(:checked){background:#fff6ea;font-weight:700}.p2-report-reasons input{width:1.625rem;height:1.625rem;flex:none;accent-color:var(--ui-primary)}.p2-report-more{display:flex;flex-direction:column;gap:.5rem;font-size:1.125rem;font-weight:700}.p2-report-more textarea{width:100%;min-width:0;border:1.5px solid var(--ui-input-border);border-radius:.625rem;background:var(--ui-input);color:var(--ui-ink);padding:.75rem .875rem;font:400 1.0625rem/1.45 var(--ui-font);resize:vertical}.p2-report-evidence{display:flex;align-items:center;gap:.75rem;min-height:2.75rem;margin:0;font-size:1.0625rem}.p2-report-evidence .ui-icon{width:1.75rem;height:1.75rem;flex:none;background:var(--ui-primary);color:var(--ui-on-primary);border-radius:.375rem;padding:.25rem}.p2-room-report-sheet .ui-checkbox small{display:block;margin-top:.125rem;font-size:.875rem;color:var(--ui-secondary)}.p2-report-private{font-size:.9375rem;background:#efe5cf;padding:.75rem .875rem;margin:0;border-radius:.625rem}.p2-report-choose{font-size:.875rem;color:var(--ui-secondary);text-align:center;margin:0}.p2-report-done{display:flex;flex-direction:column;align-items:center;gap:.625rem;text-align:center}.p2-report-done>span{width:3.5rem;height:3.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--ui-success);color:#f3fbf6}.p2-report-done .ui-icon{width:1.75rem;height:1.75rem}.p2-report-done h2{margin:0;font-size:1.3125rem;overflow-wrap:anywhere}.p2-report-done p{margin:0;font-size:1rem}@media(min-width:1024px){.p2-room-rating-prefix{display:inline}.p2-result-phone-close{display:none}.p2-result-desktop-close{display:flex}.p2-room{height:var(--p2-room-height);min-height:0;max-width:1280px;margin:0 auto;padding:28px 32px;grid-template-columns:minmax(0,580px) minmax(0,520px);grid-template-rows:auto auto auto;justify-content:center;column-gap:36px;row-gap:12px;align-content:start}.p2-room-header{position:static;grid-column:1;grid-row:1;align-self:start;min-height:52px;gap:10px;padding:0;border:0}.p2-room-header>div{align-items:flex-start;text-align:left}.p2-room-header h1{font-size:1.375rem}.p2-room-header>div>span{font-size:.9375rem}.p2-room-desktop-viewers{display:inline!important}.p2-room-header-flip{display:flex!important}.p2-room-tool{width:48px;height:48px;border-radius:.625rem;border:1.5px solid var(--p2-clock-rim);background:var(--ui-surface);color:var(--ui-ink)}.p2-room-back{width:44px;border:0;background:none;margin-left:-10px}.p2-room-top{display:none}.p2-room-board{grid-column:1;grid-row:2;max-width:100%}.p2-room-bottom{display:contents}.p2-room-bottom>.p2-room-player,.p2-room-mobile-actions,.p2-room-bottom>.p2-room-band-space{display:none}.p2-room-bottom>.p2-room-status{grid-column:1;grid-row:3;align-self:start;font-size:1rem;min-height:36px;padding:.25rem 0}.p2-room-sidebar{grid-column:2;grid-row:1 / 4;display:flex;flex-direction:column;gap:12px;min-width:0;min-height:0;height:calc(var(--p2-room-height) - 56px)}.p2-room-sidebar>.p2-room-player{flex:none;border:1px solid var(--ui-border);box-shadow:var(--ui-shadow-card);margin:0;border-radius:.75rem;gap:.875rem;padding:.75rem .875rem;min-height:96px}.p2-room-sidebar>.p2-room-player:last-of-type{min-height:104px}.p2-room-sidebar .p2-room-avatar{width:64px!important;height:64px!important;flex-basis:64px!important}.p2-room-sidebar .p2-room-player-copy>strong{font-size:1.125rem;font-weight:700}.p2-room-sidebar .p2-room-player-meta{font-size:.9375rem}.p2-room-sidebar .p2-room-clock{min-width:112px;min-height:56px;border-radius:.5rem}.p2-room-sidebar .p2-clock-active{min-height:68px}.p2-room-sidebar .p2-room-clock>strong{font-size:1.75rem}.p2-room-sidebar .p2-room-clock>span{font-size:.9375rem}.p2-room-community-card{flex:1;min-height:0;padding:12px 16px;display:flex;overflow:auto;scrollbar-width:thin;overscroll-behavior:contain}.p2-room-community{width:100%;height:auto;min-height:100%;flex:none}.p2-room-sidebar .p2-room-community>.ui-seg{position:sticky;top:0;z-index:1}.p2-room-sidebar .p2-room-feed{flex:1 0 auto;overflow:visible;max-height:none}.p2-room-sidebar .p2-room-moves{font-size:1rem}.p2-room-sidebar .p2-room-moves{columns:2;column-gap:24px}.p2-room-sidebar .p2-room-moves>li{break-inside:avoid;min-height:36px;grid-template-columns:2.25rem minmax(0,1fr) minmax(0,1fr)}.p2-room-desktop-actions{flex:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.p2-room-desktop-actions button{min-width:0;min-height:56px;border-radius:.625rem;border:1.5px solid var(--p2-clock-rim);background:var(--ui-surface);box-shadow:var(--ui-shadow-card);color:var(--ui-ink);padding:.5rem .375rem;display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:1rem;font-weight:700;line-height:1.3;overflow-wrap:anywhere}.p2-room-desktop-actions button:disabled{opacity:.55;box-shadow:none}.p2-room-sidebar .p2-room-maintenance{border:1px solid #DDC08C;border-radius:.75rem}.p2-room-self-offline{left:32px;right:32px;top:28px;border-radius:.75rem}.p2-room-offline-card{width:340px;border-radius:1rem;padding:24px;gap:10px}.p2-room-offline-card h2{font-size:1.3125rem}.p2-room-offline-card p{font-size:1.0625rem}.p2-room-result-sheet .ui-sheet-content{padding:1.75rem;gap:1rem}.p2-result-collapsed{display:none}.p2-result-collapsed-desktop{position:static;flex:none;display:flex;border:1px solid var(--p2-clock-rim);border-radius:.75rem;padding:.625rem .75rem;min-width:0}.p2-result-collapsed-desktop>span{min-width:0;overflow-wrap:anywhere}.p2-room-sidebar:has(.p2-result-collapsed-desktop)>.p2-room-desktop-actions{display:none}}@media(min-width:1024px)and (max-height:800px){:root:is([data-font-size=lon],[data-font-size=ratlon]) .p2-room-sidebar{gap:8px}:root:is([data-font-size=lon],[data-font-size=ratlon]) .p2-room-sidebar>.p2-room-player{padding:.5rem .625rem;gap:.625rem}:root:is([data-font-size=lon],[data-font-size=ratlon]) .p2-room-sidebar>.p2-room-player{display:grid;grid-template-columns:64px minmax(0,1fr) max-content;column-gap:.625rem;row-gap:0}:root:is([data-font-size=lon],[data-font-size=ratlon]) .p2-room-sidebar .p2-room-player-copy{display:contents}:root:is([data-font-size=lon],[data-font-size=ratlon]) .p2-room-sidebar .p2-room-player-copy>strong{grid-column:2 / -1;grid-row:1;line-height:1.3}:root:is([data-font-size=lon],[data-font-size=ratlon]) .p2-room-sidebar .p2-room-player-meta{grid-column:2;grid-row:2;line-height:1.3}:root:is([data-font-size=lon],[data-font-size=ratlon]) .p2-room-sidebar .p2-room-captures{grid-column:2;grid-row:3;margin-top:4px;gap:10px}:root:is([data-font-size=lon],[data-font-size=ratlon]) .p2-room-sidebar .p2-room-avatar{grid-column:1;grid-row:1 / span 3}:root:is([data-font-size=lon],[data-font-size=ratlon]) .p2-room-sidebar .p2-room-clock{grid-column:3;grid-row:2 / span 2}:root:is([data-font-size=lon],[data-font-size=ratlon]) .p2-room-community-card{padding:8px 12px}:root:is([data-font-size=lon],[data-font-size=ratlon]) .p2-room-sidebar .p2-room-community>.ui-seg{position:static}}@media(min-width:1024px){.p2-room-sidebar>.p2-room-player{display:grid;grid-template-columns:64px minmax(0,1fr) max-content;column-gap:.875rem;row-gap:0;order:1}.p2-room-sidebar>.p2-room-player:last-of-type{order:2}.p2-room-sidebar .p2-room-player-copy{display:contents}.p2-room-sidebar .p2-room-player-copy>strong{grid-column:2;grid-row:1;align-self:end}.p2-room-sidebar .p2-room-player-meta{grid-column:2;grid-row:2;align-self:start}.p2-room-sidebar .p2-room-avatar{grid-column:1;grid-row:1 / span 2}.p2-room-sidebar .p2-room-clock{grid-column:3;grid-row:1 / span 2}.p2-room-sidebar .p2-room-captures{grid-column:1 / -1;grid-row:3;gap:8px 12px;margin-top:8px;min-height:32px;padding-bottom:0}.p2-room-sidebar .p2-room-captures:empty{display:none}.p2-room-sidebar .p2-room-capture{width:32px;height:32px;font-size:20px}.p2-room-sidebar .p2-room-capture:has(>b){margin-right:2.25rem}.p2-room-sidebar .p2-room-capture>b{top:50%;left:calc(100% + 3px);right:auto;bottom:auto;transform:translateY(-50%);font-size:.8125rem;white-space:nowrap}.p2-room-community-card{order:3;flex:0 1 auto;max-height:13.75rem}.p2-room-sidebar .p2-room-community{height:auto;min-height:0;flex:1}.p2-room-sidebar .p2-room-feed{flex:0 1 auto;min-height:0;height:var(--p2-move-feed-height,108px);overflow:auto;max-height:var(--p2-move-feed-height,108px);scrollbar-width:thin}.p2-room-sidebar .p2-room-moves{columns:1}.p2-room-community-card:has(.p2-room-chat-form){flex:1;max-height:none}.p2-room-community-card:has(.p2-room-chat-form) .p2-room-community{height:auto;min-height:100%;flex:none}.p2-room-community-card:has(.p2-room-chat-form) .p2-room-feed{height:auto;min-height:2.375rem;max-height:6rem;flex:1 0 auto}.p2-room-desktop-actions,.p2-result-collapsed-desktop{order:4;margin-top:auto}}@media(min-width:1024px)and (max-height:800px){:root:is([data-font-size=lon],[data-font-size=ratlon]) .p2-room-sidebar .p2-room-captures{grid-column:1 / -1;grid-row:4;gap:8px 12px;margin-top:8px}}.p2-rules-screen{width:100%;min-height:100%;height:100%;max-width:560px;margin:auto}.p2-rules-screen-scroll{padding:0;overflow:hidden;display:flex;flex-direction:column}.p2-rules-body{min-height:0;flex:1;display:flex;flex-direction:column}.p2-rules-tabs{flex:none;padding:.75rem 1rem .25rem}.p2-rules-panel{min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:1.25rem;padding:.875rem 1rem 1rem;scrollbar-width:none}.p2-rules-panel::-webkit-scrollbar{display:none}.p2-rules-section{display:flex;flex-direction:column;gap:.625rem}.p2-rules-body h2{font-size:1.125rem;font-weight:700;line-height:1.45;margin:0}.p2-rules-body h3{margin:0;font-size:1rem;font-weight:700;color:var(--ui-selected)}.p2-rules-body p{font-size:1rem;line-height:1.45;margin:0}.p2-rules-list{list-style:none;margin:0;padding:0}.p2-rules-list li+li{border-top:1px solid var(--ui-divider)}.p2-rules-piece-row,.p2-rules-time-row{display:flex;align-items:center;gap:.875rem;min-height:4.5rem;padding:.625rem .875rem}.p2-rules-piece-row>span:last-child,.p2-rules-time-row>span:last-child{flex:1;min-width:0;display:flex;flex-direction:column;gap:.0625rem}.p2-rules-piece-row strong{font-size:1.0625rem;line-height:1.3}.p2-rules-piece-row>span>span{font-size:.9375rem;line-height:1.4;color:var(--ui-seg-ink)}.p2-rules-piece{width:2.875rem;height:2.875rem;flex:none;border-radius:50%;background:#f4e5c3;border:.15625rem solid #C4A066;color:#b23a2c;font:700 1.5rem/1 var(--ui-glyph-font);display:flex;align-items:center;justify-content:center;box-shadow:0 .1875rem #8c6c40}.p2-rules-card{padding:1rem .875rem;display:flex;flex-direction:column;gap:.875rem;flex:none}.p2-rules-group{display:flex;flex-direction:column;gap:.5rem}.p2-rules-card hr{height:1px;border:0;background:var(--ui-divider);margin:0}.p2-rules-dots{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:.5rem}.p2-rules-dots li{display:flex;gap:.625rem;font-size:1rem;line-height:1.45}.p2-rules-dots li:before{content:"";width:.4375rem;height:.4375rem;flex:none;margin-top:.5625rem;border-radius:50%;background:#8a6a44}.p2-rules-body .p2-rules-note{font-size:.9375rem;color:var(--ui-secondary)}.p2-rules-warning{padding:.625rem .75rem;border-radius:.5rem;background:#f3e1c0;color:var(--ui-selected)}.p2-rules-warning b{color:#7a4e1e}.p2-rules-flip-example{display:flex;align-items:flex-start;justify-content:center;gap:.625rem}.p2-rules-flip-example>span{width:6.875rem;min-width:0;display:flex;flex-direction:column;align-items:center;gap:.5rem}.p2-rules-flip-example .p2-rules-piece{width:3.5rem;height:3.5rem;border-width:.1875rem;font-size:1.875rem;box-shadow:0 .25rem #8c6c40}.p2-rules-flip-example svg{width:1.5rem;height:1.5rem;margin-top:1rem;flex:none;color:var(--ui-tertiary)}.p2-rules-flip-example small{font-size:.875rem;color:var(--ui-secondary);text-align:center;line-height:1.35}.p2-rules-flip-example .p2-rules-piece-covered{background:#7a5230;box-shadow:0 .25rem #4e331c}.p2-rules-piece-covered i{width:2.0625rem;height:2.0625rem;border-radius:50%;border:.125rem dashed rgba(244,229,195,.55)}.p2-rules-numbered li{display:flex;gap:.75rem;padding:.75rem .875rem;font-size:1rem;line-height:1.45}.p2-rules-numbered li>span:first-child{width:1.75rem;height:1.75rem;flex:none;border-radius:50%;background:#efe5cf;color:var(--ui-selected);font-size:.9375rem;font-weight:700;display:flex;align-items:center;justify-content:center}.p2-rules-hidden-card{padding:.875rem;display:flex;align-items:flex-start;gap:.75rem;flex:none}.p2-rules-hidden-icon{width:2.75rem;height:2.75rem;flex:none;border-radius:50%;background:#f3e1c0;color:#7a4e1e;display:flex;align-items:center;justify-content:center}.p2-rules-hidden-card>div{flex:1;min-width:0;display:flex;flex-direction:column;gap:.25rem}.p2-rules-hidden-card h2{font-size:1.0625rem}.p2-rules-hidden-card p{color:var(--ui-selected)}.p2-rules-time-row{min-height:4.75rem;padding:.625rem .875rem}.p2-rules-time-row strong{font-size:1.125rem;line-height:1.25}.p2-rules-time-row>span:last-child>span{font-size:.9375rem;color:var(--ui-secondary)}.p2-rules-rings{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}.p2-rules-rings>div{min-width:0;display:flex;flex-direction:column;align-items:center;gap:.5rem;text-align:center}.p2-rules-ring{width:3.75rem;height:3.75rem;border-radius:50%;display:flex;align-items:center;justify-content:center}.p2-rules-ring>span{width:3.125rem;height:3.125rem;border-radius:50%;background:var(--ui-avatar-ground);color:var(--ui-avatar-ink);display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:700;box-shadow:0 0 0 .125rem var(--ui-surface)}.p2-rules-rings>div>span:last-child{display:flex;flex-direction:column;line-height:1.3}.p2-rules-rings strong{font-size:1rem;font-variant-numeric:tabular-nums}.p2-rules-rings small{font-size:.875rem;color:var(--ui-secondary)}.p2-rules-chip{align-self:flex-start;min-height:1.75rem;padding:0 .75rem;border-radius:.875rem;font-size:.875rem;font-weight:700;display:inline-flex;align-items:center;background:#efe5cf;color:var(--ui-selected)}.p2-rules-chip-yes{background:#dcebdd;color:#245b40}.p2-rules-question{text-align:center;color:var(--ui-secondary)}.p2-rules-question button{display:inline-flex;align-items:center;min-height:2.75rem;padding:0 .25rem;font:700 1rem var(--ui-font);color:var(--ui-link);border:0;background:none}.p2-rules-modal .p2-rules-tabs{padding:0 0 .25rem}.p2-rules-modal .p2-rules-panel{padding:.875rem 0 0;overflow:visible}@media(max-width:374px){.p2-rules-rings{gap:.25rem}.p2-rules-rings strong{overflow-wrap:normal}.p2-rules-tabs .ui-seg button{white-space:normal}}@media(min-width:1024px){.p2-rules-screen{height:auto;min-height:0;padding-bottom:1.5rem}.p2-rules-screen-scroll,.p2-rules-panel{overflow:visible}.p2-rules-body,.p2-rules-panel{flex:none}.p2-rules-tabs{padding-top:1rem}}.rank-body,.rank-information,.rank-table-area{display:contents}.rank-row-reward{display:none}@media(max-width:1023px){.shell-content .desktop-puzzles .puzzle-card-footer{flex-wrap:wrap;align-items:center;gap:.5rem .75rem}.shell-content .desktop-puzzles .puzzle-card-footer>span{flex-shrink:0;flex-wrap:wrap;min-width:0;max-width:100%}.shell-content .desktop-puzzles .puzzle-card-footer svg{flex:none}.shell-content .desktop-puzzles .puzzle-card-footer>.button{white-space:normal;max-width:100%}}@media(min-width:1024px){.shell-content:has(>.desktop-puzzles),.shell-content:has(>.desktop-rank){max-width:1280px}.shell-content :is(.desktop-puzzles,.desktop-rank){min-width:0;color:var(--ui-text)}.shell-content :is(.desktop-puzzles,.desktop-rank) :is(h1,h2,h3,p,button,label,span,strong){overflow-wrap:anywhere}.shell-content :is(.desktop-puzzles,.desktop-rank) .page-title{gap:1.25rem;padding:0 0 1.25rem;align-items:center}.shell-content :is(.desktop-puzzles,.desktop-rank) .page-title h1{font-size:1.75rem;line-height:1.25}.shell-content :is(.desktop-puzzles,.desktop-rank) .page-title p{font-size:1rem;line-height:1.6;margin-top:.5rem}.shell-content .desktop-puzzles>.game-controls{margin-top:0;gap:.625rem}.shell-content .desktop-puzzles .game-controls>.button{font-size:1rem;padding:.5rem 1rem;white-space:normal}.shell-content .desktop-puzzles .visitor-banner{margin-bottom:1.25rem;padding:1rem 1.25rem;gap:1rem;background:var(--ui-warm-surface);border-color:var(--ui-border)}.shell-content .desktop-puzzles .visitor-banner>span{flex:1 1 22rem}.shell-content .desktop-puzzles .progress-pill{font-size:1rem;flex:none;white-space:normal}.shell-content .desktop-puzzles .puzzle-library-filters{margin:1rem 0;gap:1.25rem;max-width:100%}.shell-content .desktop-puzzles .puzzle-library-filters>label{font-size:1rem;min-width:0}.shell-content .desktop-puzzles .puzzle-library-filters>label:first-child{flex:1 1 20rem}.shell-content .desktop-puzzles .puzzle-library-filters>label:last-child{flex:0 1 16rem}.shell-content .desktop-puzzles .puzzle-library-filters :is(input,select){width:100%;max-width:100%;min-width:0}.shell-content .desktop-puzzles .puzzle-library-count{font-size:1rem;margin:1rem 0}.shell-content .desktop-puzzles .puzzle-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;align-items:stretch}.shell-content .desktop-puzzles .puzzle-grid[aria-label]{grid-template-columns:repeat(2,minmax(0,1fr))}.shell-content .desktop-puzzles .puzzle-card{min-width:0;padding:1.25rem;display:flex;flex-direction:column;gap:.625rem;box-shadow:var(--ui-shadow-card);border-color:var(--ui-border);color:var(--ui-text)}.shell-content .desktop-puzzles button.puzzle-card:hover{background:var(--ui-input);border-color:var(--ui-input-border)}.shell-content .desktop-puzzles .puzzle-card.solved{border-color:var(--ui-success)}.shell-content .desktop-puzzles .puzzle-card-top{flex-wrap:wrap;align-items:center;gap:.5rem}.shell-content .desktop-puzzles .puzzle-card-top>.status-tag{min-width:0;white-space:normal;font-size:.875rem;line-height:1.5}.shell-content .desktop-puzzles .puzzle-card-top>.eyebrow{margin:0;letter-spacing:.08em}.shell-content .desktop-puzzles .puzzle-card h3{margin:0;font-size:1.125rem;line-height:1.5}.shell-content .desktop-puzzles .puzzle-card p{margin:0;font-size:1rem;line-height:1.6;color:var(--ui-secondary)}.shell-content .desktop-puzzles .puzzle-card-footer{margin-top:auto;padding-top:.75rem;display:flex;flex-wrap:wrap;align-items:center;gap:.625rem 1rem;font-size:1rem}.shell-content .desktop-puzzles .puzzle-card-footer>span{min-width:0;display:flex;align-items:center;gap:.375rem;flex-wrap:wrap}.shell-content .desktop-puzzles .puzzle-card-footer>span:first-child{flex:1 1 11rem}.shell-content .desktop-puzzles .puzzle-card-footer>.button{font-size:1rem;white-space:normal;padding:.5rem 1rem;max-width:100%}.shell-content .desktop-puzzles .puzzle-card-footer svg{flex:none}.shell-content .desktop-puzzles .game-page-heading{flex-wrap:wrap;align-items:flex-start;gap:1rem;margin:0 0 1.25rem}.shell-content .desktop-puzzles .game-page-heading>div:first-child{flex:1 1 22rem;min-width:0}.shell-content .desktop-puzzles .game-page-heading h1{font-size:1.75rem;line-height:1.3}.shell-content .desktop-puzzles .room-heading-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.625rem;max-width:100%}.shell-content .desktop-puzzles .room-heading-actions>.button{white-space:normal;padding:.5rem 1rem}.shell-content .desktop-puzzles .puzzle-play-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:start;gap:2rem;max-width:1152px;margin:0 auto}.shell-content .desktop-puzzles .puzzle-play-layout>.puzzle-board{grid-column:1;grid-row:1;width:100%;max-width:580px;min-width:0;justify-self:center}.shell-content .desktop-puzzles .puzzle-play-layout>.puzzle-instructions{grid-column:2;grid-row:1;min-width:0;max-width:none;width:100%;padding:1.25rem;box-shadow:var(--ui-shadow-card)}.shell-content .desktop-puzzles .puzzle-instructions .challenge-symbol{width:2.75rem;height:2.75rem;margin-bottom:1rem;background:var(--ui-warm-surface);border-color:var(--ui-border);color:var(--ui-warm-ink)}.shell-content .desktop-puzzles .puzzle-instructions h2{font-size:1.375rem;line-height:1.4;margin-bottom:.75rem}.shell-content .desktop-puzzles .puzzle-instructions :is(p,.form-note){font-size:1rem;line-height:1.65}.shell-content .desktop-puzzles .puzzle-instructions .form-note{margin:1rem 0}.shell-content .desktop-puzzles .puzzle-stat{gap:1rem;padding:.875rem 0;font-size:1rem;border-color:var(--ui-divider)}.shell-content .desktop-puzzles .puzzle-stat>strong{flex:none;font-size:1.125rem;font-weight:700;color:var(--ui-gold)}.shell-content .desktop-puzzles .puzzle-instructions .game-controls:empty{display:none}.shell-content .desktop-puzzles .training-board-actions{gap:1rem;margin-bottom:.625rem;flex-wrap:wrap}.shell-content .desktop-puzzles .training-board-actions>.button{min-height:var(--ui-target);font-size:1rem;white-space:normal}.shell-content .desktop-puzzles .training-board-progress{font-size:1rem}.shell-content .desktop-puzzles .training-board-actions-bottom{display:none}.shell-content .desktop-puzzles .turn-status{margin:0 0 1rem;padding:.875rem 1rem;border:1px solid var(--ui-border);border-radius:var(--ui-radius);background:var(--ui-surface);font-size:1rem;line-height:1.5;box-shadow:var(--ui-shadow-card)}.shell-content .desktop-puzzles .puzzle-continuation{border-color:var(--ui-success);background:var(--ui-surface);padding:1rem}.shell-content .desktop-puzzles .puzzle-continuation :is(strong,p,.button){font-size:1rem;line-height:1.5}.shell-content .desktop-puzzles .puzzle-continuation-actions>.button{padding:.5rem .875rem}.shell-content .desktop-puzzles:has(.puzzle-play-layout){display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:1rem 2rem;align-items:start;max-width:1152px;margin:auto;--puzzle-first-row:1}.shell-content .desktop-puzzles:has(.puzzle-play-layout):has(>.visitor-banner){--puzzle-first-row:2}.shell-content .desktop-puzzles:has(.puzzle-play-layout)>.visitor-banner{grid-column:1/-1;grid-row:1;margin:0}.shell-content .desktop-puzzles:has(.puzzle-play-layout)>.game-page-heading{grid-column:2;grid-row:var(--puzzle-first-row);display:flex;flex-direction:column;gap:.75rem;margin:0}.shell-content .desktop-puzzles:has(.puzzle-play-layout)>.game-page-heading>div:first-child{flex:none}.shell-content .desktop-puzzles:has(.puzzle-play-layout)>.game-page-heading .room-heading-actions{justify-content:flex-start}.shell-content .desktop-puzzles:has(.puzzle-play-layout)>.game-controls{grid-column:2;grid-row:calc(var(--puzzle-first-row) + 5);margin:0!important}.shell-content .desktop-puzzles .puzzle-play-layout,.shell-content .desktop-puzzles .puzzle-play-layout>.puzzle-board{display:contents}.shell-content .desktop-puzzles .puzzle-play-layout>.puzzle-instructions{grid-column:2;grid-row:calc(var(--puzzle-first-row) + 1)}.shell-content .desktop-puzzles .puzzle-board>.board-shell{grid-column:1;grid-row:var(--puzzle-first-row)/span 5;align-self:start;width:100%;max-width:580px;margin:0 auto 1rem}.shell-content .desktop-puzzles .puzzle-board>.turn-status{grid-column:2;grid-row:calc(var(--puzzle-first-row) + 2);margin:0}.shell-content .desktop-puzzles .puzzle-board>.training-board-actions:not(.training-board-actions-bottom){grid-column:2;grid-row:calc(var(--puzzle-first-row) + 3);margin:0}.shell-content .desktop-puzzles .puzzle-board>.puzzle-continuation{grid-column:2;grid-row:calc(var(--puzzle-first-row) + 4);margin:0}.shell-content .desktop-puzzles:has(.training-play-board){grid-template-columns:minmax(0,min(52%,580px,calc((100dvh - 9.75rem)*560/620))) minmax(0,1fr);grid-template-rows:repeat(6,min-content) 1fr;gap:.5rem 2rem}.shell-content .desktop-puzzles:has(.training-play-board)>.visitor-banner{grid-column:2;grid-row:1;display:flex;flex-wrap:nowrap;justify-content:space-between;gap:.75rem;padding:0;border:0;background:none;box-shadow:none}.shell-content .desktop-puzzles:has(.training-play-board)>.visitor-banner>span{flex:none}.shell-content .desktop-puzzles:has(.training-play-board)>.visitor-banner>.button{min-height:var(--ui-target);padding:.5rem .875rem}.shell-content .desktop-puzzles:has(.training-play-board)>.game-page-heading{display:contents}.shell-content .desktop-puzzles:has(.training-play-board)>.game-page-heading>div:first-child{grid-column:2;grid-row:var(--puzzle-first-row);display:flex;flex-direction:column;gap:.25rem}.shell-content .desktop-puzzles:has(.training-play-board)>.game-page-heading .help-heading{order:0}.shell-content .desktop-puzzles:has(.training-play-board)>.game-page-heading .eyebrow{order:1;margin:0}.shell-content .desktop-puzzles:has(.training-play-board) .training-heading-help{display:none}.shell-content .desktop-puzzles:has(.training-play-board) .room-heading-actions{grid-column:2;grid-row:calc(var(--puzzle-first-row) + 3);justify-self:start;width:calc(100% - 8.25rem);gap:.5rem;align-self:start}.shell-content .desktop-puzzles:has(.training-play-board) .puzzle-play-layout>.puzzle-instructions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem 1rem;padding:.75rem 1rem}.shell-content .desktop-puzzles:has(.training-play-board) .puzzle-instructions>.challenge-symbol{display:none}.shell-content .desktop-puzzles:has(.training-play-board) .puzzle-stat{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:.25rem;padding:0;border:0}.shell-content .desktop-puzzles:has(.training-play-board) .puzzle-instructions>.game-controls{grid-column:1/-1;margin:0;gap:.5rem}.shell-content .desktop-puzzles:has(.training-play-board) .puzzle-instructions>.training-replay-actions{display:none}.shell-content .desktop-puzzles:has(.training-play-board) .training-replay-label-phone{display:none}.shell-content .desktop-puzzles:has(.training-play-board) .training-replay-label-desktop{display:inline}.shell-content .desktop-puzzles:has(.training-play-board) .training-copy-phone{display:none}.shell-content .desktop-puzzles:has(.training-play-board) .training-copy-desktop{display:inline}.shell-content .desktop-puzzles:has(.training-play-board) .training-status-row{grid-column:2;grid-row:calc(var(--puzzle-first-row) + 2);display:flex;align-items:center;gap:.5rem;min-width:0}.shell-content .desktop-puzzles:has(.training-play-board) .training-status-row>.turn-status{flex:1;min-width:0;margin:0;padding:.5rem .75rem;min-height:var(--ui-target)}.shell-content .desktop-puzzles:has(.training-play-board) .training-desktop-help{display:flex;align-items:center;gap:.25rem;flex:none;font-size:1rem;line-height:1.5}.shell-content .desktop-puzzles:has(.training-play-board) .training-board-actions:not(.training-board-actions-bottom){justify-self:end;align-self:start;width:auto;gap:0;min-width:0}.shell-content .desktop-puzzles:has(.training-play-board) .training-board-progress{display:none}.shell-content .desktop-puzzles:has(.training-play-board) .puzzle-board>.board-shell{grid-row:1/span 7;max-width:100%;margin:0;align-self:start}.shell-content .desktop-puzzles:has(.training-play-board) .puzzle-continuation{padding:.75rem 1rem}.shell-content .desktop-puzzles:has(.training-play-board) .puzzle-continuation>p{margin:.25rem 0 .5rem}.shell-content .desktop-puzzles:has(.training-play-board) .puzzle-continuation-actions{gap:.5rem}.shell-content .desktop-puzzles:has(.training-play-board)>.game-controls{gap:.5rem;margin:0!important}.shell-content .desktop-rank .rating-card{padding:1rem 1.5rem;min-width:12rem;max-width:100%;box-shadow:var(--ui-shadow-card)}.shell-content .desktop-rank .rating-card>span{font-size:.875rem;line-height:1.5;letter-spacing:.04em}.shell-content .desktop-rank .rating-card strong{font-size:2rem;line-height:1.25;font-weight:700}.shell-content .desktop-rank .rating-card small{font-size:1rem}.shell-content .desktop-rank .leaderboard-panel{padding:0;border:0;background:none}.shell-content .desktop-rank .leaderboard-panel>.filter-tabs{border:0;margin:0 0 1rem;gap:.25rem;display:flex;align-items:stretch;flex-wrap:wrap;padding:.25rem;background:var(--ui-seg-ground);border-radius:var(--ui-radius);box-shadow:var(--ui-shadow-inset);width:fit-content;max-width:100%}.shell-content .desktop-rank .filter-tabs>button{min-height:var(--ui-target);padding:.5rem 1.25rem;font-size:1rem;line-height:1.4;font-weight:700;color:var(--ui-seg-ink);white-space:normal;border-radius:.5625rem}.shell-content .desktop-rank .filter-tabs>button.active{color:var(--ui-on-selected);background:var(--ui-selected);box-shadow:var(--ui-shadow-control)}.shell-content .desktop-rank .filter-tabs>button.active:after{display:none}.shell-content .desktop-rank .filter-tabs>button:hover:not(.active){background:var(--ui-choice-ground)}.shell-content .desktop-rank .filter-tabs>select{min-height:var(--ui-target);min-width:0;max-width:100%;background:var(--ui-input);color:var(--ui-text);border-color:var(--ui-input-border);padding:.5rem .75rem;font-size:1rem}.shell-content .desktop-rank .rank-body{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(0,1fr);gap:1.5rem;align-items:start}.shell-content .desktop-rank .rank-information{grid-column:2;grid-row:1;display:flex;flex-direction:column;gap:1rem;min-width:0}.shell-content .desktop-rank .rank-information:empty{display:none}.shell-content .desktop-rank .rank-body:has(>.rank-information:empty){grid-template-columns:minmax(0,1fr)}.shell-content .desktop-rank .rank-table-area{grid-column:1;grid-row:1;min-width:0;display:block;border:1px solid var(--ui-border);background:var(--ui-surface);border-radius:var(--ui-radius);box-shadow:var(--ui-shadow-card)}.shell-content .desktop-rank .season-progress{padding:1.25rem;margin:0;gap:.625rem;display:flex;flex-direction:column;background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:var(--ui-radius);box-shadow:var(--ui-shadow-card);font-size:1rem;line-height:1.6;color:var(--ui-secondary)}.shell-content .desktop-rank .season-progress>strong{color:var(--ui-text);font-size:1.25rem;line-height:1.4}.shell-content .desktop-rank .season-progress>span{flex-wrap:wrap;font-size:1rem}.shell-content .desktop-rank .season-progress svg{flex:none}.shell-content .desktop-rank .season-progress>p{font-size:1rem;line-height:1.6;margin:0}.shell-content .desktop-rank .ranking-rewards{margin:0;padding:1.25rem;border:1px solid var(--ui-border);border-radius:var(--ui-radius);background:var(--ui-surface);box-shadow:var(--ui-shadow-card)}.shell-content .desktop-rank .ranking-rewards h3{font-size:1.125rem;line-height:1.5;color:var(--ui-text);margin:0 0 .75rem}.shell-content .desktop-rank .ranking-rewards ul{grid-template-columns:minmax(0,1fr);gap:0}.shell-content .desktop-rank .ranking-rewards li{display:flex;align-items:baseline;flex-wrap:nowrap;gap:.75rem;padding:.625rem 0;border-bottom:1px solid var(--ui-divider);font-size:1rem;line-height:1.5}.shell-content .desktop-rank .ranking-rewards li:last-child{border-bottom:0}.shell-content .desktop-rank .ranking-rewards li>span{min-width:0;flex:1 1 42%;white-space:normal}.shell-content .desktop-rank .ranking-rewards li>strong{min-width:0;flex:1 1 58%;font-weight:600;text-align:right}.shell-content .desktop-rank .ranking-rewards small{font-size:.875rem;line-height:1.6;margin-top:.75rem}.shell-content .desktop-rank .leaderboard-table{table-layout:fixed;width:100%}.shell-content .desktop-rank .leaderboard-table :is(th,td){padding:.875rem .75rem;font-size:1rem;line-height:1.5;overflow-wrap:anywhere;color:var(--ui-text);vertical-align:middle;border-color:var(--ui-divider)}.shell-content .desktop-rank .leaderboard-table th{color:var(--ui-secondary);font-weight:600;white-space:normal}.shell-content .desktop-rank .leaderboard-table tbody tr.my-rank{background:var(--ui-warm-surface)}.shell-content .desktop-rank .leaderboard-table :is(th,td):first-child{width:5rem;text-align:center}.shell-content .desktop-rank .leaderboard-table :is(th,td):nth-child(3){width:5.5rem;text-align:right}.shell-content .desktop-rank .leaderboard-table :is(th,td):nth-child(4){width:26%;text-align:right}.shell-content .desktop-rank .leaderboard-table td.elo-cell{font-size:1.0625rem;font-weight:700;color:var(--ui-gold)}.shell-content .desktop-rank .rank-row-reward{display:flex;flex-direction:column;gap:.25rem;align-items:flex-end}.shell-content .desktop-rank .rank-row-detail{display:none}.shell-content .desktop-rank .rank-row-reward>strong{font-size:1rem;font-weight:700;color:var(--ui-gold)}.shell-content .desktop-rank .rank-row-reward>small{font-size:.875rem;line-height:1.5;color:var(--ui-secondary)}.shell-content .desktop-rank .leaderboard-player{gap:.75rem;align-items:center;min-width:0}.shell-content .desktop-rank .leaderboard-player>.table-avatar{display:grid;width:2.5rem;height:2.5rem;font-size:1rem;background:var(--ui-avatar-ground);color:var(--ui-avatar-ink);border-color:var(--ui-avatar-ring);flex:none}.shell-content .desktop-rank .leaderboard-profile-link{min-width:0;font-size:1rem;line-height:1.5;white-space:normal;overflow-wrap:anywhere;padding:.25rem 0;font-weight:700;text-overflow:clip}.shell-content .desktop-rank .leaderboard-profile-link:hover{color:var(--ui-link)}.shell-content .desktop-rank .you-label{display:inline-flex;margin:.25rem 0 .25rem .375rem;padding:.125rem .5rem;border-radius:.625rem;background:var(--ui-selected);color:var(--ui-on-selected);font-size:.75rem;letter-spacing:0}.shell-content .desktop-rank .ranking-note{margin:1.25rem 0 0;padding:1.25rem;border:1px solid var(--ui-border);border-radius:var(--ui-radius);background:var(--ui-surface);font-size:.875rem;line-height:1.65}.shell-content .desktop-rank .season-rewards{padding:1.25rem;margin-top:1.25rem}.shell-content .desktop-rank .season-rewards :is(h2,p){line-height:1.5}.shell-content .desktop-rank .season-rewards p{font-size:1rem;flex-wrap:wrap}.shell-content .desktop-rank .empty-state{padding:2rem 1.5rem}.shell-content .desktop-rank .empty-state :is(h3,p){font-size:1rem;line-height:1.6}}@media(min-width:1024px)and (max-width:1365px){html[data-font-size=ratlon] .shell-content .desktop-puzzles .puzzle-grid:not([aria-label]){grid-template-columns:repeat(2,minmax(0,1fr))}html[data-font-size=ratlon] .shell-content .desktop-rank .rank-body{grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:1rem}html[data-font-size=ratlon] .shell-content .desktop-rank .leaderboard-table :is(th,td){padding:.75rem .5rem}html[data-font-size=ratlon] .shell-content .desktop-rank .leaderboard-table :is(th,td):first-child{width:4rem}html[data-font-size=ratlon] .shell-content .desktop-rank .leaderboard-table :is(th,td):nth-child(3){width:4.5rem}}.play-page{min-height:100%;width:100%;color:var(--ui-ink);font:1rem/1.45 var(--ui-font);overflow-wrap:anywhere}.play-page h1,.play-page h2,.play-page p,.play-page ul{margin:0}.play-page h1,.play-page h2{letter-spacing:0}.play-page h2,.play-page p{line-height:1.45}.play-page button{cursor:pointer}.play-page button:disabled{cursor:default}.play-page-home{display:flex;flex-direction:column;justify-content:center;padding:0 1rem .5rem}.play-home-columns,.play-choice-panel{min-width:0}.play-choice-panel{display:flex;flex-direction:column;gap:1.375rem}.play-choice-section{display:flex;flex-direction:column;gap:.625rem}.play-choice-section h2,.play-selected-lists h2{font-size:1.0625rem;font-weight:700}.play-variants{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.play-variant{position:relative;min-height:9.375rem;border-radius:.75rem;border:.09375rem solid var(--ui-pill-border);background:var(--ui-choice-ground);padding:.5rem .375rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;box-shadow:var(--ui-shadow-choice);min-width:0;text-align:center}.play-variant-selected{border:.15625rem solid var(--ui-primary);background:var(--ui-choice-selected)}.play-variant>strong{font-size:1.1875rem}.play-variant>span:not(.play-variant-piece):not(.play-choice-check){font-size:.9375rem;color:var(--ui-secondary)}.play-variant-piece{width:4rem;height:4rem;flex:none;border-radius:50%;background:var(--ui-piece-face);border:.1875rem solid var(--ui-piece-rim);color:var(--ui-piece-red);font:700 2.125rem/1 var(--ui-glyph-font);display:flex;align-items:center;justify-content:center;box-shadow:0 .25rem 0 var(--ui-piece-shadow)}.play-piece-blind{background:var(--ui-piece-covered);box-shadow:0 .25rem 0 var(--ui-piece-covered-shadow)}.play-piece-blind>span{width:2.375rem;height:2.375rem;border-radius:50%;border:.125rem dashed var(--ui-piece-dash)}.play-choice-check{position:absolute;top:.5rem;right:.5rem;width:1.625rem;height:1.625rem;border-radius:50%;background:var(--ui-primary);color:var(--ui-on-primary);display:flex;align-items:center;justify-content:center}.play-choice-check .ui-icon{width:.9375rem;height:.9375rem;stroke-width:3.2}.play-times{list-style:none;padding:0;border-radius:.75rem;background:var(--ui-surface);border:.0625rem solid var(--ui-border);box-shadow:var(--ui-shadow-card)}.play-times>li+li{border-top:.0625rem solid var(--ui-divider)}.play-time{display:flex;align-items:center;gap:.875rem;width:100%;min-height:5.25rem;padding:.625rem .75rem .625rem .875rem;background:none;border:0;text-align:left}.play-time-copy{flex:1;min-width:0;display:flex;flex-direction:column;gap:.125rem}.play-time-copy>strong{font-size:1.125rem;line-height:1.25}.play-time-copy>span{font-size:.9375rem;color:var(--ui-secondary)}.play-time-copy>.play-queue-hint{font-size:.875rem;font-weight:600;color:var(--ui-success)}.play-time>.ui-icon{color:var(--ui-arrow);width:1.375rem;height:1.375rem;flex:none}.play-time-note{font-size:.9375rem;color:var(--ui-secondary);text-align:center;margin-top:-.75rem!important}.play-time-radio,.play-room-hint,.play-desktop-heading,.play-desktop-actions,.play-home-lists,.play-wide-heading{display:none}.play-page-lobby{display:flex;flex-direction:column}.play-lobby-heading{flex:none;display:flex;align-items:center;gap:.375rem;padding:0 .75rem 0 .25rem;min-height:4.125rem;border-bottom:.0625rem solid var(--ui-divider-strong)}.play-lobby-heading>.ui-icon-button{width:3rem;height:3rem;flex:none}.play-lobby-heading>.ui-icon-button>span{display:none}.play-lobby-heading>.ui-medal{width:2.5rem;height:2.5rem;box-shadow:inset 0 0 0 .15625rem var(--medal-rim)}.play-lobby-heading>.ui-medal>span{width:1.75rem;height:1.75rem;font-size:1rem}.play-lobby-title{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.3;padding:.25rem 0 .25rem .375rem}.play-lobby-title h1{font-size:1.1875rem;font-weight:700}.play-lobby-title>span{font-size:.875rem;color:var(--ui-secondary)}.play-lobby-body{padding:1rem 1rem 1.25rem;display:flex;flex-direction:column;gap:1.125rem}.play-lobby-actions{display:flex;flex-direction:column;gap:1.125rem}.play-find,.play-matchmaking{display:flex;flex-direction:column;gap:.5rem;min-width:0}.play-find p,.play-matchmaking p{margin:0;text-align:center;font-size:.9375rem;color:var(--ui-secondary)}.play-primary.ui-button{min-height:3.875rem;font-size:1.25rem;box-shadow:0 .1875rem 0 var(--ui-primary-shadow)}.play-action-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.625rem}.play-action-pair .ui-button{min-height:3.375rem;min-width:0;padding:.625rem .375rem;font-size:1.0625rem;border-color:var(--ui-switch-off);box-shadow:var(--ui-shadow-ghost)}.play-icon{width:1.375rem;height:1.375rem;flex:none}.play-selected-lists{display:flex;flex-direction:column;gap:1.125rem}.play-selected-lists>section{display:flex;flex-direction:column;gap:.5rem}.play-selected-lists h2>span{font-weight:500;color:var(--ui-secondary)}.play-room-rows{list-style:none;padding:0}.play-room-rows>li{display:flex;align-items:center;gap:.75rem;min-height:4.75rem;padding:.625rem .625rem .625rem .75rem}.play-room-rows>li+li{border-top:.0625rem solid var(--ui-divider)}.play-room-avatar{width:2.875rem;height:2.875rem;flex:none;margin:.1875rem;border-radius:50%;background:var(--ui-avatar-ground);color:var(--ui-avatar-ink);display:flex;align-items:center;justify-content:center;font-size:1.1875rem;font-weight:700;box-shadow:0 0 0 .125rem var(--ui-surface),0 0 0 .1875rem var(--ui-avatar-ring)}.play-room-identity{flex:1;min-width:0;display:flex;flex-direction:column;gap:.1875rem}.play-room-identity>strong{font-size:1.0625rem;line-height:1.2;overflow-wrap:anywhere}.play-room-detail{font-size:.9375rem;color:var(--ui-secondary)}.play-room-control{display:none;font-size:1rem;font-weight:600}.play-enter-button.ui-button{flex:none;min-height:2.875rem;min-width:4.375rem;border:0;border-radius:.5rem;background:var(--ui-ink);color:var(--ui-choice-ground);padding:.5rem .625rem;font-size:1rem}.play-watch-button.ui-button{min-height:2.75rem;flex:none;padding:.5rem .625rem;border-color:var(--ui-switch-off);background:var(--ui-ground);font-size:1rem;gap:.375rem}.play-watch-button .ui-icon{width:1.125rem;height:1.125rem}.play-watcher-count{display:block;color:var(--ui-secondary);font-weight:500;font-size:.875rem}.play-live-rows .play-room-avatar{width:2.375rem;height:2.375rem;font-size:1rem}.play-live-rows>li{gap:.5rem}.play-live-rows .play-room-identity>strong{font-size:.9375rem}.play-list-empty{padding:1.375rem 1.5rem;display:flex;align-items:center;gap:1rem}.play-list-empty>span{width:3rem;height:3rem;flex:none;border-radius:50%;background:var(--ui-muted-surface);color:var(--ui-tertiary);display:flex;align-items:center;justify-content:center}.play-list-empty>p{margin:0;font-size:1rem;color:var(--ui-selected)}.play-error{color:var(--ui-danger);font-size:1rem;margin:0;padding:.75rem 1rem}.play-welcome-points{font-size:1rem;color:var(--ui-gold)}.play-quest-progress{width:11.25rem;display:flex;gap:.3125rem}.play-quest-progress>span{height:.625rem;flex:1;border-radius:.3125rem;background:var(--ui-divider-strong)}.play-quest-progress>span.quest-done{background:var(--ui-success)}.play-full-list>.play-list-empty{flex-direction:column;text-align:center}.play-full-list>.play-list-empty>span{width:4rem;height:4rem}.play-full-list>.play-list-empty>.ui-button{padding-inline:2.25rem}.play-room-options>summary{min-height:2.75rem;display:flex;align-items:center;font-size:1rem;font-weight:600;cursor:pointer}.play-room-options[open]{display:flex;flex-direction:column;gap:.875rem}.play-lobby-filters{display:flex;flex-direction:column;gap:.75rem;min-width:0}.play-lobby-filters .ui-pills{flex-wrap:wrap}.play-page-full .play-lobby-heading{flex-wrap:wrap;padding-bottom:.75rem}.play-page-full .play-lobby-filters{flex-basis:100%}.play-full-list>header{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;padding:.75rem;border-bottom:.0625rem solid var(--ui-divider-strong)}.play-full-list>header>.ui-seg{flex:1}.play-full-list>header>p{font-size:1rem;color:var(--ui-secondary)}.play-bot-levels{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem}.play-bot-levels>button{min-height:3.25rem;border-radius:.5rem;border:.09375rem solid var(--ui-switch-off);background:var(--ui-input);font-size:1.125rem;font-weight:700}.play-bot-levels>button[aria-pressed=true]{background:var(--ui-ink);color:var(--ui-choice-ground);border-color:var(--ui-ink)}.play-sheet-body{display:flex;flex-direction:column;gap:.875rem}.play-sheet-body p{margin:0;font-size:1rem;color:var(--ui-secondary)}.play-sheet-body p b{color:var(--ui-ink)}.play-sheet-body .play-sheet-or{text-align:center;font-size:.9375rem}.play-bot-actions{display:grid;grid-template-columns:minmax(0,1fr);gap:.75rem}.play-code-form{display:flex;min-width:0;border:.09375rem solid var(--ui-switch-off);border-radius:.625rem}.play-code-form input{min-width:0;flex:1;min-height:3.375rem;border:0;border-radius:.625rem 0 0 .625rem;background:var(--ui-input);padding:0 .875rem;font-size:1.125rem;letter-spacing:.0625rem}.play-code-form button{min-height:3.375rem;padding:0 1.375rem;border:0;border-left:.09375rem solid var(--ui-switch-off);border-radius:0 .625rem .625rem 0;background:var(--ui-ground);font-size:1.0625rem;font-weight:700}.play-searching{display:flex;align-items:center;gap:.75rem;min-height:3.875rem;padding:.375rem .5rem .375rem 1rem;border-radius:.625rem;background:var(--ui-surface);border:.09375rem solid var(--ui-primary)}.play-search-dot{width:.875rem;height:.875rem;flex:none;border-radius:50%;background:var(--ui-primary);box-shadow:0 0 0 .3125rem var(--ui-search-halo)}.play-searching>span:not(.play-search-dot){flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.3}.play-searching strong{font-size:1.125rem}.play-searching>span>span{font-size:.875rem;color:var(--ui-secondary)}.play-searching .ui-button{min-height:3rem;flex:none;padding:.5rem 1rem;background:var(--ui-ground);font-size:1rem}.play-matchmaking-kind{position:relative;display:block;margin:0;padding:0;border:0;background:none;color:var(--ui-secondary);font-size:.9375rem;line-height:1.45;text-align:center}.play-matchmaking-kind:before{content:"";position:absolute;inset:-.5rem 0 -.875rem}.play-matchmaking:not(.play-matchmaking-inline){padding:1rem}.play-desktop-copy{display:none}@media(min-width:1024px){.play-variant{padding:0}.play-desktop-copy{display:inline}.play-phone-copy{display:none}.play-searching{min-height:3.5rem;padding:0 .375rem 0 1rem;background:var(--ui-choice-selected)}.play-searching>span:not(.play-search-dot){flex-direction:row;align-items:baseline;flex-wrap:wrap;gap:.25rem .625rem}.play-searching>span>span{font-size:.9375rem}.play-searching .ui-button{min-height:2.75rem;padding:.375rem 1.125rem}.play-time-copy>.play-queue-hint{display:none}.play-page{max-width:80rem;margin:0 auto;padding:1.75rem 2rem;min-height:100%}.play-page-home{justify-content:flex-start;gap:1.25rem}.play-desktop-heading{display:flex;align-items:center;gap:1.75rem;min-height:4rem}.play-desktop-heading>h1{font-size:1.75rem;width:12.5rem;flex:none}.play-quest-strip{flex:1;min-width:0;min-height:4rem;padding:.5rem .5rem .5rem 1.25rem;display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}.play-quest-strip h2{font-size:1.0625rem}.play-quest-strip h2>span{font-weight:500;color:var(--ui-secondary)}.play-quest-strip h2 b{color:var(--ui-gold)}.play-quest-strip>span{font-size:.9375rem;color:var(--ui-secondary)}.play-quest-strip a,.play-quest-strip button{min-height:3rem;padding:0 .875rem;display:inline-flex;align-items:center;margin-left:auto;font-size:1rem;font-weight:700;background:none;border:0;color:var(--ui-ink);text-decoration:underline;text-underline-offset:.1875rem}.play-preview-strip{gap:1rem}.play-preview-strip p{flex:1;min-width:12rem;font-size:1rem}.play-preview-pill,.play-list-count{border-radius:1rem;padding:.3125rem .625rem;background:var(--ui-muted-surface);font-size:.9375rem;font-weight:700}.play-home-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.75rem;align-items:start}.play-choice-panel{padding:1.5rem;border-radius:.75rem;border:.0625rem solid var(--ui-border);background:var(--ui-surface);box-shadow:var(--ui-shadow-card);gap:1.25rem}.play-choice-section h2{font-size:1.1875rem}.play-variants{gap:.875rem}.play-variant{min-height:8rem;gap:.375rem}.play-variant-piece{width:3.5rem;height:3.5rem;font-size:1.875rem}.play-piece-blind>span{width:2.125rem;height:2.125rem}.play-choice-check{top:.625rem;right:.625rem}.play-times{display:flex;flex-direction:column;gap:.5rem;border:0;box-shadow:none;background:none}.play-times>li+li{border:0}.play-time{min-height:3.75rem;border-radius:.625rem;border:.09375rem solid var(--ui-pill-border);background:var(--ui-choice-ground);padding:.3125rem .875rem .3125rem .625rem}.play-time-selected{border:.15625rem solid var(--ui-primary);background:var(--ui-choice-selected)}.play-time .ui-medal{width:2.875rem;height:2.875rem}.play-time .ui-medal>span{width:2rem;height:2rem;font-size:1.125rem}.play-time-copy{gap:0}.play-time>.ui-icon{display:none}.play-time-radio{display:block;flex:none;width:1.5rem;height:1.5rem;border:.125rem solid var(--ui-radio-rim);border-radius:50%;background:var(--ui-input)}.play-time-selected .play-time-radio{border:.4375rem solid var(--ui-primary)}.play-room-hint{display:block;color:var(--ui-success);font-size:.9375rem;font-weight:600;max-width:7.5rem}.play-time-note{margin-top:0!important}.play-desktop-actions{display:flex;flex-direction:column;gap:1.25rem}.play-primary.ui-button{min-height:3.5rem;font-size:1.1875rem}.play-action-pair{gap:.75rem}.play-home-lists{display:flex;flex-direction:column;gap:1.25rem;min-width:0}.play-home-lists .ui-card>header{min-height:3.5rem;display:flex;align-items:center;flex-wrap:wrap;gap:.75rem;padding:.375rem .5rem .375rem 1.25rem;border-bottom:.0625rem solid var(--ui-divider-strong)}.play-home-lists h2{font-size:1.1875rem;min-width:0}.play-home-lists header>a{margin-left:auto;min-height:2.75rem;display:flex;align-items:center;padding:0 .75rem;font-size:1rem;font-weight:700;text-decoration:underline;text-underline-offset:.1875rem}.play-room-rows>li{min-height:4.125rem;padding:.5rem .875rem .5rem 1.25rem;gap:.875rem}.play-room-avatar{width:2.625rem;height:2.625rem;font-size:1.125rem}.play-enter-button.ui-button{min-width:4.75rem}.play-watcher-count{display:inline;font-size:1rem}.play-live-rows .play-room-identity>strong{font-size:1rem}.play-watch-button.ui-button{padding:.5rem .875rem}.play-lobby-heading{min-height:3.375rem;border:0;gap:1.125rem;padding:0;margin-bottom:1.25rem;flex-wrap:wrap}.play-page-full .play-lobby-heading{padding:0}.play-lobby-heading>.ui-icon-button{width:auto;padding:0 .875rem 0 .375rem;margin-left:-.375rem;gap:.25rem;font-size:1rem;font-weight:700}.play-lobby-heading>.ui-icon-button>span{display:inline}.play-lobby-heading>.ui-medal,.play-phone-heading,.play-lobby-title>span{display:none}.play-wide-heading{display:inline}.play-lobby-title{flex:none;padding:0}.play-lobby-title h1{font-size:1.75rem}.play-lobby-filters{flex:1!important;flex-basis:auto!important;justify-content:flex-end;align-items:center;flex-direction:row;flex-wrap:wrap;gap:.75rem 1.125rem}.play-lobby-filters>.ui-seg{width:17.5rem;max-width:100%;flex:none}.play-lobby-filters .ui-pills{gap:.5rem;flex-wrap:wrap}.play-lobby-filters .ui-pills button{padding:.625rem 1rem}.play-lobby-body{padding:0;gap:1.25rem;flex:1}.play-selected-lists{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.75rem}.play-lobby-actions{max-width:40rem}.play-page-full .play-lobby-actions{display:none}.play-full-list{flex:1;min-height:40rem;display:flex;flex-direction:column}.play-full-list>header{min-height:4.125rem;padding:.5rem 1.25rem;gap:1.25rem}.play-full-list>header>.ui-seg{flex:none;width:23.75rem}.play-full-list>.play-list-empty{flex:1;justify-content:center}.play-room-wide>li{display:grid;grid-template-columns:2.875rem minmax(0,1fr) minmax(10rem,15rem) 7rem;gap:1rem;min-height:3.75rem;padding:.375rem 1rem .375rem 1.5rem}.play-room-wide .play-room-identity{flex-direction:row;align-items:baseline;gap:.75rem;flex-wrap:wrap}.play-room-wide .play-room-control{display:block}.play-room-wide.play-live-rows>li{grid-template-columns:2.875rem minmax(0,1fr) minmax(10rem,15rem) 13rem}.play-room-wide .play-room-avatar{width:2.5rem;height:2.5rem}.play-room-wide .play-enter-button,.play-room-wide .play-watch-button{width:100%}.play-room-wide .play-room-detail{font-size:.9375rem}.play-lobby-sheet.ui-sheet{max-width:33.75rem;border:.0625rem solid var(--ui-dialog-border);border-radius:1rem}.play-lobby-sheet .ui-sheet-header{padding:1.75rem 1.75rem 0;border-bottom:0}.play-lobby-sheet-bot .ui-sheet-header>.ui-icon-button,.play-lobby-sheet-friend .ui-sheet-header>.ui-icon-button{display:none}.play-lobby-sheet .ui-sheet-header h2{font-size:1.375rem}.play-lobby-sheet .ui-sheet-content{padding:1rem 1.75rem 1.75rem}.play-lobby-sheet-bot .play-sheet-body{gap:1rem}.play-lobby-sheet-bot .play-sheet-body>p{font-size:1.0625rem}.play-bot-levels{gap:.625rem}.play-bot-levels>button{min-height:3.375rem}.play-bot-actions{grid-template-columns:minmax(0,1fr) 10rem}.play-lobby-sheet-friend .play-sheet-body>.ui-button:last-child{min-height:3.125rem}}@media(max-width:359px){.play-page-home{padding-inline:.75rem}.play-time{gap:.625rem;padding-inline:.625rem}.play-time .ui-medal{width:2.75rem;height:2.75rem}.play-time .ui-medal>span{width:2rem;height:2rem}.play-lobby-body{padding-inline:.75rem}.play-watch-button.ui-button{padding-inline:.375rem}.play-room-rows>li{gap:.5rem}}html[data-font-size=ratlon] .play-room-rows>li{flex-wrap:wrap}html[data-font-size=ratlon] .play-watch-button{max-width:100%}html[data-font-size=ratlon] .play-action-pair .ui-button{flex-wrap:wrap}html[data-font-size=ratlon] .play-code-form{flex-direction:column}html[data-font-size=ratlon] .play-code-form input{border-radius:.625rem .625rem 0 0}html[data-font-size=ratlon] .play-code-form button{border-left:0;border-top:.09375rem solid var(--ui-switch-off);border-radius:0 0 .625rem .625rem}@media(max-width:1023px){html[data-font-size=ratlon] .play-room-rows>li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.75rem}html[data-font-size=ratlon] .play-room-rows .ui-button{grid-column:2;justify-self:start}}@media(min-width:1024px){html[data-font-size=ratlon] .play-home-columns{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}html[data-font-size=ratlon] .play-room-wide>li{grid-template-columns:2.875rem minmax(0,1fr) 12rem}html[data-font-size=ratlon] .play-room-wide .play-room-control{grid-column:2}html[data-font-size=ratlon] .play-room-wide .ui-button{grid-column:3;grid-row:1 / span 2}html[data-font-size=ratlon] .play-room-hint{display:none}}@media(min-width:1024px){.play-desktop-heading{align-items:flex-start}.play-desktop-heading>h1{padding-top:.625rem}}@media(min-width:1024px){.play-full-list{min-height:min(40rem,max(18rem,calc(100dvh - 14rem)))}.play-full-list:has(.play-room-rows>li){flex:none;min-height:0}}@media(min-width:1024px)and (hover:hover){.play-variant:not(.play-variant-selected):hover,.play-time:not(.play-time-selected):hover,.play-bot-levels>button:not([aria-pressed=true]):hover{background:var(--ui-input);border-color:var(--ui-input-border)}.play-code-form button:hover:not(:disabled){background:var(--ui-muted-surface)}.play-lobby-heading>.ui-icon-button:hover{background:var(--ui-muted-surface);border-radius:.625rem}}.play-choice-section>.help-heading{margin-bottom:.625rem}.play-quest-strip .ui-help-trigger{padding:0;margin-left:0;min-height:44px;text-decoration:none}@media(max-width:1023px){.play-desktop-heading:has(.play-preview-strip){display:block;margin-bottom:1rem}.play-desktop-heading:has(.play-preview-strip)>h1{display:none}.play-preview-strip{display:flex;align-items:center;gap:.25rem;flex-wrap:wrap;padding:.625rem 1rem}.play-preview-strip p{flex:1;min-width:0;margin:0;font-size:1rem}.play-preview-strip>button{min-height:44px;padding:.5rem .75rem;font:700 1rem var(--ui-font);border:0;background:none;color:var(--ui-ink);text-decoration:underline}}.puzzle-continuation{padding:14px 16px;margin:0 0 14px;border:1px solid #667246;border-radius:9px;background:#51603b20;text-align:left}.puzzle-continuation>strong{display:block;color:var(--gold-light);font-size:.875rem}.puzzle-continuation>p{font-size:.875rem;line-height:1.6;color:var(--muted);margin:7px 0 10px}.puzzle-continuation-actions{display:flex;flex-wrap:wrap;gap:8px}.puzzle-continuation-actions>.button{min-height:42px;font-size:.875rem;padding:0 13px}.stack-form.puzzle-library-filters{display:flex;flex-direction:row;align-items:flex-start;flex-wrap:wrap;gap:16px;margin:16px 0 20px}.puzzle-library-filters>label:first-child{flex:1 1 220px}.puzzle-library-filters>label:last-child{flex:0 1 150px}.puzzle-library-count{font-size:.875rem;color:var(--muted);margin:12px 0}.training-board-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;margin:0 0 4px}.training-board-actions>.button{min-height:44px;min-width:116px;padding:0 18px;font-size:.875rem}.training-board-progress{color:var(--muted);font-size:.875rem;font-variant-numeric:tabular-nums}.training-board-actions-bottom{display:none}.training-heading-help,.training-status-row{display:contents}.training-desktop-help,.training-replay-label-desktop,.training-copy-desktop{display:none}@media(max-width:999px){.training-board-actions-bottom{display:flex;margin:12px 0 0}}.training-result-reason{font-size:.875rem;line-height:1.7;margin:12px 0}.training-result-meta{font-size:.875rem;color:var(--muted)}.training-result-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.training-result-actions>.button{min-height:44px;flex:1 1 130px}@media(min-width:1000px){.training-play-board{max-width:clamp(300px,calc((100svh - 360px)*560/620),560px)}}@media(max-width:700px){.puzzle-continuation{padding:12px;margin-bottom:10px}.puzzle-continuation-actions>.button{min-height:44px}.puzzle-continuation-actions>.button.gold{flex:1 1 150px}}.capture-tray{flex-shrink:0;padding:0 0 12px;border-bottom:1px solid #41514a77;margin-bottom:12px}.capture-tray h3{font-size:12px;letter-spacing:.2px;margin:0 0 8px;color:#d7c693}.capture-row{display:flex;align-items:center;gap:8px;min-height:31px}.capture-owner{width:72px;flex-shrink:0;font-size:11px;color:#c4cfc8;white-space:nowrap}.capture-owner.red{color:#e6a999}.capture-owner small{margin-left:5px;font-size:10px;opacity:.7}.capture-groups{display:flex;flex-wrap:wrap;gap:4px;align-items:center}.capture-token{display:inline-flex;align-items:center;gap:3px;min-width:28px;min-height:25px;padding:2px 5px;border-radius:6px;border:1px solid #bea26d70;background:#e6d4aa;color:#79362c}.capture-token.capture-black{color:#253b31}.capture-token>span{font-family:SimSun,serif;font-size:17px;line-height:1}.capture-token>b{font-size:10px;font-weight:650}.capture-token.capture-hidden{background:#27332d;color:#c9b178;border-color:#9f895a80}.capture-empty{color:#7e9487;font-size:11px}.capture-tray p{font-size:10px;color:#8fa396;margin:5px 0 0;line-height:1.4}.mobile-capture-tray{display:none}@media(max-width:900px){.mobile-capture-tray{display:block;width:100%;max-width:560px;margin:0 auto 12px;padding:9px 12px;background:#182523;border-radius:10px;border:1px solid #3c5147}.mobile-capture-tray h3{margin-bottom:3px;font-size:11px}.mobile-capture-tray .capture-row{min-height:28px}.mobile-capture-tray .capture-token{min-height:23px}.mobile-capture-tray p{margin-top:2px}.room-community .capture-tray{display:none}}.capture-token.capture-token{display:grid;grid-template-columns:1fr auto;gap:1px 3px;min-width:32px}.capture-token>small{grid-column:1 / -1;text-align:center;font-size:8px;line-height:1.1;white-space:nowrap}.capture-tray h3,.capture-owner,.capture-owner small,.capture-empty,.capture-tray p,.capture-token>b,.capture-token>small{font-size:.875rem}.capture-tray h3{color:var(--text)}.capture-empty,.capture-tray p{color:var(--muted)}.capture-owner small{opacity:1}.capture-owner{width:auto;flex:0 0 5.5rem;max-width:100%;white-space:normal}.capture-row{flex-wrap:wrap}.capture-groups{min-width:0;max-width:100%}.capture-tray h3{display:flex;align-items:center;gap:.25rem}.p2-replay-viewer{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"heading" "content" "controls";grid-template-rows:auto minmax(0,1fr) auto;min-width:0;min-height:0;height:100%;color:var(--ui-ink);font-family:var(--ui-font)}.p2-replay-scroll{grid-area:content;min-height:0;min-width:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin}.p2-replay-heading{grid-area:heading;min-width:0;min-height:3.25rem;display:flex;align-items:center;gap:.25rem;padding:0 .25rem;border-bottom:1px solid var(--ui-divider-strong)}.p2-replay-heading .p2-replay-back{width:2.75rem;min-height:2.75rem}.p2-replay-title{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;line-height:1.25;padding:.25rem 0}.p2-replay-title h1{margin:0;font-size:1.1875rem;font-weight:700;line-height:1.25;text-align:center}.p2-replay-title p{font-size:.875rem;color:var(--ui-secondary);line-height:1.25;margin:0;text-align:center;overflow-wrap:anywhere}.p2-replay-heading .p2-replay-share{width:2.75rem;min-height:2.75rem;padding:0;border:0;background:none;box-shadow:none;color:var(--ui-secondary);flex:none}.p2-replay-share svg{width:1.4375rem;height:1.4375rem;flex:none}.p2-replay-heading .p2-replay-share>span,.p2-replay-heading .p2-replay-privacy{display:none}.p2-replay-board-column{grid-area:board;display:flex;flex-direction:column;min-width:0}.p2-replay-board-space{display:flex;align-items:center;justify-content:center;min-width:0}.p2-replay-player{display:flex;align-items:center;gap:.625rem;min-height:2.5rem;padding:.1875rem .75rem;min-width:0}.p2-replay-avatar{width:1.875rem;height:1.875rem;flex:none;border-radius:50%;background:#e3dccf;color:#4a4258;display:flex;align-items:center;justify-content:center;font-size:.9375rem;font-weight:700}.p2-replay-player-red .p2-replay-avatar{background:var(--ui-avatar-ground);color:var(--ui-avatar-ink)}.p2-replay-player-name{flex:1;min-width:0;display:flex;gap:.25rem;flex-wrap:wrap;align-items:baseline}.p2-replay-player-name strong{font-size:1rem;font-weight:600;line-height:1.3;min-width:0;max-width:100%;overflow-wrap:anywhere}.p2-replay-player-name>span{font-size:.875rem;font-weight:500;color:var(--ui-tertiary);line-height:1.3}.p2-replay-board{width:min(344px,calc(100% - 46px));align-self:center}.p2-replay-board .board-shell{max-width:none;margin:0;padding-bottom:0;filter:none}.p2-replay-board .board-art{container-type:inline-size}.p2-replay-board .board-shell.board-visuals .piece-glyph,.p2-replay-board .board-shell.board-visuals .piece.covered .piece-glyph{font-size:5.3cqw}.p2-replay-board .board-coordinates{display:none}.p2-replay-details{grid-area:details;display:flex;flex-direction:column;min-width:0;gap:.5rem;padding:.375rem .75rem .5rem}.p2-replay-counter{padding:.5rem .75rem;display:flex;flex-direction:column;gap:.25rem;flex:none}.p2-replay-counter>div{min-height:2rem;display:flex;gap:.5rem;flex-wrap:wrap;align-items:center;justify-content:space-between}.p2-replay-counter>div>span{font-size:1rem;color:var(--ui-secondary);font-variant-numeric:tabular-nums}.p2-replay-counter b{font-size:1.1875rem;color:var(--ui-ink)}.p2-replay-counter strong{font-size:1.0625rem;font-weight:700}.p2-replay-counter input{width:100%;min-width:0;height:2.75rem;padding:0;margin:0;accent-color:var(--ui-primary);background:none;border:0;cursor:pointer}.p2-replay-desktop-timeline,.p2-replay-desktop-heading{display:none}.p2-replay-tools{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;min-width:0}.p2-replay-tools .ui-button{flex:1;min-height:2.75rem;padding:.375rem .5rem;font-size:.9375rem}.p2-replay-tools svg{width:1.125rem;height:1.125rem;flex:none}.p2-replay-tools label{flex:0 0 auto;display:flex;align-items:center;justify-content:center;gap:.375rem;font-size:.875rem;color:var(--ui-secondary);white-space:nowrap}.p2-replay-tools select{min-height:2.75rem;min-width:3.375rem;width:auto;padding:.25rem;border:.0625rem solid var(--ui-border);border-radius:.5rem;background:var(--ui-surface);color:var(--ui-ink);font-size:1rem}.p2-replay-controls{grid-area:controls;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.5rem;padding:.5rem .75rem;flex:none;border-top:1px solid var(--ui-divider-strong);background:var(--ui-wood-grain),var(--ui-wood)}.p2-replay-controls button{height:3.5rem;min-height:2.75rem;min-width:0;border-radius:.625rem;border:.0625rem solid var(--ui-border);background:var(--ui-surface);color:var(--ui-ink);display:flex;align-items:center;justify-content:center;padding:0;box-shadow:var(--ui-shadow-card)}.p2-replay-controls button:disabled{opacity:.4;box-shadow:none}.p2-replay-controls svg{width:1.625rem;height:1.625rem}.p2-replay-controls .p2-replay-play{background:var(--ui-primary);border-color:var(--ui-primary);color:var(--ui-on-primary)}.p2-replay-play svg{width:1.75rem;height:1.75rem}.p2-replay-timeline h2{margin:0;padding:.625rem .875rem;min-height:2.875rem;display:flex;align-items:center;font-size:1.1875rem;font-weight:700;border-bottom:1px solid var(--ui-divider-strong)}.p2-replay-timeline ol{list-style:none;margin:0;padding:0;max-height:18rem;overflow-y:auto}.p2-replay-timeline li+li{border-top:1px solid var(--ui-divider)}.p2-replay-timeline li button{width:100%;min-height:3.625rem;border:0;background:transparent;display:flex;align-items:center;gap:.875rem;padding:.375rem .875rem;text-align:left;color:var(--ui-ink)}.p2-replay-timeline [aria-current=step]{background:#f1e3c6}.p2-replay-timeline button>span:first-child{width:2.875rem;flex:none;font-size:.9375rem;color:var(--ui-secondary);line-height:1.2}.p2-replay-timeline button>span:first-child b{display:block;font-size:1.1875rem;color:var(--ui-ink)}.p2-replay-timeline button>strong{flex:1;min-width:0;font-size:1rem;font-weight:600;overflow-wrap:anywhere}.p2-replay-check{background:#f6ddd4;color:var(--ui-danger);border-radius:.9375rem;padding:.25rem .5rem;font-size:.875rem}.p2-replay-timeline>p{padding:.75rem;margin:0}.p2-replay-note{font-size:.875rem;color:var(--ui-secondary);margin:.75rem 0 0}.p2-replay-publish{display:flex;flex-direction:column;gap:.75rem}.p2-replay-publish-lock{width:3.25rem;height:3.25rem;flex:none;border-radius:50%;background:#f3e5c8;color:#7a4e1e;display:flex;align-items:center;justify-content:center}.p2-replay-publish-lock svg{width:1.625rem;height:1.625rem}.p2-replay-publish p{margin:0;font-size:1rem;color:var(--ui-seg-ink)}.p2-replay-publish>div{display:flex;flex-direction:column;gap:.75rem}.p2-replay-share-content{display:flex;flex-direction:column;gap:.875rem}.p2-replay-share-content>p{margin:0;padding:.625rem .75rem;border-radius:.5rem;background:#efe5cf;font-size:.9375rem;color:var(--ui-selected);overflow-wrap:anywhere}.p2-replay-share-content>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.p2-replay-share-content svg{width:1.375rem;height:1.375rem;flex:none}.p2-replay-list-screen{display:flex;flex-direction:column;gap:1rem;max-width:560px;margin:auto}.p2-replay-list-screen h1{font-size:1.5rem;margin:0}.p2-replay-list-screen header p{font-size:1rem;color:var(--ui-secondary);margin:.5rem 0 0}.p2-replay-notice{padding:1rem;margin:0}.p2-replay-summary .ui-list-row-label>span{font-weight:400;color:var(--ui-secondary)}.p2-replay-symbol{width:2.875rem;height:2.875rem;flex:none;border-radius:50%;border:.15625rem solid #C4A066;background:#f4e5c3;color:var(--ui-primary);font:700 1.5rem/1 var(--ui-glyph-font);display:flex;align-items:center;justify-content:center;box-shadow:0 .1875rem #8c6c40}.p2-replay-symbol-blind{background:#7a5230;box-shadow:0 .1875rem #4e331c}.p2-replay-symbol-blind>span{width:1.75rem;height:1.75rem;border:.125rem dashed rgba(244,229,195,.55);border-radius:50%}.p2-replay-outcome{display:block;color:var(--ui-selected);font-weight:600;margin-top:.25rem}@media(max-width:1023px)and (max-height:700px){.p2-replay-board{width:min(344px,calc(100% - 46px),calc((100dvh - 385px)*.9032258))}.p2-replay-counter input{height:2.75rem}.p2-replay-details{gap:.375rem}.p2-replay-title p{font-size:.875rem}}@media(min-width:1024px){.p2-replay-viewer{width:100%;max-width:1280px;margin:0 auto;padding:1.75rem 2rem;grid-template-columns:minmax(0,580px) minmax(0,540px);grid-template-areas:"board details" "board controls";grid-template-rows:minmax(0,1fr) auto;gap:.875rem 2.5rem;justify-content:center;align-content:start;min-height:0}.p2-replay-scroll{display:contents}.p2-replay-viewer>.p2-replay-heading{display:none!important}.p2-replay-desktop-heading{display:block;flex:none;min-width:0}.p2-replay-heading{border:0;flex-wrap:wrap;align-content:start;gap:.625rem;padding:0;min-height:3rem}.p2-replay-heading .p2-replay-back{margin-left:-.625rem}.p2-replay-title{align-items:flex-start;padding:0}.p2-replay-title h1{font-size:1.5rem;line-height:1.25;text-align:left}.p2-replay-title p{font-size:1rem;text-align:left;margin-top:.5rem}.p2-replay-heading .p2-replay-privacy{display:flex;align-items:center;gap:.375rem;min-height:2rem;padding:.25rem .75rem;border-radius:1rem;background:#f3e1c0;color:#7a4e1e;font-size:.9375rem;font-weight:700}.p2-replay-privacy svg{width:.9375rem;height:.9375rem}.p2-replay-heading .p2-replay-public{background:#dcebdd;color:#245b40}.p2-replay-heading .p2-replay-share{width:auto;min-height:3rem;padding:.5rem 1rem;border:.09375rem solid var(--ui-avatar-ring);background:var(--ui-surface);color:var(--ui-ink);font-size:1.0625rem;box-shadow:var(--ui-shadow-card)}.p2-replay-heading .p2-replay-share>span{display:inline}.p2-replay-heading .p2-replay-share svg{width:1.25rem;height:1.25rem}.p2-replay-board-column{display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:.625rem;min-height:0}.p2-replay-board-space{min-height:0;container-type:size}.p2-replay-player{min-height:3rem;padding:.1875rem .25rem;gap:.75rem}.p2-replay-avatar{width:2.25rem;height:2.25rem;font-size:1rem}.p2-replay-player-name strong{font-size:1.0625rem;font-weight:700}.p2-replay-player-name>span{font-size:.9375rem;color:var(--ui-secondary)}.p2-replay-board{width:min(580px,100cqw,90.32258cqh);max-width:100%}.p2-replay-details{gap:.875rem;padding:0 .5rem 0 0;justify-content:flex-start;min-height:0;overflow:auto;scrollbar-width:thin;overscroll-behavior:contain}.p2-replay-counter{padding:.75rem 1.25rem}.p2-replay-counter>div>span{font-size:1.0625rem}.p2-replay-counter b{font-size:1.3125rem}.p2-replay-desktop-timeline{display:flex;flex-direction:column;flex:none;min-height:0;order:3}.p2-replay-desktop-timeline .p2-replay-timeline{display:flex;flex-direction:column;flex:none;min-height:0}.p2-replay-desktop-timeline .p2-replay-timeline h2{flex:none}.p2-replay-desktop-timeline .p2-replay-timeline ol{flex:none;min-height:0;max-height:none;overflow:visible}.p2-replay-tools{flex:none;order:2}.p2-replay-timeline h2{padding:0 1.25rem}.p2-replay-timeline li button{padding:.375rem 1.25rem}.p2-replay-controls{gap:.625rem;padding:0;border:0;background:none}.p2-replay-publish>div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr)}.p2-replay-publish-sheet,.p2-replay-share-sheet,.p2-replay-moves-sheet{max-width:560px}html[data-font-size=ratlon] .p2-replay-heading{display:grid;grid-template-columns:2.75rem minmax(0,1fr) auto;align-items:center}html[data-font-size=ratlon] .p2-replay-heading .p2-replay-back{grid-column:1;grid-row:1;margin:0}html[data-font-size=ratlon] .p2-replay-title{grid-column:2 / -1;grid-row:1}html[data-font-size=ratlon] .p2-replay-heading .p2-replay-privacy{grid-column:2;grid-row:2;justify-self:start}html[data-font-size=ratlon] .p2-replay-heading .p2-replay-share{grid-column:3;grid-row:2}}@media(min-width:1024px)and (hover:hover){.p2-replay-timeline li button:hover{background:var(--ui-muted-surface)}.p2-replay-controls button:hover:not(:disabled):not(.p2-replay-play){background:var(--ui-input);border-color:var(--ui-input-border)}.p2-replay-controls .p2-replay-play:hover:not(:disabled){background:var(--ui-danger);border-color:var(--ui-danger)}}.ui-sheet:has(>.ui-sheet-content>.cosmetic-preview){height:min(53.125rem,90dvh)}.ui-sheet:has(>.ui-sheet-content>.cosmetic-preview)>.ui-sheet-content{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.cosmetic-preview{display:flex;flex-direction:column;min-height:0;flex:1;color:var(--preview-text);background:var(--preview-surface);border:1px solid var(--preview-line);border-radius:9px;overflow:hidden}.cosmetic-preview-body{display:flex;flex-direction:column;gap:22px;flex:1;min-height:0;padding:20px;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.cosmetic-preview-stage{display:flex;justify-content:center;align-items:center;width:100%;min-width:0;flex-shrink:0;align-self:center;padding:4px 0 0}.cosmetic-preview-stage>.board-shell{max-width:430px;margin:0 auto}.cosmetic-preview .board-coordinates{color:var(--preview-muted)}.cosmetic-preview-guide{display:flex;flex-direction:column;gap:13px;min-width:0;align-self:start}.cosmetic-preview-guide>.eyebrow{color:var(--preview-accent);font-size:.875rem;letter-spacing:.075rem}.cosmetic-preview-guide p{font-size:.875rem;line-height:1.65;color:var(--preview-muted);margin:0}.cosmetic-preview-guide .cosmetic-preview-free{display:flex;align-items:flex-start;gap:8px;color:var(--preview-text);font-weight:600}.cosmetic-preview-free svg{flex-shrink:0;margin-top:2px;color:var(--preview-accent)}.cosmetic-preview .cosmetic-preview-scene-buttons{display:flex;gap:8px}.cosmetic-preview .button.secondary{background:var(--preview-surface);border-color:var(--preview-line);color:var(--preview-text);min-height:2.75rem}.cosmetic-preview .button.secondary[aria-pressed=true]{border-color:var(--preview-accent);box-shadow:inset 0 0 0 1px var(--preview-accent)}.cosmetic-preview .button.gold{background:var(--preview-accent);color:var(--preview-accent-text);border-color:var(--preview-accent);min-height:2.75rem}.cosmetic-preview-status{padding:12px;border:1px solid var(--preview-line);border-radius:6px;background:color-mix(in srgb,var(--preview-surface) 92%,var(--preview-accent))}.cosmetic-preview-status>strong{display:block;font-size:.875rem;margin-bottom:.3125rem;color:var(--preview-text)}.cosmetic-preview-slots{display:grid;gap:7px;padding:0;margin:0;list-style:none}.cosmetic-preview-slots li{display:flex;justify-content:space-between;align-items:start;gap:.75rem;border-bottom:1px solid var(--preview-line);padding:.4375rem 0;font-size:.875rem}.cosmetic-preview-slots li>span{flex-shrink:0;color:var(--preview-muted)}.cosmetic-preview-slots li>strong{text-align:right;overflow-wrap:anywhere;color:var(--preview-text);font-weight:600}.cosmetic-preview-guide .cosmetic-preview-note{font-size:.875rem}.cosmetic-preview-controls{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;flex-shrink:0;padding:12px 16px;border-top:1px solid var(--preview-line);background:var(--preview-surface)}.cosmetic-preview-actions{display:flex;gap:8px;align-items:center}.cosmetic-preview-scene-buttons>.button{flex:1;min-width:0;line-height:1.25}.cosmetic-preview-controls .button{min-height:2.75rem;padding:0 .875rem;font-size:.875rem;white-space:normal}.cosmetic-preview-controls .button.gold{margin-left:auto;min-width:78px}.cosmetic-try-buttons{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.cosmetic-try-buttons>.button{flex:1;min-width:0;min-height:44px;margin-top:0}.cosmetic-item-try-button{width:100%;min-height:44px;margin-top:12px}@media(max-width:850px){.cosmetic-preview-controls{grid-template-columns:1fr}.cosmetic-preview-actions{justify-content:flex-end}}@media(max-width:700px){.cosmetic-preview-body{display:flex;flex-direction:column;gap:.9375rem;padding:.75rem}.cosmetic-preview-stage{width:100%;flex-shrink:0;align-self:center}.cosmetic-preview-stage>.board-shell{max-width:min(430px,calc((100dvh - 240px)*.85))}.cosmetic-preview-guide{width:100%;gap:.6875rem}.cosmetic-preview .cosmetic-preview-scene-buttons{flex-direction:row;flex-wrap:wrap}.cosmetic-preview-scene-buttons>.button{flex:1;padding:.375rem .5625rem;font-size:.875rem;white-space:normal}.cosmetic-preview-slots{display:none}.cosmetic-preview-guide .cosmetic-preview-note{font-size:.875rem}.cosmetic-preview-controls{grid-template-columns:1fr;padding:.625rem;gap:.4375rem}.cosmetic-preview-controls .button{padding:.375rem .625rem;font-size:.875rem}.cosmetic-preview-controls .button.gold{min-width:3.75rem}.cosmetic-preview-actions{gap:.4375rem;flex-wrap:wrap}.cosmetic-preview-guide p{font-size:.875rem}.cosmetic-try-buttons{flex-direction:column}.cosmetic-try-buttons>.button{flex:auto;width:100%}}@media(max-height:540px)and (min-width:701px){.cosmetic-preview-body{padding:12px;gap:18px}.cosmetic-preview-stage>.board-shell{max-width:calc((100dvh - 160px)*.85)}}@media(prefers-reduced-motion:reduce){.cosmetic-preview *{scroll-behavior:auto!important}}.invite-page{width:100%;min-height:100%;display:flex;flex-direction:column;gap:0;padding:0;color:var(--ui-ink);font:1rem/1.45 var(--ui-font);overflow-wrap:anywhere}.invite-page h1,.invite-page p{margin:0}.invite-page-center{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.625rem;text-align:center;padding:1rem 0;min-width:0}.invite-page h1{letter-spacing:0;margin-top:.5rem;font-size:1.5rem;font-weight:700;line-height:1.3}.invite-page p{font-size:1rem;line-height:1.45;color:var(--ui-secondary)}.invite-avatar{width:3.25rem;height:3.25rem;flex:none;border-radius:50%;background:var(--ui-avatar-ground);color:var(--ui-avatar-ink);display:flex;align-items:center;justify-content:center;font-size:1.375rem;font-weight:700}.invite-avatar-large{width:5.5rem;height:5.5rem;font-size:2.25rem;box-shadow:0 0 0 .25rem var(--ui-surface),0 0 0 .34375rem var(--ui-border)}.invite-page-actions{flex:none;display:flex;flex-direction:column;gap:.625rem}.invite-facts{align-self:stretch;margin-top:.625rem;text-align:left}.invite-facts ul{margin:0;padding:0;list-style:none}.invite-facts li{display:flex;align-items:center;gap:.875rem;min-height:4rem;padding:.375rem .875rem}.invite-facts li+li{border-top:.0625rem solid var(--ui-divider)}.invite-fact-icon{width:2.5rem;height:2.5rem;flex:none;border-radius:50%;background:var(--ui-warm-surface);color:var(--ui-warm-ink);display:flex;align-items:center;justify-content:center}.invite-facts li>span:last-child{display:flex;flex-direction:column;line-height:1.35}.invite-facts strong{font-size:1.0625rem}.invite-facts li>span:last-child>span{font-size:.9375rem;color:var(--ui-secondary)}.invite-expired-icon{width:4.75rem;height:4.75rem;border-radius:50%;background:var(--ui-muted-surface);color:var(--ui-selected);display:flex;align-items:center;justify-content:center}.invite-expired-icon svg{width:2.25rem;height:2.25rem}.invite-page-center:has(.invite-expired-icon){gap:.75rem}.invite-page-center:has(.invite-expired-icon) h1{font-size:1.375rem;line-height:1.35;margin-top:.375rem}.invite-visitor .invite-page-body{gap:.75rem;padding-bottom:1.375rem}.invite-visitor-summary{display:flex;align-items:center;gap:.875rem;padding:.75rem .875rem}.invite-visitor-summary>span:last-child{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.35}.invite-visitor-summary strong{font-size:1.0625rem}.invite-visitor-summary>span:last-child>span{font-size:.9375rem;color:var(--ui-secondary)}.invite-visitor-space{flex:1;min-height:2rem}.invite-visitor-login{display:flex;flex-direction:column;gap:.625rem;text-align:center}.invite-visitor-login h1{font-size:1.3125rem}.invite-visitor-login>p{margin-bottom:.25rem}.invite-visitor-login .invite-terms{font-size:.875rem;line-height:1.55}.invite-terms a{color:var(--ui-ink);font-weight:700;text-decoration:underline;text-underline-offset:.1875rem}.invite-inapp-sheet .ui-sheet-header{display:none}.invite-inapp-sheet .ui-sheet-content{padding:1.25rem 1rem 1.375rem}.invite-inapp-body{display:flex;flex-direction:column;gap:.875rem;color:var(--ui-ink);font:1rem/1.45 var(--ui-font)}.invite-inapp-identity{display:flex;align-items:center;gap:.875rem}.invite-inapp-identity .invite-avatar{width:3.5rem;height:3.5rem;font-size:1.4375rem;background:var(--ui-avatar-muted);color:var(--ui-avatar-muted-ink)}.invite-inapp-identity>strong{font-size:1.3125rem;line-height:1.3}.invite-inapp-facts{display:flex;flex-direction:column;gap:.25rem;padding:.75rem .875rem;border-radius:.625rem;background:var(--ui-ground);line-height:1.4}.invite-countdown{display:flex;flex-direction:column;gap:.375rem}.invite-countdown>span{display:flex;align-items:baseline;flex-wrap:wrap;gap:.25rem .5rem;color:var(--ui-secondary);font-size:.9375rem}.invite-countdown>span>span{flex:1;min-width:10rem}.invite-countdown b{font-size:1.0625rem;color:var(--ui-ink);font-variant-numeric:tabular-nums}.invite-countdown progress{appearance:none;width:100%;height:.625rem;border:0;border-radius:.3125rem;background:var(--ui-divider-strong)}.invite-countdown progress::-webkit-progress-bar{background:var(--ui-divider-strong);border-radius:.3125rem}.invite-countdown progress::-webkit-progress-value{background:var(--ui-gold);border-radius:.3125rem}.invite-response-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.625rem;margin-top:.125rem}.invite-response-actions .ui-button{min-width:0}@media(min-width:1024px){.invite-page{max-width:35rem;margin:0 auto;min-height:calc(100dvh - 4.25rem);padding:0}.invite-inapp-sheet.ui-sheet{max-width:33.75rem;border-radius:1rem;border:.0625rem solid var(--ui-dialog-border)}.invite-inapp-sheet .ui-sheet-content{padding:1.75rem}}.invite-header{min-height:3.5rem;flex:none;display:flex;align-items:center;gap:.625rem;padding:0 1rem}.invite-header>span{width:1.875rem;height:1.875rem;flex:none;border-radius:.25rem;background:var(--ui-primary);color:var(--ui-on-primary);font:700 1.125rem/1 var(--ui-glyph-font);display:flex;align-items:center;justify-content:center}.invite-header>strong{font-size:1.1875rem;font-weight:700}.invite-page-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:1rem;padding:.25rem 1.25rem 1.5rem}@media(min-width:1024px){.invite-header{display:none}.invite-page-body{padding:1.75rem 1.25rem}}.invite-countdown{width:4rem;height:4rem;align-self:center;display:grid;place-items:center;padding:.25rem;border-radius:50%;background:conic-gradient(var(--ui-gold) var(--invite-countdown-progress),var(--ui-divider-strong) 0)}.invite-countdown>b{width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--ui-surface);font-size:1.0625rem;color:var(--ui-ink);font-variant-numeric:tabular-nums}.pwa-update-dimmer{position:fixed;inset:0;z-index:1100;display:flex;align-items:center;justify-content:center;padding:1rem;background:var(--ui-dimmer,rgba(46,30,12,.42))}.pwa-update-dialog{width:100%;max-width:30rem;box-sizing:border-box;padding:1.5rem;border-radius:1rem;background:var(--ui-surface,#FBF6EC);color:var(--ui-ink,#2E2216);font:1.0625rem/1.45 var(--ui-font,system-ui,sans-serif);box-shadow:0 1rem 2.5rem #2e1e0c47;text-align:center}.pwa-update-dialog:focus{outline:none}.pwa-update-dialog h2{margin:0 0 .5rem;font-size:1.375rem;font-weight:700}.pwa-update-dialog p{margin:0 0 1.25rem;color:var(--ui-secondary,#5E4B36)}.pwa-update-dialog .pwa-update-message{color:var(--ui-ink,#2E2216);font-weight:600}.pwa-update-actions{display:flex;flex-direction:column;align-items:stretch;gap:.5rem}.pwa-update-dialog :focus-visible{outline:.125rem solid var(--ui-focus,#B83A2B);outline-offset:.125rem}.cosmetic-tabs{display:flex;gap:8px;overflow-x:auto;margin-bottom:22px;padding-bottom:4px}.cosmetic-tabs button{white-space:nowrap;flex-shrink:0}.cosmetic-preview{display:flex;align-items:center;justify-content:center}.cosmetic-avatar{display:grid;place-items:center;width:74px;height:74px;border-radius:50%;background:#253436;color:#e7d9b3;font-size:2.25rem}.frame-gold{outline:2px solid #dfbd69;outline-offset:2px;box-shadow:0 0 0 5px #b6994c2b}.frame-jade{outline:2px solid #96cbaa;outline-offset:2px;box-shadow:0 0 0 5px #89bda22b}.cosmetic-title{color:var(--ui-gold);font-size:1.375rem;font-weight:600;padding:.875rem 1.25rem;border:1px solid var(--ui-border);border-radius:.625rem;background:var(--ui-surface);max-width:100%;text-align:center;overflow-wrap:anywhere}.move-preview{font-size:3.625rem;color:#edd495}.move-preview.move-ink{color:#233e36;background:#dac39a;border-radius:50%;width:86px;text-align:center}.move-preview.move-glow{text-shadow:0 0 20px #ffdf88}.board-shell.move-ink .board-square.last-move .piece:after{border:3px solid #243d32cc;inset:-5px}.board-shell.move-ink .last-dot{background:#243d32cc}.board-shell.move-glow .board-square.last-move .piece:after{border-color:#fff2bb;box-shadow:0 0 12px #ffe9a075}.board-shell.move-glow .last-dot{background:#fff2bb;box-shadow:0 0 10px #ffe9a080}.season-progress{display:flex;flex-wrap:wrap;gap:8px 16px;padding:16px 0;color:#c5cfc9}.season-progress p{flex-basis:100%;font-size:.8125rem;margin:2px 0}.season-progress>strong{color:#ddc88e}.filter-tabs select{max-width:270px;background:#172327;color:#d6ddd8;border:1px solid #405254;border-radius:6px;padding:8px}.season-rewards{padding:22px;margin-top:18px}.season-rewards p{display:flex;align-items:center;gap:7px}.admin-offer{display:flex;flex-wrap:wrap;gap:14px;padding:16px 0;border-bottom:1px solid #c7ced4}.admin-offer>strong{flex-basis:100%}.admin-offer label{flex:1 1 160px}.admin-offer input:not([type=checkbox]){min-width:0;width:100%}.admin-table-wrap input:not([type=checkbox]){min-width:100px;width:100%;max-width:250px}.admin-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.replay-controls{flex-wrap:wrap;gap:.5rem}.replay-controls>:is(button,select){flex-shrink:0;min-width:2.75rem;min-height:2.75rem}.replay-range input{min-width:0;width:0}.replay-list-item{flex-wrap:wrap;gap:.75rem}.replay-list-item>div:nth-child(2){flex:1 1 11rem;min-width:0}.replay-list-item>.status-tag{white-space:normal;max-width:100%}.replay-list-item>svg{margin-left:auto}.filter-tabs select{background:var(--panel-light);color:var(--text);border-color:var(--line);min-height:2.75rem;font-size:.875rem}@media(max-width:700px){.cosmetic-tabs{margin-bottom:16px}.season-progress{padding:12px 0}.filter-tabs select{max-width:100%;width:100%}.cosmetic-title{font-size:1.1875rem}}.ranking-rewards{margin:0 0 18px;padding:14px 16px;border:1px solid var(--line);border-radius:8px;background:#5c573014}.ranking-rewards h3{margin:0 0 10px;font-size:.75rem;font-weight:600;color:#ddc88e}.ranking-rewards ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:6px 28px}.ranking-rewards li{display:flex;justify-content:space-between;gap:12px;font-size:.75rem;color:#c5cfc9}.ranking-rewards li.active{color:var(--gold-light)}.ranking-rewards li span{white-space:nowrap}.ranking-rewards li strong{font-weight:600;text-align:right}.ranking-rewards small{display:block;margin-top:10px;font-size:.6875rem;color:var(--muted)}.season-progress span{display:inline-flex;align-items:center;gap:5px}@media(max-width:700px){.leaderboard-panel .filter-tabs{flex-wrap:wrap;row-gap:10px}.ranking-rewards{padding:12px}.ranking-rewards ul{grid-template-columns:1fr}}.visitor-banner{display:flex;align-items:center;gap:.875rem;flex-wrap:wrap;padding:1rem 1.25rem;margin-bottom:1.125rem;border:1px solid var(--ui-border);border-radius:.5rem;background:var(--ui-surface);color:var(--ui-text);font-size:1rem;line-height:1.6}.visitor-banner>span{flex:1 1 15.625rem;min-width:0}.visitor-banner .button,.visitor-prompt .button,.visitor-room-card .button,.visitor-login{min-height:2.75rem;font-size:1rem;white-space:normal}.visitor-banner .icon-button{min-width:2.75rem;min-height:2.75rem}.visitor-prompt,.visitor-room-card{padding:1.5rem;margin-bottom:1.25rem;background:var(--ui-surface);color:var(--ui-text);border-color:var(--ui-border)}.visitor-prompt p,.visitor-room-card p{font-size:1rem;line-height:1.6;margin:.75rem 0 1.125rem;color:var(--ui-secondary)}.visitor-room-card .button{margin-right:.625rem;margin-bottom:.5rem;max-width:100%}@media(max-width:600px){.visitor-banner{padding:.875rem}.visitor-banner>.button{flex:1}.visitor-prompt,.visitor-room-card{padding:1.125rem}}.stack-form .checkbox-label{flex-direction:row;align-items:center;gap:10px}.stack-form .checkbox-label input{width:16px;height:16px;accent-color:var(--gold);padding:0;flex-shrink:0}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.46}button,a,input,select{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--gold);outline-offset:4px}button,a{color:inherit}svg{flex-shrink:0}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:600;letter-spacing:-.45px}h1{font-size:2rem;line-height:1.25}h2{font-size:1.3125rem;line-height:1.35}h3{font-size:1rem;line-height:1.4}p{line-height:1.7}em{font-style:normal;color:var(--gold-light)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.small{font-size:.875rem}.muted{color:var(--muted)}.eyebrow{font-size:.875rem;font-weight:650;letter-spacing:2px;display:inline-flex;align-items:center;gap:8px;color:var(--gold);line-height:1.5}.live-dot{height:6px;width:6px;border-radius:50%;background:#92b795;display:inline-block;box-shadow:0 0 0 4px #92b79510;flex-shrink:0}.live-dot.dim{background:var(--gold);box-shadow:none}.presence-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#b77866;flex-shrink:0}.presence-dot.online{background:#7dab8b}.brand-mark{width:41px;height:41px;display:grid;place-items:center;color:var(--gold-light);border:1px solid #b9975c66;border-radius:11px;font-size:1.5625rem;font-family:serif;background:linear-gradient(135deg,#b9935522,#b9935505)}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:2.75rem;padding:0 18px;border:1px solid transparent;border-radius:7px;font-size:.875rem;font-weight:600;text-decoration:none;line-height:1.4;transition:background .15s,border-color .15s,transform .15s}.button:not(:disabled):active{transform:translateY(1px)}.button.gold{background:var(--ui-primary);color:var(--ui-on-primary);box-shadow:0 4px 12px #0002}.button.gold:hover:not(:disabled){background:var(--ui-primary)}.button.secondary{background:var(--panel);border-color:#3d4b40;color:var(--text)}.button.secondary:hover:not(:disabled){background:var(--panel);border-color:#53654f}.button.ghost{background:var(--panel);border-color:var(--line);color:var(--text)}.button.ghost:hover:not(:disabled){background:var(--panel);border-color:#4b5550}.button.danger{background:var(--ui-primary);color:var(--red)}.small-button{min-height:2.75rem;padding:0 12px;font-size:.875rem}.icon-button{display:inline-grid;place-items:center;border:1px solid var(--line);background:none;border-radius:6px;width:33px;height:2.75rem;color:var(--muted);padding:0}.icon-button:hover{color:var(--gold)}.text-button{border:0;background:none;padding:0;color:var(--gold);font-size:.875rem;display:inline-flex;align-items:center;gap:7px}.text-button:hover{color:var(--gold-light)}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:17px}.section-heading>.eyebrow{margin-bottom:5px}.section-heading div>.eyebrow{margin-bottom:4px}.heading-inline{display:flex;align-items:center;gap:10px}.count-badge{font-size:.875rem;padding:2px 7px;background:#30392f;color:var(--text);border-radius:5px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:11px;padding:23px}.filter-tabs{display:flex;gap:18px;align-items:center;border-bottom:1px solid var(--line);margin-bottom:16px}.filter-tabs button{background:none;border:0;color:var(--muted);font-size:.875rem;padding:0 0 12px;position:relative;white-space:nowrap}.filter-tabs button.active{color:var(--gold-light)}.filter-tabs button.active:after{content:"";height:.125rem;position:absolute;bottom:-1px;left:0;right:0;background:var(--gold)}.separator{padding:0 4px}.status-tag{font-size:.875rem;font-weight:500;color:var(--text);border:1px solid var(--line);border-radius:4px;padding:4px 7px;display:inline-flex;align-items:center;background:var(--panel);line-height:1.2;white-space:nowrap}.status-tag.waiting{color:var(--text);background:var(--panel)}.status-tag.playing{color:var(--gold);background:var(--panel);border-color:#c7ad5620}.page-title{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:10px 0 29px}.page-title .eyebrow{margin-bottom:10px}.page-title p{font-size:.875rem;color:var(--muted);margin-top:11px}.page-title>svg{color:var(--gold)}.progress-pill{display:flex;align-items:center;gap:9px;padding:10px 15px;border:1px solid var(--line);border-radius:7px;background:var(--panel);color:var(--text);font-size:.875rem}.daily-challenge{padding:33px 37px;display:flex;justify-content:space-between;border:1px solid var(--line);border-radius:11px;background:var(--panel);position:relative;overflow:hidden}.daily-challenge h2{font-size:1.8125rem;margin:13px 0 10px}.daily-challenge p{font-size:.875rem;color:var(--muted);margin-bottom:22px}.challenge-art{font-family:serif;font-size:6.25rem;position:relative;align-self:center;color:#bca374;width:115px;height:115px;display:grid;place-items:center;border:3px solid #bca37440;border-radius:50%;box-shadow:0 7px #1b2418,0 8px 24px #0004;background:#384330}.challenge-art>span{font-size:3.75rem;position:absolute;left:-54px;bottom:-20px;width:75px;height:75px;background:#c3a574;border-radius:50%;border:2px solid #e6c68e;box-shadow:0 5px #746042;display:grid;place-items:center;color:#853e30}.puzzles-heading{margin-top:32px}.puzzle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.puzzle-card{text-align:left;position:relative;transition:border-color .2s}.puzzle-card:hover{border-color:#827655}.puzzle-card.solved{border-color:#53694d}.puzzle-card-top{display:flex;justify-content:space-between;align-items:center}.puzzle-number{font-size:1.4375rem;letter-spacing:-1px;font-family:Georgia,serif;color:var(--text)}.mini-position{display:flex;justify-content:center;gap:13px;margin:23px 0 25px;padding:15px;background:repeating-linear-gradient(90deg,transparent 0 38px,#8792731a 38px 39px),repeating-linear-gradient(0deg,transparent 0 38px,#8792731a 38px 39px);border-radius:6px}.mini-position span{height:38px;width:38px;display:grid;place-items:center;font-size:1.5625rem;font-family:serif;background:#ceb78e;color:#7d3125;border:2px solid #aa8d57;border-radius:50%;box-shadow:0 3px #65573c}.mini-position span.black{color:#283a2c}.puzzle-card h3{font-size:1.125rem;margin-bottom:9px}.puzzle-card p{font-size:.875rem;color:var(--muted)}.puzzle-card-footer{display:flex;justify-content:space-between;color:var(--gold);margin-top:21px;font-size:.875rem}.puzzle-card-footer>span{display:flex;gap:5px;align-items:center}.game-page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.game-page-heading .eyebrow{margin-bottom:7px}.game-page-heading h1{font-size:1.625rem}.you-label{font-size:.875rem;letter-spacing:1px;color:var(--muted);margin-left:6px;padding:2px 4px;background:#6377561f;border:1px solid #a7b89720;border-radius:3px;vertical-align:middle}.turn-status{display:flex;justify-content:center;align-items:center;gap:9px;padding:13px 6px;font-size:.875rem;color:var(--text);min-height:40px;text-align:center;flex-wrap:wrap}.game-controls{display:flex;align-items:center;gap:10px;margin-top:15px;flex-wrap:wrap}.game-controls .button{min-height:2.75rem;font-size:.875rem;padding:0 12px}.check-tag{font-size:.875rem;padding:2px 5px;color:var(--red);background:#b85b3622;border-radius:3px}.board-shell{max-width:560px;width:100%;position:relative;margin:0 auto 9px;border-radius:16px;filter:drop-shadow(0 12px 16px #0003);padding-bottom:4px}.board-art{width:100%;aspect-ratio:560/620;position:relative;border-radius:19px;background:#795732;box-shadow:0 7px #684928,0 9px #3e2f21,inset 0 0 0 3px #bba275;isolation:isolate}.board-grid{width:100%;height:100%;display:block;border-radius:19px}.board-square{position:absolute;width:10%;aspect-ratio:1/1;transform:translate(-50%,-50%);border:0;background:transparent;padding:0;display:grid;place-items:center;border-radius:50%;opacity:1!important;z-index:2}.board-square:disabled{opacity:1;cursor:default}.board-square.selected{z-index:5}.piece{position:relative;width:88%;height:88%;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:0;border-radius:50%;background:radial-gradient(circle at 30% 20%,#f8e5bd,#e1c497 55%,#c0a06e);border:2px solid #dabc87;box-shadow:inset 0 0 0 1px #8d6f43,inset 0 0 0 4px #ead2a4,inset 0 0 0 5px #a78c5d,0 4px #9b7846,0 6px 5px #50301966;line-height:1;color:#8e332c;transition:box-shadow .1s}.piece-black{color:#273a2d}.piece-glyph{font-family:"Noto Serif CJK SC",SimSun,Songti SC,serif;font-size:clamp(1.0625rem,2.1vw,2rem);font-weight:650;line-height:.98;margin-top:1px;text-shadow:0 1px 0 #ffefd0}.piece-name{font-size:clamp(.3125rem,.49vw,.4375rem);letter-spacing:.1px;line-height:1;margin-top:2px;font-weight:650}.piece.covered{background:radial-gradient(circle at 30% 20%,#624f36,#483a29 60%,#2c251c);border-color:#9d7f52;box-shadow:inset 0 0 0 2px #5d4c35,inset 0 0 0 3px #b79a6977,0 4px #3e2f1c,0 7px 5px #0004;color:#d4b37c}.piece.covered.piece-red{color:#df947b}.piece.covered .piece-glyph{text-shadow:none;font-size:clamp(.9375rem,1.7vw,1.5625rem);line-height:1.1}.piece.covered .piece-name{font-size:.4375rem;letter-spacing:1px}.board-square.selected .piece{outline:3px solid #ffffb5;outline-offset:3px;box-shadow:inset 0 0 0 1px #8d6f43,inset 0 0 0 4px #ead2a4,inset 0 0 0 5px #a78c5d,0 4px #9b7846,0 0 20px #ffff8870;transform:translateY(-2px)}.board-square.legal:has(.piece):after{content:"";position:absolute;inset:0;border:3px solid #f3f7b6;border-radius:50%;box-shadow:0 0 0 2px #586c3855}.legal-dot{width:24%;height:24%;border-radius:50%;background:#4d6e40b5;box-shadow:0 0 0 4px #65845020}.last-dot{width:15%;height:15%;border-radius:50%;background:#f5efb373}.board-square.last-move .piece:after{content:"";position:absolute;inset:-5px;border:2px solid #f6edac90;border-radius:50%;pointer-events:none}.board-coordinates{display:grid;grid-template-columns:repeat(9,1fr);padding:15px 4.5% 0;color:#788471;font-size:.5625rem;text-align:center}.skin-jade .board-grid>rect:first-of-type{fill:#88a78e}.skin-jade .board-grid text{fill:#2d5b42}.piece-skin-jade .piece{background:radial-gradient(circle at 25% 20%,#e0efd2,#b2cba8 55%,#849b75);border-color:#b2cca2;box-shadow:inset 0 0 0 1px #547951,inset 0 0 0 4px #c4d9b7,inset 0 0 0 5px #749b62,0 4px #5d764c,0 6px 5px #14391555}.piece-skin-jade .piece.covered{background:radial-gradient(circle at 25% 20%,#42745b,#1d4230);border-color:#a2b97b;color:#d0e4a9}.skin-jade .board-art{background:#4b6c50;box-shadow:0 7px #3d573d,0 9px #293928}.skin-midnight .board-grid>rect:first-of-type{fill:#656b73}.skin-midnight .board-grid text{fill:#28323d}.skin-midnight .board-grid g{stroke:#2c343c}.piece-skin-midnight .piece{background:radial-gradient(circle at 25% 20%,#f3f0e5,#d1d4d0 55%,#929b9d);border-color:#bfc6c1;box-shadow:inset 0 0 0 1px #6b7378,inset 0 0 0 4px #d5d9d5,inset 0 0 0 5px #888e90,0 4px #666e72,0 6px 5px #18252d77}.piece-skin-midnight .piece.covered{background:radial-gradient(circle at 25% 20%,#404c5a,#1d2734);color:#c5d0d8;border-color:#657b87}.skin-midnight .board-art{background:#39424e;box-shadow:0 7px #252e39,0 9px #172029}.puzzle-play-layout{display:grid;grid-template-columns:280px minmax(300px,560px);gap:36px;max-width:940px;margin:auto;align-items:start}.puzzle-instructions{padding:25px}.challenge-symbol{height:65px;width:65px;display:grid;place-items:center;color:var(--text);background:#7a855b1a;border:1px solid #7a855b33;border-radius:50%;margin-bottom:24px}.puzzle-instructions h2{font-size:1.5rem;margin-bottom:14px}.puzzle-instructions>p{font-size:.875rem;color:var(--muted)}.puzzle-stat{display:flex;align-items:center;justify-content:space-between;padding:18px 0;border-bottom:1px solid var(--line);font-size:.875rem;color:var(--muted)}.puzzle-stat strong{font-size:1.0625rem;color:var(--gold-light);font-weight:500}.puzzle-instructions .form-note{margin-top:21px;margin-bottom:23px}.puzzle-success{color:var(--text)}.rating-card{min-width:118px;text-align:center;border:1px solid var(--line);border-radius:8px;background:var(--panel);padding:16px 22px}.rating-card>span{font-size:.875rem;color:var(--muted);letter-spacing:1.2px;display:block}.rating-card strong{font-size:1.9375rem;color:var(--gold-light);font-weight:500;display:block;margin-top:7px}.rating-card small{color:var(--muted);font-size:.875rem}.leaderboard-table{border-collapse:collapse;width:100%}.leaderboard-table th{text-align:left;font-size:.875rem;letter-spacing:1px;color:var(--muted);font-weight:500;padding:15px 18px;border-bottom:1px solid var(--line)}.leaderboard-table td{padding:17px 18px;border-bottom:1px solid #2c352c;font-size:.875rem;color:var(--muted)}.leaderboard-table tr:last-child td{border-bottom:0}.leaderboard-table tbody tr.my-rank{background:#717e4220}.leaderboard-player{display:flex;align-items:center;gap:12px}.leaderboard-player>strong{font-size:.875rem;font-weight:500}.table-avatar{height:34px;width:34px;background:var(--panel);border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;font-size:.875rem;color:var(--text)}.rank-position{min-width:22px;display:inline-grid;place-items:center;font-size:.875rem;color:var(--muted)}.rank-1,.rank-2,.rank-3{color:var(--gold)}.leaderboard-table .elo-cell{color:var(--gold-light);font-size:1.0625rem;font-weight:500}.ranking-note{margin-top:22px;border-top:1px solid var(--line);padding-top:19px;font-size:.875rem;color:var(--muted)}.coin-balance{display:flex;align-items:center;gap:9px;border:1px solid var(--line);background:var(--panel);border-radius:8px;padding:13px 18px;color:var(--gold-light)}.coin-balance>strong{font-size:1.4375rem;font-weight:550}.coin-balance>span{color:var(--gold);font-size:.875rem}.shop-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.skin-card{overflow:hidden;padding:0}.skin-preview{height:210px;position:relative;overflow:hidden;background:linear-gradient(135deg,#b69761,#775d39);margin:14px;border-radius:7px;box-shadow:inset 0 0 0 1px #c6ab7422}.skin-mini-grid{position:absolute;inset:20px;border:1px solid #58402177;background:repeating-linear-gradient(90deg,transparent 0 42px,#58402155 42px 43px),repeating-linear-gradient(0deg,transparent 0 42px,#58402155 42px 43px);transform:rotate(-13deg) scale(1.3)}.skin-disc{width:81px;height:81px;background:radial-gradient(circle at 25% 20%,#f4dfb2,#cfab74);border:3px solid #e1c595;border-radius:50%;box-shadow:inset 0 0 0 2px #a28759,0 6px #856a45,0 9px 15px #0003;display:grid;place-items:center;font-size:3.1875rem;font-family:serif;position:absolute;left:calc(50% - 71px);top:50px;color:#943c2e;transform:rotate(-10deg)}.skin-disc.black{color:#284330;left:calc(50% + 4px);top:98px;transform:rotate(10deg)}.skin-preview.skin-jade{background:linear-gradient(135deg,#82a48b,#375a41)}.skin-jade .skin-disc{background:radial-gradient(circle at 25% 20%,#e4edcb,#a5bb83);border-color:#b5c997;box-shadow:inset 0 0 0 2px #64834c,0 6px #587342,0 9px 15px #0003}.skin-preview.skin-midnight{background:linear-gradient(135deg,#616e79,#242e3c)}.skin-midnight .skin-disc{background:radial-gradient(circle at 25% 20%,#f1f3e9,#afb7b7);border-color:#c7d0cd;box-shadow:inset 0 0 0 2px #7c8589,0 6px #5c6972,0 9px 15px #0003}.skin-equipped{position:absolute;top:12px;right:12px;font-size:.875rem;display:flex;gap:4px;align-items:center;background:#1e3520d9;color:var(--text);padding:5px 8px;border:1px solid #a4c18633;border-radius:4px}.skin-copy{padding:11px 24px 24px}.skin-copy .eyebrow{font-size:.875rem;letter-spacing:1.8px}.skin-copy h2{font-size:1.375rem;margin-top:9px;margin-bottom:8px}.skin-copy p{font-size:.875rem;color:var(--muted);min-height:40px}.skin-purchase{display:flex;justify-content:space-between;align-items:center;margin-top:22px;gap:10px}.skin-purchase>span,.owned-label{display:flex;gap:5px;align-items:center;color:var(--gold);font-size:.875rem}.owned-label{font-size:.875rem;color:var(--gold)}.shop-note{margin-top:26px;display:flex;gap:17px;color:var(--muted);padding:23px;border:1px solid var(--line);border-radius:8px;background:var(--panel)}.shop-note strong{font-size:.875rem;font-weight:500}.shop-note p{font-size:.875rem;color:var(--muted);margin-top:7px}.profile-card{display:flex;align-items:center;gap:24px;padding:29px}.profile-avatar{width:85px;height:85px;display:grid;place-items:center;font-size:2.1875rem;color:var(--text);background:var(--panel);border:1px solid var(--line);border-radius:50%;box-shadow:inset 0 0 0 5px #263723,inset 0 0 0 6px #8aa16d44;flex-shrink:0}.profile-summary{flex:1}.profile-summary h2{font-size:1.5625rem;margin-bottom:10px}.profile-summary p{font-size:.875rem;color:var(--muted);margin-top:13px;max-width:410px}.profile-actions{display:flex;flex-direction:column;gap:10px}.profile-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:24px}.stat-card>svg{color:var(--muted)}.stat-card strong{display:block;font-size:1.8125rem;font-weight:500;color:var(--gold-light);margin-top:15px}.stat-card span{font-size:.875rem;color:var(--muted);display:block;margin-top:8px}.stack-form{display:flex;flex-direction:column;gap:19px}.stack-form label{font-size:.875rem;color:var(--muted);display:flex;flex-direction:column;gap:9px}.stack-form input,.stack-form select{width:100%;padding:12px 13px;color:var(--text);background:#111b13;border:1px solid #43513b;border-radius:6px;font-size:.875rem}.stack-form select{appearance:auto}.stack-form input::placeholder{color:var(--text)}.form-note{font-size:.875rem;color:var(--muted);line-height:1.7}.stack-form .form-note{background:#77835612;padding:13px;border-radius:6px;display:block}.stack-form .form-note>svg{vertical-align:middle;margin-right:5px}.stack-form>.button{margin-top:1px}.stack-form>.text-button{justify-content:center}.form-error{font-size:.875rem;color:var(--red);line-height:1.6}.modal-description{font-size:.875rem;color:var(--muted);margin-bottom:25px}.modal-actions{display:flex;justify-content:flex-end;gap:12px}.loading-state{padding:50px 20px;text-align:center;font-size:.875rem;color:var(--muted)}.empty-state{padding:54px 20px;display:flex;align-items:center;flex-direction:column;gap:14px;text-align:center;color:var(--muted)}.empty-state h3{font-size:1.0625rem;color:var(--muted)}.empty-state p{max-width:440px;font-size:.875rem;color:var(--muted)}.boot-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:65vh;gap:20px}.boot-screen>.brand-mark{width:65px;height:65px;font-size:2.5rem}.boot-screen h1{font-size:1.75rem}.boot-screen p{font-size:.875rem;color:var(--muted);text-align:center}.opening{position:fixed;inset:0;z-index:150;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 28%,#364633,#0a1510 68%);overflow:hidden;animation:opening-in .5s ease-out}.opening-scene{width:min(100vw,1150px);height:100%;position:relative;display:flex;align-items:center;justify-content:center;transform-origin:50% 75%;transition:transform 2.2s cubic-bezier(.35,.1,.4,1),opacity 2.2s}.opening-scene>svg{width:100%;max-height:100%;filter:drop-shadow(0 20px 35px #0006)}.opening-moon{position:absolute;left:calc(50% - 70px);top:20%;width:140px;height:140px;background:radial-gradient(circle,#b3b89033,#e0d7a205 70%);border:1px solid #b3b8901c;border-radius:50%;box-shadow:0 0 120px #b3b89016}.opening-title{position:absolute;top:15%;text-align:center;transition:opacity .5s}.opening-title h1{font-size:2.875rem;font-weight:500;margin-top:12px;letter-spacing:-1px}.opening-title .eyebrow{font-size:.5rem}.opening-title p{color:#b0b99d;font-size:.75rem;margin-top:13px}.opening-skip{position:absolute;bottom:35px;right:35px;background:#131d16!important;border-color:#687452!important;font-size:.6875rem}.opening-zoom .opening-scene{transform:scale(3.9);opacity:.25}.opening-zoom .opening-title{opacity:0}.opening-zoom{animation:opening-out 2.2s 1.3s forwards}@keyframes opening-in{0%{opacity:0}to{opacity:1}}@keyframes opening-out{to{opacity:0}}@media(max-width:1200px){.piece-glyph{font-size:clamp(1.125rem,2.45vw,1.875rem)}.piece-name{font-size:.375rem}.shop-grid{gap:16px}.skin-copy{padding:9px 18px 21px}.skin-purchase .small-button{font-size:.875rem;padding:0 9px}}@media(max-width:980px){.brand-mark{width:36px;height:36px;font-size:1.4375rem}.panel{padding:19px}.piece-glyph{font-size:clamp(1.25rem,3.6vw,1.9375rem)}.piece-name{font-size:.4375rem}.puzzle-grid{gap:14px}.puzzle-card{padding:18px}.puzzle-card h3{font-size:1rem}.mini-position{gap:8px}.mini-position span{width:32px;height:32px;font-size:1.4375rem}.profile-actions{max-width:210px}.profile-card{gap:20px}.skin-preview{height:190px;margin:10px}.skin-copy h2{font-size:1.25rem}.skin-disc{width:69px;height:69px;font-size:2.6875rem;left:calc(50% - 55px)}.skin-disc.black{left:calc(50% - 1px)}.skin-purchase{align-items:flex-start;flex-direction:column;gap:14px}.skin-purchase .small-button{width:100%}}@media(max-width:760px){.brand-mark{width:34px;height:34px;border-radius:9px;font-size:1.375rem}.section-heading h2{font-size:1.125rem}.section-heading .eyebrow{font-size:.875rem;letter-spacing:1.5px}.desktop-only{display:none}.page-title{padding:7px 0 24px;align-items:flex-start;gap:12px}.page-title h1{font-size:1.625rem}.page-title p,.page-title .eyebrow{font-size:.875rem}.page-title>.progress-pill{white-space:nowrap;font-size:.875rem;padding:8px 10px}.page-title>.progress-pill svg{height:15px;width:15px}.daily-challenge{padding:25px;min-height:230px}.daily-challenge h2{font-size:1.5rem;max-width:260px}.daily-challenge p{font-size:.875rem;max-width:235px;line-height:1.8}.challenge-art{font-size:4.1875rem;width:82px;height:82px;right:-5px;align-self:flex-end;opacity:.85}.challenge-art>span{width:54px;height:54px;font-size:2.6875rem;left:-30px;bottom:-10px}.puzzle-grid{grid-template-columns:repeat(2,1fr);gap:12px}.puzzle-card{padding:17px}.puzzle-card-top>.status-tag{font-size:.875rem}.puzzle-card h3{font-size:1rem;line-height:1.5}.puzzle-card p{font-size:.875rem}.mini-position{gap:6px;padding:11px 4px;margin:18px 0}.mini-position span{width:28px;height:28px;font-size:1.1875rem;border-width:1px}.puzzle-card-footer{font-size:.875rem}.puzzle-number{font-size:1.25rem}.game-page-heading{margin-bottom:18px;gap:10px}.game-page-heading h1{font-size:1.4375rem}.game-page-heading .eyebrow{font-size:.875rem}.game-page-heading>.button{min-height:2.75rem;font-size:.875rem;padding:0 10px}.piece-glyph{font-size:clamp(1.1875rem,5.6vw,2.1875rem)}.piece-name{font-size:clamp(.3125rem,1.3vw,.5rem)}.piece.covered .piece-glyph{font-size:clamp(1.0625rem,4.5vw,1.6875rem)}.board-art,.board-grid{border-radius:14px}.piece{border-width:1.5px;box-shadow:inset 0 0 0 1px #8d6f43,inset 0 0 0 3px #ead2a4,inset 0 0 0 4px #a78c5d,0 3px #9b7846,0 5px 5px #50301966}.board-coordinates{font-size:.5rem;padding-top:13px}.turn-status{font-size:.875rem;padding:14px 4px}.game-controls{margin-top:18px;gap:9px}.game-controls>.button{font-size:.875rem}.puzzle-play-layout{display:flex;flex-direction:column-reverse;gap:27px;align-items:center}.puzzle-board{width:100%;max-width:560px}.puzzle-instructions{width:100%;padding:22px}.challenge-symbol{display:none}.puzzle-instructions h2{font-size:1.375rem}.puzzle-instructions>p{font-size:.875rem}.puzzle-stat{padding:15px 0;font-size:.875rem}.puzzle-instructions .form-note{margin:17px 0}.rating-card{padding:12px 14px;min-width:97px}.rating-card strong{font-size:1.6875rem}.rating-card>span{font-size:.875rem;letter-spacing:1px}.leaderboard-panel{padding:16px}.leaderboard-table th{padding:12px 8px;font-size:.875rem}.leaderboard-table td{padding:14px 8px;font-size:.875rem}.leaderboard-player{gap:7px}.leaderboard-player>strong{font-size:.875rem;max-width:160px;overflow:hidden;text-overflow:ellipsis}.table-avatar{height:28px;width:28px;font-size:.875rem;flex-shrink:0}.leaderboard-table .elo-cell{font-size:.9375rem}.rank-position>svg{width:18px}.ranking-note{font-size:.875rem}.shop-grid{grid-template-columns:repeat(2,1fr);gap:14px}.skin-preview{height:175px}.skin-copy{padding:8px 17px 20px}.skin-copy h2{font-size:1.25rem}.skin-copy p{font-size:.875rem;min-height:40px}.skin-preview .skin-disc{width:60px;height:60px;font-size:2.5rem;top:39px}.skin-preview .skin-disc.black{top:88px}.skin-equipped{font-size:.875rem;top:7px;right:7px;padding:4px 6px}.skin-purchase{gap:12px;margin-top:17px}.coin-balance{padding:10px 12px;gap:6px;white-space:nowrap}.coin-balance>svg{width:19px}.coin-balance>strong{font-size:1.25rem}.coin-balance>span{display:none}.shop-note{padding:18px;gap:12px}.shop-note p{font-size:.875rem}.profile-card{flex-wrap:wrap;gap:17px;padding:23px}.profile-avatar{width:64px;height:64px;font-size:1.625rem}.profile-summary h2{font-size:1.375rem}.profile-summary p{font-size:.875rem;max-width:none}.profile-summary>.status-tag{font-size:.875rem}.profile-actions{flex-direction:row;max-width:none;width:100%;gap:11px;margin-top:10px}.profile-actions>.button{font-size:.875rem;flex:1;padding:0 10px}.profile-stats{grid-template-columns:repeat(2,1fr);gap:13px;margin-top:18px}.stat-card{padding:22px}.stat-card strong{font-size:1.6875rem}.stat-card span{font-size:.875rem}.opening-title{top:20%}.opening-title h1{font-size:2.25rem}.opening-title .eyebrow{font-size:.4375rem}.opening-scene>svg{width:170%;max-width:none;flex-shrink:0;transform:translateY(60px)}.opening-skip{bottom:30px;right:25px}.opening-moon{top:23%}}@media(max-width:420px){.section-heading h2{font-size:1.0625rem}.page-title h1{font-size:1.5rem}.page-title .progress-pill{font-size:.875rem;padding:8px}.page-title .progress-pill>svg{display:none}.daily-challenge{padding:23px;min-height:235px}.daily-challenge h2{font-size:1.375rem}.challenge-art{position:absolute;right:15px;bottom:30px;width:66px;height:66px;font-size:3.125rem;opacity:.44}.challenge-art>span{width:40px;height:40px;font-size:1.8125rem}.puzzle-card{padding:14px}.puzzle-card h3,.puzzle-card p{font-size:.875rem}.mini-position{gap:4px}.mini-position span{width:24px;height:24px;font-size:1.0625rem}.puzzle-card-top>.status-tag{font-size:.875rem;padding:4px}.piece-glyph{font-size:1.25rem}.piece-name,.piece.covered .piece-name{font-size:.3125rem}.piece{width:91%;height:91%}.board-square.selected .piece{outline-width:2px;outline-offset:2px}.board-square.legal:has(.piece):after{border-width:2px}.skin-copy h2{font-size:1.125rem}.skin-copy p{font-size:.875rem}.skin-preview{height:160px}.profile-actions{flex-direction:column}.profile-actions>.button{flex:auto}.leaderboard-player>strong{max-width:120px;font-size:.875rem}.leaderboard-player{gap:5px}.table-avatar{height:24px;width:24px}.leaderboard-table td{font-size:.875rem;padding:13px 6px}.leaderboard-table th{font-size:.875rem;padding:12px 6px}.you-label{font-size:.875rem;margin-left:4px;padding:2px 3px}.game-controls>.button{font-size:.875rem;padding:0 10px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.opening{display:none}}.room-heading-actions{display:flex;align-items:center;gap:8px}@media(max-width:1100px){.room-heading-actions>.button{min-height:2.75rem;font-size:.875rem;padding:0 10px}}.board-pieces{position:absolute;inset:0;pointer-events:none;z-index:3}.board-piece-position{position:absolute;width:10%;aspect-ratio:1;transform:translate(-50%,-50%);display:grid;place-items:center}.board-piece-position.selected{z-index:4}.board-piece-position.selected .piece{outline:3px solid #ffffb5;outline-offset:3px;filter:drop-shadow(0 0 7px #fff39955)}.board-piece-position.last-move .piece:after{content:"";position:absolute;inset:-5px;border:2px solid #f6edac90;border-radius:50%}.board-square.legal.occupied:after{content:"";position:absolute;inset:0;border:3px solid #f3f7b6;border-radius:50%;box-shadow:0 0 0 2px #586c3855;z-index:6}.board-piece-position.in-check .piece{outline:3px solid #c54132;outline-offset:3px;box-shadow:0 0 14px #a3202070}.captured-piece{z-index:5;animation:piece-capture .18s ease-out forwards}.board-square:focus-visible{outline:3px solid #274d32;outline-offset:2px;z-index:8}@keyframes piece-capture{0%{opacity:.8;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-68%) scale(.7)}}@media(max-width:760px){.board-piece-position.selected .piece{outline-width:2px;outline-offset:2px}.board-piece-position.in-check .piece{outline-width:2px}.room-heading-actions .icon-button{height:2.75rem;width:40px}.game-controls>.button{min-height:2.75rem}.modal-actions>.button{min-height:2.75rem}.text-button{min-height:2.75rem}}.sound-toggle[aria-pressed=true]{color:var(--gold);border-color:#9f915866}.stack-form textarea{font:inherit;resize:vertical;width:100%;padding:12px 13px;color:var(--text);background:#111b13;border:1px solid #43513b;border-radius:6px;font-size:.875rem;line-height:1.65}@media(max-width:760px){.room-heading-actions{gap:5px;flex-wrap:wrap}.game-page-heading{flex-wrap:wrap}.game-page-heading>.room-heading-actions{margin-left:auto}}.friends-panel{max-width:860px}.friends-panel>p,.recovery-codes-panel>p{margin:10px 0 16px;color:var(--muted)}.social-search{display:flex;gap:12px;align-items:flex-end;margin:16px 0}.social-search label{display:flex;flex-direction:column;gap:7px;flex:1}.social-search input{width:100%;min-width:0;padding:11px;color:var(--gold-light);background:var(--panel-light);border:1px solid var(--line);border-radius:6px}.social-group{margin:20px 0}.social-group h4{margin:0 0 10px;color:var(--gold-light)}.social-list{list-style:none;padding:0;margin:0}.social-user{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--line);flex-wrap:wrap}.social-user small{display:flex;align-items:center;gap:7px;color:var(--muted);margin-top:5px}.social-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.social-options summary{font-size:.875rem;color:var(--muted);cursor:pointer}.social-options[open]{display:flex}.social-options[open] button{margin-top:8px;margin-right:6px}.friends-panel .checkbox-label{display:flex;align-items:center;gap:10px}.recovery-codes-panel{margin:24px 0}.recovery-code-list{display:grid;gap:9px;overflow:auto;padding:12px;background:var(--panel-light);border-radius:6px}.recovery-code-list code{font-size:.875rem;white-space:nowrap}@media(max-width:760px){.social-search{flex-wrap:wrap}.social-search label{flex-basis:100%}.friends-panel{padding:18px}.social-user{align-items:flex-start}.social-actions{width:100%}.recovery-code-list code{font-size:.875rem}}@media(min-width:1000px){.lobby-page .brand-mark{height:35px;width:35px;font-size:1.4375rem}}.board-art .piece-glyph{font-size:1.4375rem;font-weight:500}.board-art .piece .piece-name{font-size:.375rem;line-height:1;margin-top:1px;letter-spacing:0}.board-art .piece.covered .piece-glyph{font-size:1.25rem}@supports (font-size:1cqw){.board-art{container-type:inline-size}.board-art .piece-glyph{font-size:clamp(1.125rem,5.7cqw,1.9375rem)}.board-art .piece .piece-name{font-size:clamp(.34375rem,1.4cqw,.4375rem)}.board-art .piece.covered .piece-glyph{font-size:clamp(1.0625rem,4.8cqw,1.625rem)}}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/BeVietnamPro-Regular.ttf) format("truetype")}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/BeVietnamPro-Medium.ttf) format("truetype")}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/BeVietnamPro-SemiBold.ttf) format("truetype")}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/BeVietnamPro-Bold.ttf) format("truetype")}@font-face{font-family:"Noto Serif TC";font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/NotoSerifTC-Bold-ui.otf) format("opentype");unicode-range:U+4ED5,U+4FE5,U+508C,U+5175,U+5352,U+52DD,U+548C,U+58EB,U+5C07,U+5E25,U+68CB,U+70AE,U+7832,U+738B,U+76F8,U+7AF9,U+864E,U+8C61,U+8CA0,U+8ECA,U+99AC,U+9CF3,U+9F8D}:root{font-family:Be Vietnam Pro,system-ui,sans-serif;font-synthesis:none;font-weight:400;line-height:1.45;color:var(--ui-text);background:var(--ui-wood);--bg:var(--ui-wood);--panel:var(--ui-surface);--panel-light:var(--ui-input);--line:var(--ui-border);--muted:var(--ui-secondary);--gold:var(--ui-gold);--gold-light:var(--ui-gold);--green:var(--ui-success);--red:var(--ui-danger);--text:var(--ui-text)}body{margin:0;min-width:320px;background:var(--ui-wood);color:var(--ui-text)}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--ui-focus);outline-offset:2px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline-color:var(--ui-focus);outline-offset:2px}.app-shell{width:100%;max-width:560px;height:100dvh;min-height:0;margin:0 auto;display:flex;flex-direction:column;background:var(--ui-wood-grain),var(--ui-wood);position:relative;isolation:isolate}.shell-header{min-height:3.5rem;flex:none;display:flex}.shell-header-inner{width:100%;display:flex;align-items:center;gap:.625rem;padding:0 .25rem 0 1rem;min-width:0}.shell-desktop-nav,.shell-player,.shell-register{display:none}.shell-player>span{display:grid;min-width:0}.shell-player strong{overflow-wrap:anywhere}@media(max-width:1023px){.shell-header-inner:has(.shell-player){flex-wrap:wrap;row-gap:.125rem;padding-bottom:.25rem}.shell-player{display:flex;flex-basis:100%;min-width:0;min-height:2.75rem;align-items:center;gap:.625rem;color:var(--ui-text);text-decoration:none;padding:0 .75rem 0 0}.shell-player strong{font-size:1rem;line-height:1.3}.shell-player small{display:none}}.shell-brand{display:flex;align-items:center;gap:.625rem;flex:1;min-width:0;min-height:2.75rem;text-decoration:none}.shell-brand h1{min-width:0;font-size:1.1875rem;line-height:1.45;font-weight:700;letter-spacing:0;white-space:normal}.shell-seal{width:1.875rem;height:1.875rem;border-radius:.25rem;background:var(--ui-primary);color:var(--ui-primary-text);font-family:"Noto Serif TC",serif;font-weight:700;font-size:1.125rem;display:flex;align-items:center;justify-content:center;flex:none}.shell-points{min-height:2.75rem;min-width:2.75rem;padding:0 .5rem;display:flex;align-items:center;gap:.375rem;font-size:1rem;font-weight:700;color:var(--ui-gold);text-decoration:none;white-space:nowrap}.shell-coin{width:.75rem;height:.75rem;flex:none;border-radius:50%;background:var(--ui-coin);box-shadow:inset 0 0 0 .125rem var(--ui-coin-rim)}.shell-login{min-height:2.75rem;padding:0 .75rem;border:0;background:none;font-size:1rem;font-weight:700;color:var(--ui-primary);white-space:nowrap}.shell-bell,.shell-back{width:2.75rem;height:2.75rem;flex:none;position:relative;display:flex;align-items:center;justify-content:center;color:var(--ui-secondary);background:none;border:0;padding:0}.shell-bell>svg{width:1.4375rem;height:1.4375rem}.shell-back>svg{width:1.625rem;height:1.625rem}.shell-unread{position:absolute;top:.6875rem;right:.6875rem;width:.5rem;height:.5rem;border-radius:50%;background:var(--ui-warning)}.shell-content{flex:1;min-height:0;min-width:0;width:100%;padding:1rem 1rem 1.5rem;overflow-wrap:anywhere;overflow-y:auto}.shell-content>*{min-width:0}.shell-content .panel{max-width:100%}.shell-shortcuts{display:flex;align-items:center;flex-wrap:wrap;gap:.25rem .75rem;margin:0 0 1rem;border-bottom:1px solid var(--ui-divider);padding:0 0 .625rem}.shell-shortcuts a,.shell-shortcuts button{display:inline-flex;align-items:center;justify-content:center;min-height:2.75rem;padding:0 .25rem;font-size:1rem;color:var(--ui-secondary);text-decoration:none;background:none;border:0}.shell-shortcuts button{font-weight:700;color:var(--ui-primary)}.shell-session-banner{padding:1rem;border:1px solid var(--ui-border);border-radius:.75rem;background:var(--ui-surface);margin-bottom:1rem;display:grid;gap:.75rem}.server-notice{margin:.25rem 1rem .5rem;padding:.875rem 1rem;display:flex;flex-wrap:wrap;gap:.375rem;border:1px solid var(--ui-border);border-left:.25rem solid var(--ui-warning);border-radius:.625rem;background:var(--ui-surface);color:var(--ui-secondary);font-size:.875rem;line-height:1.5}.server-notice strong{color:var(--ui-warning)}.brand-mark{width:2.5625rem;height:2.5625rem;border-radius:.25rem}.boot-screen{color:var(--ui-text);min-height:50dvh}.boot-screen p{color:var(--ui-secondary);font-size:1rem}.button{min-height:2.75rem;font-size:1rem;border-radius:.625rem}.button.gold{background:var(--ui-primary);color:var(--ui-primary-text);box-shadow:0 .125rem #7a562c1f}.button.gold:hover:not(:disabled){background:var(--ui-danger)}.button.secondary,.button.ghost{background:var(--ui-surface);border-color:var(--ui-border);color:var(--ui-text)}.button.secondary:hover:not(:disabled),.button.ghost:hover:not(:disabled){background:var(--ui-input);border-color:var(--ui-input-border)}.button.danger{background:var(--ui-danger);color:var(--ui-primary-text)}.text-button{min-height:2.75rem;font-size:.875rem;color:var(--ui-gold)}.icon-button{min-width:2.75rem;min-height:2.75rem}.panel{background:var(--ui-surface);border-color:var(--ui-border);border-radius:.75rem}.stack-form input,.stack-form select,.stack-form textarea{min-height:2.75rem;border:1.5px solid var(--ui-input-border);background:var(--ui-input);color:var(--ui-text);font-size:1rem}@media(max-width:900px),(any-pointer:coarse){:is(.app-shell,.ui-sheet) :where(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=hidden]),select,textarea){font-size:1rem!important}}.stack-form label,.form-note{color:var(--ui-secondary)}.form-error{color:var(--ui-danger)}.visitor-banner,.visitor-prompt,.visitor-room-card,.visitor-banner .button,.visitor-prompt .button,.visitor-room-card .button{font-size:1rem}.shell-content .visitor-banner{flex-wrap:wrap}.shell-content .visitor-banner .button{flex-shrink:0;white-space:normal;min-width:7rem}.shell-content:not(.room-style) :is(.daily-challenge){background:var(--ui-surface);border-color:var(--ui-border)}.shell-content:not(.room-style) :is(.daily-challenge p,.ranking-rewards li,.season-progress,.empty-state,.empty-state h3){color:var(--ui-secondary)}.shell-content:not(.room-style) :is(.status-tag,.progress-pill,.count-badge){background:var(--ui-ground);color:var(--ui-secondary);border-color:var(--ui-border)}.shell-content:not(.room-style) .ranking-rewards h3,.shell-content:not(.room-style) .season-progress>strong{color:var(--ui-gold)}.account-layout{max-width:100%}.account-sidebar{position:static}.shell-content .puzzle-play-layout{display:flex;flex-direction:column;align-items:center}.shell-content .puzzle-board,.shell-content .puzzle-instructions{width:100%;max-width:35rem}.shell-content .leaderboard-table{table-layout:fixed;width:100%}.shell-content .leaderboard-table td,.shell-content .leaderboard-table th{padding:.875rem .25rem;overflow-wrap:normal;border-color:var(--ui-divider);font-size:.875rem;color:var(--ui-secondary)}.shell-content .leaderboard-table :is(th,td):first-child{width:3rem}.shell-content .leaderboard-table :is(th,td):nth-child(3){width:3.25rem}.shell-content .leaderboard-table :is(th,td):nth-child(4){width:3.5rem}.shell-content .leaderboard-table th{letter-spacing:0;font-weight:600;white-space:normal;overflow-wrap:normal}.shell-content .leaderboard-table td.elo-cell{font-size:1rem;color:var(--ui-gold)}.rank-heading-short{display:none}.shell-content .leaderboard-player{min-width:0;gap:.375rem}.shell-content .table-avatar{width:1.5rem;height:1.5rem;flex:none;font-size:.875rem;color:var(--ui-secondary);background:var(--ui-ground)}.shell-content .leaderboard-profile-link{display:block;min-width:0;max-width:100%;flex:1;white-space:normal;overflow-wrap:anywhere;text-align:left;font-size:1rem;color:var(--ui-text)}.shell-content .you-label{font-size:.875rem;color:var(--ui-success);background:var(--ui-ground)}.shell-content .filter-tabs{flex-wrap:wrap}.shell-content .puzzle-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr))}.shell-content .shop-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr))}.shell-content .page-title{flex-wrap:wrap}.shell-content .page-title>div{min-width:0;max-width:100%}.shell-content .skin-equipped{background:var(--ui-surface);color:var(--ui-success);border-color:var(--ui-border)}.shell-content :is(.ranking-rewards h3,.ranking-rewards li,.ranking-rewards small,.season-progress,.season-progress p){font-size:.875rem;color:var(--ui-secondary)}.shell-content .ranking-rewards h3,.shell-content .ranking-rewards li.active{color:var(--ui-gold)}.shell-content .ranking-rewards li{flex-wrap:wrap}.shell-content .ranking-rewards li span{white-space:normal}.shell-content .account-layout{display:block}.shell-content .account-navigation{grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.shell-content .account-navigation-link{flex-direction:column;gap:.4375rem;padding:.5625rem .25rem;font-size:.875rem;text-align:center;min-height:4.3125rem}.shell-content .account-menu-caption{display:none}.shell-content .account-sidebar{margin-bottom:1.5rem}.shell-content .account-overview-identity{flex-wrap:wrap}.shell-content .account-overview-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem 0}.shell-content .account-overview-stats>div:nth-child(2){border-right:0}.shell-content .account-settings-body .profile-card{flex-direction:column;align-items:flex-start}.shell-content .account-settings-body .profile-actions{width:100%}.shell-content .account-page-heading h1{font-size:1.5625rem}.shell-content .account-overview-identity>.account-overview-settings{margin-left:0}.app-shell>.ui-tab-bar{position:sticky;bottom:0;z-index:30;flex:none;margin-top:auto;padding-bottom:env(safe-area-inset-bottom)}@media(min-width:1024px){.app-shell,.app-shell.in-room{max-width:none}.shell-header{min-height:4.25rem;border-bottom:1px solid var(--ui-divider-strong);background:var(--ui-wood)}.shell-header-inner{max-width:80rem;margin:auto;padding:.25rem 2rem;gap:1.75rem;flex-wrap:wrap}.shell-brand{flex:none;gap:.625rem}.shell-brand h1{font-size:1.3125rem;white-space:normal;margin:0}.shell-seal{width:2.25rem;height:2.25rem;font-size:1.3125rem}.shell-back{display:flex}.shell-desktop-nav{display:flex;flex:1;gap:.25rem;align-items:center;flex-wrap:wrap}.shell-desktop-nav a{min-height:2.75rem;padding:.5rem 1rem;border-radius:1.375rem;display:flex;align-items:center;text-decoration:none;color:var(--ui-secondary);font-size:1rem;font-weight:600;white-space:normal}.shell-desktop-nav a[aria-current=page]{background:var(--ui-tab-active);color:var(--ui-text);font-weight:700}.shell-points{padding:0 .875rem;border:1px solid var(--ui-border);background:var(--ui-surface);border-radius:1.375rem;gap:.5rem}.shell-player{display:flex;min-height:3rem;gap:.625rem;align-items:center;padding:0 .875rem 0 .25rem;border-radius:1.5rem;text-decoration:none;min-width:0;max-width:17rem}.shell-player>span{display:grid;min-width:0}.shell-player strong{font-size:.9375rem;overflow-wrap:anywhere}.shell-player small{font-size:.875rem;color:var(--ui-secondary);line-height:1.25}.shell-player-active{background:var(--ui-tab-active)}.shell-login{color:var(--ui-text);text-decoration:underline;text-underline-offset:.1875rem;padding:0 1rem}.shell-register{display:flex;align-items:center;min-height:3rem;padding:.5rem 1.375rem;border:0;border-radius:.625rem;background:var(--ui-primary);color:var(--ui-primary-text);font-size:1rem;font-weight:700}.app-shell>.ui-tab-bar{display:none}.shell-content{padding:1.75rem 2rem;max-width:80rem;margin:0 auto}.shell-content:where(:not(.phase2-wide)){max-width:560px}.ui-sheet-dimmer{align-items:center;padding:1.5rem}.ui-sheet{border-radius:1rem;max-width:35rem}.app-shell:not(.in-room):not(:has(.p2-replay-viewer)){height:auto;min-height:100dvh}.app-shell:not(.in-room):not(:has(.p2-replay-viewer))>.shell-header{position:sticky;top:0;z-index:40}.app-shell:not(.in-room):not(:has(.p2-replay-viewer))>.shell-content{flex:none;overflow:visible}}.phase2-play-content,.phase2-room-content,.phase2-replay-content,.phase2-rules-content{padding:0}.shell-content.room-style[data-web-style=classic]{background:var(--ui-wood-grain),var(--ui-wood);border-radius:0}@media(max-width:1023px){.phase2-immersive>.shell-header,.phase2-immersive>.ui-tab-bar{display:none}}@media(max-width:359px){.shell-header{gap:.375rem;padding-left:.75rem}.shell-brand{gap:.375rem}.shell-content{padding-inline:.75rem}.shell-shortcuts{column-gap:.5rem}.shell-points{padding-inline:.25rem}}html[data-font-size=ratlon] .shell-header:has(.shell-back) .shell-seal{display:none}html[data-font-size=ratlon] .shell-content .table-avatar{display:none}@media(max-width:359px){.shell-content .leaderboard-table :is(th,td):first-child{width:2rem}.shell-content .leaderboard-table :is(th,td):nth-child(3){width:3rem}.shell-content .leaderboard-table :is(th,td):nth-child(4){width:2.75rem}}@media(max-width:359px){.rank-heading-full{display:none}.rank-heading-short{display:inline}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}@media(min-width:1024px){.shell-header-inner{gap:.75rem;row-gap:.25rem}.shell-desktop-nav a{padding:.5rem .75rem}.shell-player{max-width:min(17rem,240px)}html:is([data-font-size=lon],[data-font-size=ratlon]) .shell-player{max-width:320px;flex-shrink:0}.shell-content:where(:not(.phase2-wide)){max-width:560px}.ui-sheet-dimmer>.ui-sheet{max-width:var(--ui-page-width)}.server-notice{width:calc(100% - 4rem);max-width:1216px;margin:.75rem auto 0;line-height:1.6}.shell-session-banner{line-height:1.6}.shell-session-banner p{margin:0}.shell-content>.boot-screen{min-height:0;padding:2rem 0;gap:1rem}.shell-content>.boot-screen h1{line-height:1.35;text-align:center}.shell-content>.boot-screen p{margin:0;line-height:1.6}.shell-content>.boot-screen .account-auth-form{max-width:100%}.shell-content>.friends-panel{padding:1.25rem}.friends-panel .section-heading{align-items:flex-start;gap:.75rem}.friends-panel .section-heading h3{font-size:1.25rem;line-height:1.4}.friends-panel .social-search{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.75rem;align-items:end}.friends-panel .social-search label{min-width:0;font-size:1rem}.friends-panel .social-search .form-note{grid-column:1/-1;grid-row:2;margin:0}.friends-panel .social-search input{font-size:1rem;background:var(--ui-input);border-color:var(--ui-input-border);color:var(--ui-text);min-height:var(--ui-target)}.friends-panel .checkbox-label{align-items:flex-start;line-height:1.5}.friends-panel .checkbox-label input{flex:none;margin-top:.25rem;accent-color:var(--ui-primary)}.friends-panel .social-user>div:first-child{min-width:0}.friends-panel .social-user strong{overflow-wrap:anywhere}.friends-panel .social-actions{gap:.5rem;max-width:100%}.friends-panel .social-options summary{min-height:var(--ui-target);display:flex;align-items:center;gap:.5rem}.friends-panel .social-options summary:before{content:"▸"}.friends-panel .social-options[open] summary:before{content:"▾"}.friends-panel :is(.button,.text-button),.ui-sheet :is(.button,.text-button){white-space:normal;overflow-wrap:anywhere;max-width:100%}.ui-sheet .modal-actions,.ui-sheet .game-controls{flex-wrap:wrap;gap:.75rem}.shell-shortcuts{gap:.25rem .75rem}.shell-shortcuts :is(a,button){padding:.25rem .375rem}.shell-desktop-nav a:hover,.shell-player:hover{background:var(--ui-tab-active);color:var(--ui-ink)}.shell-bell:hover,.shell-back:hover,.ui-icon-button:hover{background:var(--ui-surface);border-radius:.5rem}.shell-register:hover{background:var(--ui-danger)}.ui-profile-sub{white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere}.button:disabled,.ui-button:disabled{opacity:1;background:var(--ui-muted-surface);color:var(--ui-secondary);border-color:var(--ui-border);box-shadow:none;cursor:default}}@media(min-width:1024px)and (max-width:1440px){html[data-font-size=lon] .shell-desktop-nav,html[data-font-size=ratlon] .shell-desktop-nav{order:1;flex-basis:100%;justify-content:center}html:is([data-font-size=lon],[data-font-size=ratlon]) .shell-points,html:is([data-font-size=lon],[data-font-size=ratlon]) .shell-login{margin-left:auto}}