.layout-shell{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;background:radial-gradient(circle at top,rgba(214,168,79,.14),transparent 55%),radial-gradient(circle at bottom,#2a2118b8,#101417);color:var(--color-text-primary)}body[data-theme=light] .layout-shell{background:radial-gradient(circle at top,rgba(214,168,79,.18),transparent 55%),radial-gradient(circle at bottom,#ebe1d0,#f3eee3)}.layout-shell__main{flex:1;display:flex;justify-content:center;align-items:flex-start;padding:var(--space-3) var(--space-2) calc(74px + env(safe-area-inset-bottom,0px))}.layout-shell__tabbar{position:fixed;left:0;right:0;bottom:0;z-index:40;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-compact);padding:var(--space-2) var(--space-control-y) calc(var(--space-2) + env(safe-area-inset-bottom,0px));background:#0c1012e6;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid rgba(198,178,137,.18)}body[data-theme=light] .layout-shell__tabbar{background:#fffaf0eb;border-top-color:#6d53302e;box-shadow:0 -8px 28px #4737210f}.layout-shell__tab{height:44px;min-height:44px;min-width:44px;border-radius:var(--radius-lg);display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-size:13px;font-weight:600;color:var(--color-text-muted);background:#c6b2891a}.layout-shell__tab svg{width:20px;height:20px;stroke-width:2.2}.layout-shell__tab.is-active{color:var(--color-text-on-primary);background:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary-soft)}body[data-theme=light] .layout-shell__tab{color:var(--color-text-muted);background:#6d53301a}body[data-theme=light] .layout-shell__tab.is-active{color:var(--color-text-on-primary);background:var(--color-primary)}@media(min-width:768px){.layout-shell__main{padding:var(--space-5) var(--space-4) calc(78px + env(safe-area-inset-bottom,0px))}.layout-shell__tabbar{max-width:560px;margin:0 auto;border:1px solid var(--color-border-subtle);border-bottom:none;border-radius:var(--radius-panel) var(--radius-panel) 0 0}body[data-theme=light] .layout-shell__tabbar{border-color:var(--color-border-subtle)}}.board-dom-wrapper{position:relative;width:100%;margin:0 auto;touch-action:none}.board-dom-container{position:relative;width:100%;height:100%}.board-dom-bg-layer,.board-dom-grid-layer,.board-dom-cells-layer,.board-dom-pieces-layer{position:absolute;inset:0}.board-dom-bg-layer{display:flex;align-items:center;justify-content:center}.board-dom-background-solid{width:100%;height:100%}.board-dom-background-img{position:absolute;left:50%;top:50%;width:100%;height:100%;object-fit:fill;object-position:center;transform-origin:center center}.board-dom-grid-layer svg{width:100%;height:100%;pointer-events:none}.board-dom-cell{cursor:pointer;display:flex;align-items:center;justify-content:center;container-type:size}.board-dom-cell-dot,.board-dom-pieces-layer{pointer-events:none}.board-dom-piece{position:absolute;cursor:pointer;pointer-events:auto;display:flex;align-items:center;justify-content:center;box-sizing:border-box;border-radius:50%;transition:box-shadow .15s}.board-dom-piece-img{width:100%;height:100%;object-fit:contain;border-radius:50%}.board-dom-piece-svg{width:100%;height:100%;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center}.board-dom-piece-svg svg{width:100%;height:100%;shape-rendering:geometricPrecision;text-rendering:geometricPrecision}.board-dom-piece-vector{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:clamp(10px,2.5vw,18px);font-family:"Noto Serif KR",serif;border:2.3px solid;border-radius:50%}.ui-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-compact);border-radius:var(--radius-md);border:1px solid transparent;padding:var(--space-control-y) var(--space-3);font-size:var(--font-size-sm);font-weight:500;letter-spacing:.01em;cursor:pointer;background-color:var(--color-primary);color:var(--color-text-on-primary);transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease,transform .05s ease}.ui-button--sm{padding:var(--space-2) var(--space-control-y);font-size:var(--font-size-xs)}.ui-button--md{padding:var(--space-control-y) var(--space-3)}.ui-button--full{width:100%}.ui-button--icon{width:40px;height:40px;padding:0;flex:0 0 auto}.ui-button__icon{width:18px;height:18px;flex:0 0 auto;stroke-width:2.2}.ui-button--primary{background:var(--color-primary);color:var(--color-text-on-primary);border-color:#d6a84f73;box-shadow:0 0 0 1px #d6a84f40,var(--shadow-soft)}.ui-button--primary:hover{background:var(--color-primary-hover)}.ui-button--secondary{background-color:var(--color-surface-elevated);border-color:var(--color-border-subtle);color:var(--color-text-muted)}.ui-button--secondary:hover{border-color:var(--color-border-strong);color:var(--color-text-primary)}.ui-button--ghost{background:transparent;border-color:transparent;color:var(--color-text-muted)}.ui-button--ghost:hover{background-color:#c6b28914;color:var(--color-text-primary)}.ui-button--danger{background-color:var(--color-danger);border-color:color-mix(in srgb,var(--color-danger) 70%,transparent);color:var(--color-text-on-primary)}.ui-button:active{transform:translateY(1px) scale(.99)}.ui-button:disabled{cursor:not-allowed;opacity:.55;transform:none}.ui-button:focus-visible{outline:2px solid rgba(214,168,79,.9);outline-offset:2px}.captured-material-panel{width:100%;max-width:640px;margin:0 auto;padding:var(--space-1) var(--space-2) var(--space-half);box-sizing:border-box;display:flex;flex-direction:column;gap:var(--space-compact)}.app-container--play .captured-material-panel{flex-shrink:0;width:100%;max-width:100vw;box-sizing:border-box;padding:var(--space-1) var(--space-compact) var(--space-half)}.captured-material-panel--above-board{padding-bottom:var(--space-compact)}.captured-material-panel--below-board{padding-top:var(--space-compact)}.captured-material-row{display:flex;align-items:center;gap:var(--space-2);min-height:28px;overflow:hidden}.captured-material-row-label{flex:0 0 auto;max-width:7.5rem;font-size:11px;font-weight:600;color:var(--captured-label, var(--color-text-primary));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}body[data-theme=light] .captured-material-row-label{--captured-label: var(--color-text-primary)}.captured-material-chips{flex:1;min-width:0;display:flex;flex-wrap:nowrap;align-items:center;gap:0;overflow:hidden;padding:1px 0}.captured-material-empty{font-size:11px;color:var(--captured-muted, var(--color-text-muted));opacity:.85}body[data-theme=light] .captured-material-empty{--captured-muted: var(--color-text-muted);opacity:1}.captured-material-score{flex:0 0 auto;font-size:11px;font-variant-numeric:tabular-nums;color:var(--captured-score, var(--color-text-muted));white-space:nowrap}body[data-theme=light] .captured-material-score{--captured-score: var(--color-text-muted)}.captured-material-chip{width:22px;height:22px;flex:0 0 22px;position:relative;border-radius:50%;overflow:hidden;box-sizing:border-box}.captured-material-chip+.captured-material-chip{margin-left:-6px}.captured-material-chip-svg{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.captured-material-chip-svg svg{width:100%;height:100%}.captured-material-chip-flat{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;border:1.5px solid;border-radius:50%;box-sizing:border-box;background:radial-gradient(circle at 30% 30%,var(--color-piece-bg-top),var(--color-piece-bg-mid) 70%,var(--color-piece-bg-bottom))}@media(max-width:480px){.captured-material-row-label{max-width:24vw}.captured-material-chip+.captured-material-chip{margin-left:-11px}}.online-play-end-overlay{--end-overlay-ease: cubic-bezier(.16, 1, .3, 1);position:fixed;inset:0;z-index:60;display:flex;align-items:center;justify-content:center;padding:max(var(--space-4),env(safe-area-inset-top,0px)) max(var(--space-4),env(safe-area-inset-right,0px)) max(var(--space-4),env(safe-area-inset-bottom,0px)) max(var(--space-4),env(safe-area-inset-left,0px));box-sizing:border-box;isolation:isolate}.online-play-end-overlay__scrim{position:absolute;inset:0;background-color:#0009;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);opacity:0;animation:online-play-end-scrim-enter .9s ease-out forwards}.online-play-end-overlay__card{position:relative;width:100%;max-width:24rem;max-height:calc(100dvh - 32px);overflow-y:auto;padding:var(--space-6) var(--space-5) var(--space-5);border-radius:var(--radius-lg);border:1px solid var(--color-border-subtle);background:var(--color-surface-elevated);box-shadow:var(--shadow-soft);opacity:0;transform:translateY(18px) scale(.965);transform-origin:center bottom;animation:online-play-end-card-enter .92s var(--end-overlay-ease) .12s forwards;will-change:opacity,transform}.online-play-end-overlay__card :is(.online-play-end-overlay__badge,.online-play-end-overlay__title,.online-play-end-overlay__body,.post-game-report,.online-play-end-overlay__record,.online-play-end-overlay__cta,.online-play-end-overlay__return,.online-play-end-overlay__hint){opacity:0;transform:translateY(10px);animation:online-play-end-content-enter .52s var(--end-overlay-ease) forwards;will-change:opacity,transform}.online-play-end-overlay__badge{animation-delay:.52s}.online-play-end-overlay__title{animation-delay:.59s}.online-play-end-overlay__body{animation-delay:.66s}.post-game-report{animation-delay:.73s}.online-play-end-overlay__record{animation-delay:.8s}.online-play-end-overlay__cta{animation-delay:.87s}.online-play-end-overlay__return{animation-delay:.94s}.online-play-end-overlay__hint{animation-delay:1.01s}@keyframes online-play-end-scrim-enter{0%{opacity:0;backdrop-filter:blur(0);-webkit-backdrop-filter:blur(0)}to{opacity:1;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}}@keyframes online-play-end-card-enter{0%{opacity:0;transform:translateY(18px) scale(.965)}55%{opacity:1}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes online-play-end-content-enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.online-play-end-overlay__card--player_win{border-color:var(--color-primary);box-shadow:0 0 0 1px #d6a84f40,var(--shadow-soft),0 0 28px var(--color-primary-soft)}.online-play-end-overlay__badge{display:inline-flex;align-items:center;gap:var(--space-compact);font-size:var(--font-size-xs);font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-muted);margin:0 0 var(--space-2)}.online-play-end-overlay__card--player_win .online-play-end-overlay__badge{color:var(--color-primary)}body[data-theme=light] .online-play-end-overlay__card--player_win .online-play-end-overlay__badge{color:var(--color-link)}.online-play-end-overlay__badge-icon{flex-shrink:0;color:currentColor}.online-play-end-overlay__title{margin:0 0 var(--space-control-y);font-size:clamp(1.25rem,4vw,var(--font-size-xl));font-weight:700;line-height:1.25;color:var(--color-text-primary);letter-spacing:0}.online-play-end-overlay__body{margin:0 0 var(--space-4);font-size:var(--font-size-md);line-height:1.55;color:var(--color-text-muted)}.post-game-report{display:flex;flex-direction:column;gap:var(--space-3);margin:0 0 var(--space-4);padding:var(--space-3);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:#0c10125c}body[data-theme=light] .post-game-report{background:#fffaf0a3}.post-game-report__stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2)}.post-game-report__stat{min-width:0;display:flex;flex-direction:column;gap:var(--space-1)}.post-game-report__stat-label,.post-game-report__label{margin:0;font-size:var(--font-size-xs);line-height:1.35;color:var(--color-text-soft)}.post-game-report__stat strong{min-width:0;font-size:var(--font-size-md);line-height:1.35;color:var(--color-text-primary);overflow-wrap:anywhere}.post-game-report__section{min-width:0;display:flex;flex-direction:column;gap:var(--space-compact)}.post-game-report__moments{display:flex;flex-wrap:wrap;gap:var(--space-compact)}.post-game-report__chip{max-width:100%;padding:var(--space-1) var(--space-2);border:1px solid rgba(214,168,79,.38);border-radius:var(--radius-md);color:var(--color-text-primary);background:#d6a84f1a;font-size:var(--font-size-xs);line-height:1.3;overflow-wrap:anywhere}.post-game-report__text{margin:0;color:var(--color-text-primary);font-size:var(--font-size-sm);line-height:1.45}.online-play-end-overlay__cta{width:100%;min-height:48px;padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);font-size:var(--font-size-lg);font-weight:600;cursor:pointer;touch-action:manipulation;border:1px solid rgba(214,168,79,.45);color:var(--color-text-on-primary);background:var(--color-primary);box-shadow:0 0 0 1px #d6a84f40,var(--shadow-soft);transition:transform .15s ease,box-shadow .15s ease,filter .15s ease,background .15s ease}.online-play-end-overlay__record{display:flex;flex-direction:column;gap:var(--space-compact);margin:0 0 var(--space-4);padding-top:var(--space-3);border-top:1px solid var(--color-border-subtle)}.online-play-end-overlay__record-label{margin:0;font-size:var(--font-size-xs);line-height:1.35;color:var(--color-text-soft)}.online-play-end-overlay__record-title{margin:0;color:var(--color-primary);font-size:var(--font-size-sm);font-weight:700;line-height:1.4;overflow-wrap:anywhere}.online-play-end-overlay__record-body{margin:0;color:var(--color-text-muted);font-size:var(--font-size-sm);line-height:1.45}.online-play-end-overlay__record-button{align-self:flex-start;min-height:36px;margin-top:var(--space-1);padding:var(--space-compact) var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-border-subtle);background:#0c1012b8;color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:600;cursor:pointer}body[data-theme=light] .online-play-end-overlay__record-button{background:#fffaf0e0;color:var(--color-text-primary)}.online-play-end-overlay__record-button:disabled{opacity:.5;cursor:not-allowed}.online-play-end-overlay__record-button:focus{outline:none}.online-play-end-overlay__record-button:focus-visible{outline:2px solid rgba(214,168,79,.9);outline-offset:2px}.online-play-end-overlay__cta:hover{background:var(--color-primary-hover);filter:brightness(1.02)}.online-play-end-overlay__cta:focus{outline:none}.online-play-end-overlay__cta:focus-visible{outline:2px solid rgba(214,168,79,.9);outline-offset:2px}.online-play-end-overlay__cta:active{transform:scale(.98)}.online-play-end-overlay__return{width:100%;min-height:40px;margin-top:var(--space-control-y);padding:var(--space-control-y) var(--space-3);border-radius:var(--radius-lg);border:1px solid var(--color-border-subtle);background:#0c1012b8;color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:600;cursor:pointer}body[data-theme=light] .online-play-end-overlay__return{background:#fffaf0e0;color:var(--color-text-primary)}.online-play-end-overlay__return:focus{outline:none}.online-play-end-overlay__return:focus-visible{outline:2px solid rgba(214,168,79,.9);outline-offset:2px}@media(prefers-reduced-motion:reduce){.online-play-end-overlay__scrim,.online-play-end-overlay__card,.online-play-end-overlay__card :is(.online-play-end-overlay__badge,.online-play-end-overlay__title,.online-play-end-overlay__body,.post-game-report,.online-play-end-overlay__record,.online-play-end-overlay__cta,.online-play-end-overlay__return,.online-play-end-overlay__hint){animation:none;opacity:1;transform:none;will-change:auto}.online-play-end-overlay__cta{transition:none}.online-play-end-overlay__cta:active{transform:none}}.online-play-end-overlay__hint{margin:var(--space-3) 0 0;font-size:var(--font-size-xs);line-height:1.4;color:var(--color-text-soft);text-align:center}#root{width:100%}.app-container{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:0}.app-container--play{min-height:100vh;min-height:100dvh;justify-content:flex-start;gap:0;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:calc(56px + env(safe-area-inset-top,0px)) 0 env(safe-area-inset-bottom,0px)}.app-container--local-play{padding:0 0 env(safe-area-inset-bottom,0px)}.app-board-column{width:100%;display:flex;flex-direction:column;align-items:center}.app-board-column>div{width:100%;max-width:640px}.app-container--play .app-board-column{max-width:100vw;flex:1 1 auto;overflow:visible}.app-container--play .app-board-column>div{max-width:none}.board-wrapper{position:relative}.app-container--play .board-wrapper{flex:0 0 auto;width:100%;max-width:100vw;margin:0 auto;display:flex;align-items:center;justify-content:center;overflow:visible}.app-container--play .board-wrapper .board-dom-wrapper{width:min(100vw,500px)!important;max-width:100%!important;flex-shrink:0}@media(max-width:600px){.app-container--play .board-wrapper .board-dom-wrapper{width:min(100vw,500px)!important}}.board-footer{width:100%;padding:var(--space-compact) var(--space-2) var(--space-control-y);display:flex;flex-direction:column;gap:var(--space-2);box-sizing:border-box}.app-container--play .board-footer{flex-shrink:0;width:100%;max-width:100vw;box-sizing:border-box;padding:var(--space-compact) var(--space-compact) calc(var(--space-control-y) + env(safe-area-inset-bottom,0px))}.engine-status{position:fixed;top:calc(50px + env(safe-area-inset-top,0px));left:50%;transform:translate(-50%);z-index:19;font-size:12px;padding:var(--space-1) var(--space-control-y);border-radius:var(--radius-md);background:#0c1012d9;color:var(--color-text-muted)}body[data-theme=light] .engine-status{background:#fffaf0e6;color:var(--color-text-muted)}.engine-status--error,body[data-theme=light] .engine-status--error{color:var(--color-danger)}.play-top-bar{position:fixed;top:0;left:0;right:0;z-index:20;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;gap:var(--space-2);padding:calc(var(--space-2) + env(safe-area-inset-top,0px)) var(--space-2) var(--space-2);box-sizing:border-box;pointer-events:none}.play-top-bar>*{pointer-events:auto}.play-home-btn{position:static;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border:1px solid var(--color-border-subtle);background:#0c1012b8;color:var(--color-text-primary);font-size:12px;padding:var(--space-compact) var(--space-control-y);border-radius:var(--radius-md);cursor:pointer}.play-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0}.play-icon-btn svg{width:18px;height:18px;flex:0 0 auto;stroke-width:2.2}body[data-theme=light] .play-home-btn{background:#fffaf0e0;color:var(--color-text-primary)}.play-local-header{flex-shrink:0;width:min(100vw,500px);max-width:100%;display:flex;align-items:flex-start;gap:var(--space-2);padding:calc(var(--space-2) + env(safe-area-inset-top,0px)) var(--space-compact) var(--space-half);box-sizing:border-box}.play-local-status-stack{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:var(--space-compact)}.play-local-header .engine-status,.play-local-header .play-save-hint,.play-local-header .play-entry-hint,.play-local-header .play-hint-error,.play-local-header .play-bot-message{position:static;inset:auto;transform:none;z-index:auto;width:100%;max-width:none;box-sizing:border-box}.play-local-header .engine-status{font-size:11px;line-height:1.35;padding:var(--space-compact) var(--space-control-y);border-radius:var(--radius-md);border:1px solid var(--color-border-subtle)}.play-top-actions{position:static;flex:1;min-width:0;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;gap:var(--space-compact);justify-content:flex-start;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.play-top-actions .play-ghost-btn{flex-shrink:0}.play-top-actions::-webkit-scrollbar{height:4px}.play-top-actions::-webkit-scrollbar-thumb{border-radius:4px;background:#c6b28973}.play-ghost-btn{border:1px solid var(--color-border-subtle);background:#0c1012b8;color:var(--color-text-primary);font-size:12px;padding:var(--space-compact) var(--space-control-y);border-radius:var(--radius-md);cursor:pointer}body[data-theme=light] .play-ghost-btn{background:#fffaf0e0;color:var(--color-text-primary)}.play-file-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.play-save-hint,.play-entry-hint,.play-hint-error{position:fixed;top:calc(120px + env(safe-area-inset-top,0px));right:8px;z-index:21;max-width:min(72vw,220px);font-size:11px;line-height:1.35;padding:var(--space-compact) var(--space-control-y);border-radius:var(--radius-md);background:#0c1012e0;color:var(--color-text-primary);border:1px solid var(--color-border-subtle)}.play-bot-message{position:fixed;top:calc(82px + env(safe-area-inset-top,0px));left:8px;z-index:21;display:flex;flex-direction:column;gap:2px;max-width:min(76vw,280px);font-size:11px;line-height:1.35;padding:var(--space-compact) var(--space-control-y);border-radius:var(--radius-md);background:#0c1012e0;color:var(--color-text-primary);border:1px solid rgba(214,168,79,.38)}.play-bot-message strong{font-size:11px;color:var(--color-primary)}body[data-theme=light] .play-save-hint,body[data-theme=light] .play-entry-hint,body[data-theme=light] .play-hint-error,body[data-theme=light] .play-bot-message{background:#fffaf0f2;color:var(--color-text-primary)}.play-entry-hint{border-color:#d6a84f6b}.play-hint-error{border-color:#e15c5c73;color:var(--color-danger)}@media(max-width:600px){.app-board-column{max-height:calc(100vh - 120px);overflow-y:auto}.app-container--play .app-board-column{max-height:none;overflow:visible}}.moves-sheet-backdrop{position:fixed;inset:0;background:#0c101273;display:flex;align-items:flex-end;justify-content:center;z-index:40}body[data-theme=light] .moves-sheet-backdrop{background:#211b145c}.moves-sheet{width:100%;max-width:640px;max-height:55vh;border-top-left-radius:16px;border-top-right-radius:16px;background:#171d20fa;color:var(--color-text-primary);border-top:1px solid var(--color-border-subtle);box-shadow:0 -10px 30px #00000059;padding:var(--space-control-y) var(--space-3) var(--space-4);box-sizing:border-box}body[data-theme=light] .moves-sheet{background:var(--color-surface);color:var(--color-text-primary);border:1px solid var(--color-border-subtle);border-bottom:none;box-shadow:0 -12px 36px #47372124}.moves-sheet__header{display:flex;align-items:center;justify-content:space-between;font-size:14px;font-weight:600;margin-bottom:8px}.moves-sheet__close{border:none;background:transparent;padding:var(--space-1) var(--space-2);font-size:12px;color:inherit}.moves-sheet__body{font-size:12px;font-family:var(--font-mono);max-height:calc(55vh - 32px);overflow-y:auto;overflow-x:hidden;word-break:break-word;padding-right:2px}.moves-sheet__toolbar{position:sticky;top:0;z-index:4;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--space-compact);padding:var(--space-half) 0 var(--space-2);background:#171d20fa}body[data-theme=light] .moves-sheet__toolbar{background:var(--color-surface)}.moves-sheet__status{position:sticky;top:40px;z-index:3;display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-2);font-size:12px;padding:var(--space-half) 0 var(--space-compact);background:#171d20fa}body[data-theme=light] .moves-sheet__status{background:var(--color-surface)}.moves-sheet__badge{border-radius:999px;padding:var(--space-half) var(--space-2);font-size:11px;font-weight:700}.moves-sheet__badge.is-live{background:color-mix(in srgb,var(--color-success) 22%,transparent);color:var(--color-success)}.moves-sheet__badge.is-review{background:color-mix(in srgb,var(--color-warning) 22%,transparent);color:var(--color-warning)}body[data-theme=light] .moves-sheet__badge.is-live{background:color-mix(in srgb,var(--color-success) 14%,transparent);color:var(--color-success)}body[data-theme=light] .moves-sheet__badge.is-review{background:#b77d2f24;color:var(--color-primary-strong)}.moves-list{display:grid;gap:var(--space-compact)}.moves-list__head,.moves-list__row{display:grid;grid-template-columns:34px 1fr 1fr;gap:var(--space-compact);align-items:center}.moves-list__head{font-size:11px;font-weight:600;color:var(--color-text-muted);position:sticky;top:76px;z-index:2;background:#171d20fa;padding:4px 0 3px;border-bottom:1px solid var(--color-border-subtle)}body[data-theme=light] .moves-list__head{background:var(--color-surface);border-bottom-color:var(--color-border-subtle)}.moves-list__num{font-size:11px;font-weight:600;color:var(--color-text-muted)}.moves-list__move{min-height:38px;border-radius:var(--radius-md);border:1px solid var(--color-border-subtle);background:var(--color-surface);color:var(--color-text-primary);font-size:12px;font-family:inherit;text-align:left;padding:var(--space-2) var(--space-control-y);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.moves-list__move.is-active{border-color:#d6a84fb8;background:var(--color-primary-soft);box-shadow:0 0 0 1px #d6a84f33}body[data-theme=light] .moves-list__move.is-active{border-color:#b77d2fb3;background:var(--color-primary-soft);box-shadow:0 0 0 1px #b77d2f38}.moves-list__move:disabled{opacity:.5}@media(max-width:480px){.moves-sheet{max-height:64vh}.moves-sheet__body{max-height:calc(64vh - 32px)}.moves-sheet__toolbar{grid-template-columns:repeat(3,minmax(0,1fr))}}.moves-inline{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--space-compact);font-family:var(--font-mono);font-size:12px;color:var(--color-text-primary)}.moves-inline__bottom{display:flex;align-items:stretch;justify-content:flex-start;gap:var(--space-half);flex-shrink:0}.moves-inline__toolbar{flex-shrink:0;display:flex;align-items:center;gap:var(--space-half)}.moves-inline__undo,.moves-inline__pass,.moves-inline__hint,.moves-inline__nav{box-sizing:border-box;min-width:40px;min-height:40px;padding:0 8px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text-primary);font-size:1.1rem;font-weight:700;line-height:1;cursor:pointer}.moves-inline__undo{color:var(--color-text-muted)}.moves-inline__hint{color:var(--color-primary)}.moves-inline__pass{min-width:40px}.moves-inline__pass.is-active{border-color:var(--color-primary);background:#d6a84f29;color:var(--color-primary)}.moves-inline__undo:hover:not(:disabled),.moves-inline__pass:hover:not(:disabled),.moves-inline__hint:hover:not(:disabled),.moves-inline__nav:hover:not(:disabled){background:var(--color-surface-alt);border-color:var(--color-border-strong);color:var(--color-text-primary)}.moves-inline__undo:focus-visible,.moves-inline__pass:focus-visible,.moves-inline__hint:focus-visible,.moves-inline__nav:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.moves-inline__undo:disabled,.moves-inline__pass:disabled,.moves-inline__hint:disabled,.moves-inline__nav:disabled{opacity:.38;cursor:not-allowed}.moves-inline__icon{display:block;width:18px;height:18px;flex-shrink:0;stroke-width:2.2}.moves-inline__icon--loading{animation:moves-inline-spin .9s linear infinite}@media(prefers-reduced-motion:reduce){.moves-inline__icon--loading{animation:none}}@keyframes moves-inline-spin{to{transform:rotate(360deg)}}.moves-inline__status{min-width:40px;text-align:center;font-size:10px;font-weight:600;color:var(--color-text-muted)}.moves-inline__scroll{flex:1 1 auto;min-height:40px;height:40px;min-width:0;display:flex;align-items:center;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;padding:0;box-sizing:border-box}.moves-inline__scroll::-webkit-scrollbar{height:4px}.moves-inline__scroll::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:2px}body[data-theme=light] .moves-inline__scroll::-webkit-scrollbar-thumb{background:var(--color-border-strong)}.moves-inline__list{display:flex;flex-wrap:nowrap;align-items:stretch;gap:var(--space-1);padding:1px var(--space-1);min-width:max-content;min-height:22px}.moves-inline__chip{flex-shrink:0;display:inline-flex;align-items:center;gap:var(--space-1);min-height:26px;padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);border:1px solid var(--color-border-subtle);background:var(--color-surface);color:var(--color-text-primary);font-family:inherit;font-size:11px;font-weight:500;line-height:1.25;cursor:pointer;white-space:nowrap;box-sizing:border-box}.moves-inline__chip:hover:not(.is-active){background:var(--color-surface-alt);border-color:var(--color-border-strong)}.moves-inline__chip.is-active{border-color:#d6a84fb8;background:var(--color-primary-soft);box-shadow:0 0 0 1px #d6a84f33}body[data-theme=light] .moves-inline__chip.is-active{border-color:#b77d2fb3;background:var(--color-primary-soft);box-shadow:0 0 0 1px #b77d2f38}.moves-inline__chip-num{font-size:10px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--color-text-muted)}.moves-inline__chip-move.is-blue{color:var(--color-blue)}.moves-inline__chip-move.is-red{color:var(--color-red)}body[data-theme=light] .moves-inline__chip-move.is-blue{color:var(--color-blue)}body[data-theme=light] .moves-inline__chip-move.is-red{color:var(--color-red)}.moves-inline__empty{display:flex;align-items:center;min-height:40px;padding:var(--space-half) var(--space-compact);font-size:11px;font-weight:500;color:var(--color-text-muted)}.replay-insight{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--space-3);width:100%;box-sizing:border-box;padding:var(--space-3) var(--space-4);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:#171d20b8}body[data-theme=light] .replay-insight{background:var(--color-surface);border-color:var(--color-border-subtle);box-shadow:var(--shadow-soft)}.replay-insight__main{min-width:0}.replay-insight__eyebrow{margin:0 0 var(--space-half);font-size:11px;font-weight:700;line-height:1.2;color:var(--color-primary)}.replay-insight__title{margin:0;font-size:14px;font-weight:700;line-height:1.3;color:var(--color-text-primary);overflow-wrap:anywhere}.replay-insight__detail{margin:var(--space-1) 0 0;font-size:12px;line-height:1.45;color:var(--color-text-muted)}.replay-insight__tags{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--space-1)}.replay-insight__tag{display:inline-flex;align-items:center;min-height:24px;padding:var(--space-half) var(--space-2);border-radius:var(--radius-pill);background:var(--color-primary-soft);color:var(--color-primary);font-size:11px;font-weight:700;line-height:1}.replay-insight__moments{grid-column:1 / -1;min-width:0;display:grid;gap:var(--space-compact);padding-top:var(--space-2);border-top:1px solid var(--color-border-subtle)}.replay-insight__moments-label{font-size:11px;font-weight:700;line-height:1.2;color:var(--color-text-muted)}.replay-insight__moment-list{min-width:0;display:flex;gap:var(--space-1);overflow-x:auto;padding-bottom:var(--space-half);-webkit-overflow-scrolling:touch}.replay-insight__moment{flex:0 0 auto;min-height:28px;max-width:180px;padding:var(--space-1) var(--space-2);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text-primary);font-size:11px;font-weight:700;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.replay-insight__moment:hover:not(.is-active){background:var(--color-surface-alt);border-color:var(--color-border-strong)}.replay-insight__moment.is-active{border-color:#d6a84fb8;background:var(--color-primary-soft);color:var(--color-primary)}.replay-insight__moment:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.replay-insight__analysis{grid-column:1 / -1;min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:var(--space-2)}.replay-insight__analysis-button{min-height:36px;padding:var(--space-compact) var(--space-3);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-primary);color:var(--color-text-on-primary);font-size:12px;font-weight:700;line-height:1.2;cursor:pointer}.replay-insight__analysis-button:hover:not(:disabled){background:var(--color-primary-hover)}.replay-insight__analysis-button:disabled{opacity:.45;cursor:not-allowed}.replay-insight__analysis-button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.replay-insight__analysis-text{min-width:0;margin:0;font-size:12px;line-height:1.45;color:var(--color-text-muted);overflow-wrap:anywhere}.replay-insight__analysis-text.is-error{color:var(--color-warning)}.replay-insight__continue{grid-column:1 / -1;min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:var(--space-2)}.replay-insight__continue-button{min-height:36px;padding:var(--space-compact) var(--space-3);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text-primary);font-size:12px;font-weight:700;line-height:1.2;cursor:pointer}.replay-insight__continue-button:hover{background:var(--color-surface-alt);border-color:var(--color-border-strong)}.replay-insight__continue-button--primary{background:var(--color-primary);color:var(--color-text-on-primary)}.replay-insight__continue-button--primary:hover:not(:disabled){background:var(--color-primary-hover)}.replay-insight__continue-button:disabled{opacity:.45;cursor:not-allowed}.replay-insight__continue-button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.replay-insight__continue-text{min-width:0;margin:0;font-size:12px;line-height:1.45;color:var(--color-text-muted)}@media(max-width:480px){.replay-insight{grid-template-columns:1fr;gap:var(--space-2);padding:var(--space-control-y) var(--space-3)}.replay-insight__tags{justify-content:flex-start}.replay-insight__analysis,.replay-insight__continue{grid-template-columns:1fr}}.moves-sheet .moves-inline{margin-top:4px}.piece-spinner{width:28px;height:28px;border-radius:50%;border:3px solid color-mix(in srgb,var(--color-text-primary) 10%,transparent);border-top-color:color-mix(in srgb,var(--color-text-primary) 60%,transparent);animation:piece-spinner-rotate .8s linear infinite}@keyframes piece-spinner-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}body[data-theme=light] .piece-spinner{border-color:color-mix(in srgb,var(--color-text-primary) 10%,transparent);border-top-color:color-mix(in srgb,var(--color-text-primary) 45%,transparent)}.bot-selection-step{display:flex;flex-direction:column;gap:var(--space-5)}.bot-selection-fieldset{margin:0;padding:0;border:none}.bot-selection-legend{margin-bottom:var(--space-2);font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-muted)}.bot-card-list{display:flex;flex-direction:column;gap:var(--space-3)}.bot-card{position:relative;display:flex;flex-direction:column;gap:var(--space-2);min-width:0;padding:var(--space-3);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 10%,transparent),transparent 46%),var(--color-surface-elevated);cursor:pointer;transition:border-color .15s,background .15s,box-shadow .15s,transform .05s}.bot-card:hover{border-color:var(--color-border-strong)}.bot-card:active{transform:translateY(1px)}.bot-card input{position:absolute;opacity:0;pointer-events:none}.bot-card:has(input:checked){border-color:var(--color-primary);background:linear-gradient(135deg,rgba(214,168,79,.2),transparent 48%),var(--color-surface-elevated);box-shadow:0 0 0 1px #d6a84f59}.bot-card:focus-within,.bot-chat-toggle:focus-within,.bot-side-card:focus-within{outline:2px solid rgba(214,168,79,.9);outline-offset:2px}.bot-card__head,.bot-card__meta,.bot-card__tags{display:flex;align-items:center;gap:var(--space-2)}.bot-card__head{justify-content:space-between}.bot-card__name{min-width:0;font-size:var(--font-size-md);font-weight:800;color:var(--color-text-primary)}.bot-card__strength,.bot-card__tag,.bot-card__meta span{flex-shrink:0;padding:3px 7px;border-radius:var(--radius-pill);background:#d6a84f21;color:var(--color-text-muted);font-size:var(--font-size-xs);font-weight:700;line-height:1.25}.bot-card__strength{color:var(--color-primary)}.bot-card__title{font-size:var(--font-size-sm);font-weight:700;color:var(--color-text-primary)}.bot-card__description{font-size:var(--font-size-sm);line-height:1.45;color:var(--color-text-muted)}.bot-card__meta,.bot-card__tags{flex-wrap:wrap}.bot-side-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.bot-side-card{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--space-3);min-height:78px;padding:var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-border-subtle);background:linear-gradient(135deg,color-mix(in srgb,var(--color-piece-bg-top) 8%,transparent),transparent 42%),var(--color-surface-elevated);cursor:pointer;transition:border-color .15s,background .15s,box-shadow .15s,transform .05s}.bot-side-card:hover{border-color:var(--color-border-strong)}.bot-side-card:active{transform:translateY(1px)}.bot-side-card input{position:absolute;opacity:0;pointer-events:none}.bot-side-card__piece{display:inline-flex;align-items:center;justify-content:center;width:44px;aspect-ratio:1}.bot-side-card__piece-svg{width:100%;height:100%;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center}.bot-side-card__piece-svg svg{width:100%;height:100%}.bot-side-card__piece-vector{display:inline-flex;align-items:center;justify-content:center;width:100%;height:100%;border-radius:50%;border:2px solid currentColor;font-family:"Noto Serif KR",serif;font-size:var(--font-size-xl);font-weight:800;line-height:1}.bot-side-card--blue .bot-side-card__label{color:var(--color-blue)}.bot-side-card--red .bot-side-card__label{color:var(--color-red)}.bot-side-card__body{min-width:0;display:flex;flex-direction:column;gap:var(--space-half)}.bot-side-card__label{font-size:var(--font-size-lg);font-weight:800}.bot-side-card__meta{font-size:var(--font-size-sm);color:var(--color-text-muted)}.bot-side-card__check{width:18px;aspect-ratio:1;border-radius:50%;border:1px solid var(--color-border-subtle);background:#171d2059;box-shadow:inset 0 0 0 4px var(--color-surface-elevated)}.bot-side-card:has(input:checked){border-color:var(--color-primary);background:linear-gradient(135deg,rgba(214,168,79,.2),transparent 48%),var(--color-surface-elevated);box-shadow:0 0 0 1px #d6a84f59}.bot-side-card:has(input:checked) .bot-side-card__check{border-color:var(--color-primary);background:var(--color-primary)}.bot-chat-toggle{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-surface-elevated);cursor:pointer}.bot-chat-toggle input{margin-top:2px;accent-color:var(--color-primary)}.bot-chat-toggle>span{min-width:0;display:flex;flex-direction:column;gap:var(--space-half)}.bot-chat-toggle__label{font-size:var(--font-size-sm);font-weight:700;color:var(--color-text-primary)}.bot-chat-toggle__meta{font-size:var(--font-size-sm);color:var(--color-text-muted)}@media(max-width:480px){.bot-selection-step{gap:var(--space-4)}.bot-card-list,.bot-side-options{gap:var(--space-2)}.bot-card{padding:var(--space-3)}.bot-card__head{align-items:flex-start;flex-direction:column}.bot-side-card{grid-template-columns:1fr;justify-items:center;min-height:116px;text-align:center}.bot-side-card__check{position:absolute;right:var(--space-3);top:var(--space-3)}}.setup-preview-row{display:flex;align-items:center;gap:var(--space-1);margin-left:auto}.setup-preview-cell{width:36px;height:36px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.setup-preview-piece-svg{width:100%;height:100%;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center}.setup-preview-piece-svg svg{width:100%;height:100%}.setup-preview-piece-vector{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;font-family:"Noto Serif KR",serif;border:1.5px solid;border-radius:50%}.setup-choice-step{display:flex;flex-direction:column;gap:var(--space-5)}.setup-choice-fieldset{margin:0;padding:0;border:none}.setup-choice-legend{margin-bottom:var(--space-2);font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-muted)}.setup-choice-options{display:flex;flex-wrap:wrap;gap:var(--space-3)}.setup-choice-radio{display:inline-flex;align-items:center;flex-wrap:wrap;flex:1 1 100%;min-width:0;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-border-subtle);background:var(--color-surface-elevated);cursor:pointer;font-size:var(--font-size-sm);transition:border-color .15s,background .15s}.setup-choice-radio-label{flex-shrink:0}.setup-choice-radio:hover{border-color:var(--color-border-strong)}.setup-choice-radio input{margin:0;accent-color:var(--color-primary)}.setup-choice-radio:has(input:checked){border-color:var(--color-primary);background:var(--color-primary-soft)}@media(max-width:480px){.setup-choice-step{gap:var(--space-4)}.setup-choice-radio{min-height:44px}.setup-choice-options{gap:var(--space-2)}}.play-setup-flow{position:fixed;inset:0;z-index:100;display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;max-height:100vh;max-height:100dvh;background:var(--color-surface);animation:play-setup-flow-in .22s ease-out}@media(prefers-reduced-motion:reduce){.play-setup-flow{animation:none}}@keyframes play-setup-flow-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.play-setup-flow__header{flex-shrink:0;display:flex;align-items:center;gap:var(--space-2);padding:max(var(--space-3),env(safe-area-inset-top)) max(var(--space-4),env(safe-area-inset-right)) var(--space-3) max(var(--space-4),env(safe-area-inset-left));border-bottom:1px solid var(--color-border-subtle)}.play-setup-flow__back{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;margin:0;padding:0;border:none;border-radius:var(--radius-md);background:transparent;color:var(--color-text-primary);font-size:1.25rem;line-height:1;cursor:pointer;transition:background .15s ease,opacity .15s ease;touch-action:manipulation}.play-setup-flow__back svg{width:20px;height:20px;stroke-width:2.2}.play-setup-flow__back:hover{background:var(--color-surface-elevated)}.play-setup-flow__back:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.play-setup-flow__title{margin:0;flex:1;font-size:var(--font-size-lg);font-weight:600;color:var(--color-text-primary)}.play-setup-flow__main{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:manipulation;padding:var(--space-4) max(var(--space-4),env(safe-area-inset-right)) var(--space-4) max(var(--space-4),env(safe-area-inset-left))}.play-setup-flow__main-inner{max-width:480px;margin:0 auto;width:100%}.play-setup-flow__footer{flex-shrink:0;padding:var(--space-3) max(var(--space-4),env(safe-area-inset-right)) max(var(--space-3),env(safe-area-inset-bottom)) max(var(--space-4),env(safe-area-inset-left));border-top:1px solid var(--color-border-subtle);background:var(--color-surface)}.play-setup-flow__footer-inner{max-width:480px;margin:0 auto;display:flex;flex-wrap:wrap;gap:var(--space-2)}.play-setup-flow__footer-inner .ui-button{flex:1;min-width:min(120px,100%)}.play-setup-flow__footer .ui-button:active{transform:none;opacity:.85}.home-screen.screen-stack{--screen-stack-max: 440px;--screen-stack-gap: var(--space-6)}.home-hero{position:relative;padding:var(--space-5) var(--space-5) var(--space-4);border-radius:var(--radius-panel);background:var(--color-surface);border:1px solid var(--color-border-subtle);box-shadow:var(--shadow-soft);overflow:hidden}.home-hero:before{content:"";position:absolute;inset:0;opacity:.07;pointer-events:none;background-image:linear-gradient(to right,var(--color-text-muted) 1px,transparent 1px),linear-gradient(to bottom,var(--color-text-muted) 1px,transparent 1px);background-size:22px 22px}body[data-theme=light] .home-hero:before{opacity:.05}.home-hero>*{position:relative;z-index:1}.home-hero__eyebrow{margin:0 0 var(--space-2);font-size:var(--font-size-xs);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-soft)}.home-hero__title{margin:0 0 var(--space-3);font-size:clamp(1.5rem,4.2vw,1.85rem);font-weight:700;line-height:1.2;letter-spacing:0;color:var(--color-text-primary)}.home-hero__lead{margin:0 0 var(--space-4);font-size:var(--font-size-md);line-height:1.55;color:var(--color-text-muted)}.home-features{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:var(--space-2)}.home-features li{display:flex;align-items:flex-start;gap:var(--space-3);font-size:var(--font-size-sm);line-height:1.45;color:var(--color-text-muted)}.home-features__mark{flex-shrink:0;width:6px;height:6px;margin-top:6px;border-radius:var(--radius-pill);background:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-soft)}.home-features li:nth-child(2) .home-features__mark{background:var(--color-success);box-shadow:0 0 0 2px color-mix(in srgb,var(--color-success) 20%,transparent)}.home-features li:nth-child(3) .home-features__mark{background:var(--color-warning);box-shadow:0 0 0 2px color-mix(in srgb,var(--color-warning) 20%,transparent)}.home-section,.home-section__actions{display:flex;flex-direction:column;gap:var(--space-3)}.home-section__actions .ui-button{min-height:48px;padding:var(--space-3) var(--space-4);font-size:var(--font-size-md);font-weight:600}.home-screen .screen-stack__link-plain{border-radius:var(--radius-md)}.home-screen .screen-stack__link-plain:focus-visible{outline:2px solid rgba(214,168,79,.9);outline-offset:2px}@media(prefers-reduced-motion:no-preference){.home-hero{animation:home-hero-in .35s ease-out both}.home-section{animation:home-section-in .35s ease-out both;animation-delay:45ms}}@keyframes home-hero-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes home-section-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.home-hero,.home-section{animation:none}}@media(min-width:768px){.home-hero{padding:var(--space-6)}}.auth-required-state{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--color-border-subtle);background:var(--color-surface-elevated);box-sizing:border-box}.auth-required-state__mark{position:relative;width:40px;height:40px;border-radius:var(--radius-md);border:1px solid rgba(214,168,79,.36);background:var(--color-primary-soft);flex:0 0 auto}.auth-required-state__mark-head,.auth-required-state__mark-body{position:absolute;left:50%;transform:translate(-50%);display:block;background:var(--color-primary)}.auth-required-state__mark-head{top:9px;width:12px;height:12px;border-radius:var(--radius-pill)}.auth-required-state__mark-body{bottom:8px;width:22px;height:12px;border-radius:var(--radius-pill) var(--radius-pill) var(--radius-sm) var(--radius-sm)}.auth-required-state__copy{display:flex;flex-direction:column;gap:var(--space-2)}.auth-required-state__title{margin:0;font-size:var(--font-size-lg);line-height:1.25;font-weight:650;letter-spacing:0}.auth-required-state__description{margin:0;font-size:13px;line-height:1.5;color:var(--color-text-muted)}@media(min-width:560px){.auth-required-state{display:grid;grid-template-columns:40px minmax(0,1fr);align-items:center}.auth-required-state .ui-button{grid-column:1 / -1}}.replay-list{--screen-stack-max: 520px;--screen-stack-gap: var(--space-4)}.replay-list__title{font-size:1.35rem;font-weight:650;margin:0}.replay-list__lead{margin:0;font-size:.95rem;line-height:1.45;color:var(--color-text-muted, rgba(184, 173, 155, .95))}.replay-list__note,.replay-list__warn,.replay-list__empty{font-size:.9rem;line-height:1.4;margin:0}.replay-list__warn{color:var(--color-warning)}.replay-list__status{display:flex;align-items:center;gap:var(--space-2);margin:0;color:var(--color-text-muted);font-size:.86rem;line-height:1.4}.replay-list__status:before{content:"";width:8px;height:8px;border-radius:var(--radius-pill);background:var(--color-primary);box-shadow:0 0 0 4px var(--color-primary-soft)}.replay-list__actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.replay-list__file-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.replay-list__loading{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);background:#171d2073}body[data-theme=light] .replay-list__loading{background:var(--color-surface);box-shadow:var(--shadow-soft)}.replay-list__loading-title{margin:0 0 var(--space-1);color:var(--color-text-primary);font-size:.95rem;font-weight:650}.replay-list__loading-copy{margin:0;color:var(--color-text-muted);font-size:.85rem;line-height:1.45}.replay-list__skeleton-cards{display:flex;flex-direction:column;gap:var(--space-2);padding:0;margin:0;list-style:none}.replay-list__cards{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-3)}.replay-card{border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);overflow:hidden;background:#171d2059}.replay-card--skeleton{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3) var(--space-4);overflow:hidden}.replay-card__skeleton-line,.replay-card__skeleton-cues span{display:block;border-radius:var(--radius-pill);background:linear-gradient(90deg,#c6b28914,#c6b28933,#c6b28914);background-size:220% 100%;animation:replay-loading-shimmer 1.4s ease-in-out infinite}.replay-card__skeleton-line--date{width:min(62%,260px);height:15px}.replay-card__skeleton-line--meta{width:92px;height:12px}.replay-card__skeleton-cues{display:flex;gap:var(--space-1);margin-top:var(--space-1)}.replay-card__skeleton-cues span{width:64px;height:24px}body[data-theme=light] .replay-card{background:var(--color-surface);border:1px solid var(--color-border-subtle);box-shadow:var(--shadow-soft)}.replay-card__main{display:flex;flex-direction:column;gap:4px;padding:var(--space-3) var(--space-4);text-decoration:none;color:inherit}.replay-card__main:hover{background:#c6b2891f}.replay-card__date{font-size:.9rem;font-weight:600}.replay-card__meta{font-size:.82rem;opacity:.85}.replay-card__cues{display:flex;flex-wrap:wrap;gap:var(--space-1);margin-top:var(--space-1)}.replay-card__cue{display:inline-flex;align-items:center;min-height:24px;padding:var(--space-half) var(--space-2);border-radius:var(--radius-pill);background:var(--color-primary-soft);color:var(--color-primary);font-size:11px;font-weight:700;line-height:1}.replay-card__tools{display:flex;flex-wrap:wrap;gap:4px;padding:0 var(--space-control-y) var(--space-control-y);border-top:1px solid var(--color-border-subtle)}.replay-list__back-link{display:inline-block;margin-top:var(--space-2);font-size:.95rem}.replay-gibo-modal{max-width:min(720px,calc(100vw - 32px))}.replay-gibo{display:flex;flex-direction:column;gap:var(--space-3)}.replay-gibo__field{display:flex;flex-direction:column;gap:var(--space-1);color:var(--color-text-muted);font-size:.85rem;font-weight:650}.replay-gibo__text{min-height:240px;max-height:min(52vh,520px);margin:0;padding:var(--space-3);overflow:auto;border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:#0a0e126b;color:var(--color-text-primary);font:.82rem/1.6 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;white-space:pre-wrap;word-break:keep-all}body[data-theme=light] .replay-gibo__text{background:#0f172a0a}.replay-gibo__actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--space-2)}@keyframes replay-loading-shimmer{0%{background-position:120% 0}to{background-position:-120% 0}}@media(prefers-reduced-motion:reduce){.replay-card__skeleton-line,.replay-card__skeleton-cues span{animation:none}}.ui-modal-overlay{position:fixed;inset:0;min-height:100vh;min-height:100svh;height:100vh;height:100svh;z-index:100;display:flex;align-items:center;justify-content:center;padding:max(var(--space-4),env(safe-area-inset-top)) max(var(--space-4),env(safe-area-inset-right)) max(var(--space-4),env(safe-area-inset-bottom)) max(var(--space-4),env(safe-area-inset-left));background-color:#0009;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:manipulation}.ui-modal{width:100%;max-width:400px;max-height:calc(100vh - 32px);max-height:calc(100svh - 32px);margin:auto;flex-shrink:0;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border-subtle);box-shadow:var(--shadow-soft)}.ui-modal__header{padding:var(--space-4) var(--space-4) 0}.ui-modal__title{margin:0;font-size:var(--font-size-lg);font-weight:600;color:var(--color-text-primary)}.ui-modal__body{padding:var(--space-4)}.ui-modal .ui-button:active{transform:none;opacity:.85}.ui-select{display:inline-block;width:auto;max-width:100%;min-height:44px;padding:var(--space-control-y) 40px var(--space-control-y) var(--space-3);font-family:inherit;font-size:var(--font-size-sm);font-weight:500;letter-spacing:.01em;line-height:1.35;color:var(--color-text-primary);background-color:var(--color-surface-elevated);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);cursor:pointer;-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;transition:border-color .15s ease,box-shadow .15s ease,color .15s ease}.ui-select:hover:not(:disabled){border-color:var(--color-border-strong);color:var(--color-text-primary)}.ui-select:focus{outline:none}.ui-select:focus-visible{outline:2px solid rgba(214,168,79,.9);outline-offset:2px}.ui-select:disabled{opacity:.5;cursor:not-allowed}.ui-select--full{display:block;width:100%}.ui-select option{background-color:var(--color-surface-elevated);color:var(--color-text-primary)}body[data-theme=light] .ui-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}.account-section__card{position:relative;padding:var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--color-border-subtle);background:var(--color-surface-alt)}.account-section__card-heading{display:flex;flex-direction:column;gap:var(--space-compact);margin-bottom:var(--space-3)}.account-section__card-title{margin:0}.account-section__card-lead{margin:0;color:var(--color-text-muted);font-size:var(--font-size-sm);line-height:1.45}.account-section__tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2);margin-bottom:var(--space-4);padding:var(--space-1);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);background:#c6b28914}.account-section__tabs button{min-height:44px;padding:0 var(--space-3);border-radius:var(--radius-md);border:1px solid transparent;background:transparent;color:var(--color-text-muted);cursor:pointer;font-size:var(--font-size-md);font-weight:650;transition:border-color .18s ease,background-color .18s ease,color .18s ease}.account-section__tabs button:hover{background:#c6b2891f;color:var(--color-text-primary)}.account-section__tabs button:focus-visible{outline:2px solid rgba(214,168,79,.9);outline-offset:2px}.account-section__tabs button.is-active{color:var(--color-text-primary);background:var(--color-surface-elevated);border-color:var(--color-border-subtle);box-shadow:0 0 0 1px #d6a84f2e}body[data-theme=light] .account-section__tabs button{color:var(--color-text-primary)}body[data-theme=light] .account-section__tabs button.is-active{color:var(--color-text-primary);background:var(--color-surface-elevated);border-color:var(--color-border-subtle)}.account-section__form{display:flex;flex-direction:column;gap:var(--space-3)}.account-section__field{display:flex;flex-direction:column;gap:var(--space-compact);margin:0}.account-section__label-text{color:var(--color-text-muted);font-size:var(--font-size-sm);font-weight:650}.account-section__field input{min-height:44px;padding:0 var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-border-subtle);background:var(--color-bg);color:inherit;font-size:16px;box-sizing:border-box;transition:border-color .16s ease,background-color .16s ease,box-shadow .16s ease}.account-section__field input::placeholder{color:var(--color-text-soft)}.account-section__field input:focus-visible{outline:2px solid rgba(214,168,79,.9);outline-offset:1px;border-color:#d6a84f73;box-shadow:0 0 0 3px var(--color-primary-soft)}.account-section__error{color:var(--color-danger);font-size:var(--font-size-sm);margin:0;padding:var(--space-control-y) var(--space-3);border:1px solid color-mix(in srgb,var(--color-danger) 42%,transparent);border-radius:var(--radius-md);background:color-mix(in srgb,var(--color-danger) 12%,transparent);line-height:1.4}body[data-theme=light] .account-section__error{color:var(--color-danger)}.account-section__divider{display:flex;align-items:center;gap:var(--space-3);margin:var(--space-4) 0 var(--space-2)}.account-section__divider:before,.account-section__divider:after{content:"";height:1px;flex:1;background:var(--color-border-subtle)}.account-section__divider span{width:var(--space-1);height:var(--space-1);border-radius:var(--radius-pill);background:var(--color-border-subtle)}.account-section__profile{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3)}.account-section__profile-main{min-width:0;flex:1}.account-section__profile-name{margin:0 0 var(--space-2);font-size:var(--font-size-lg);font-weight:650}.account-section__email{margin:0 0 var(--space-2);font-size:14px;opacity:.88;word-break:break-all}.account-section__id-row{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;margin:var(--space-3) 0 var(--space-1)}.account-section__id-code{min-width:0;padding:var(--space-2);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-bg);color:var(--color-text-muted);font-size:var(--font-size-xs);line-height:1.35;word-break:break-all;font-family:var(--font-mono, ui-monospace, monospace)}.account-section__id-hint,.account-section__loading-hint{margin:0}.account-section__oauth{display:flex;align-items:center;justify-content:center;min-height:44px;text-align:center;padding:var(--space-control-y) var(--space-3);font-size:var(--font-size-sm);font-weight:650;color:var(--color-link);text-decoration:none;border-radius:var(--radius-md);border:1px solid var(--color-border-subtle);background:transparent;transition:border-color .18s ease,background-color .18s ease,color .18s ease}.account-section__oauth:hover{background:var(--color-primary-soft);color:var(--color-link-hover);border-color:color-mix(in srgb,var(--color-primary) 45%,transparent)}body[data-theme=light] .account-section__oauth{color:var(--color-link)}body[data-theme=light] .account-section__oauth:hover{background:var(--color-primary-soft);color:var(--color-link-hover)}.account-section__oauth:focus-visible{outline:2px solid rgba(214,168,79,.9);outline-offset:2px}.account-section .ui-button:focus-visible{outline:2px solid rgba(214,168,79,.9);outline-offset:2px}.account-section__signed-in-badge{display:inline-flex;align-items:center;min-height:24px;margin-bottom:var(--space-3);padding:var(--space-1) var(--space-2);border-radius:var(--radius-pill);background:color-mix(in srgb,var(--color-success) 14%,transparent);color:var(--color-success);font-size:var(--font-size-xs);font-weight:700}@media(max-width:420px){.account-section__profile{flex-direction:column}.account-section__profile>.ui-button{width:100%}}.settings-screen.screen-stack{--screen-stack-max: 520px;--screen-stack-gap: var(--space-5)}.settings-screen__hero{position:relative;display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-4);border-radius:var(--radius-panel);border:1px solid var(--color-border-subtle);background:var(--color-surface);box-shadow:var(--shadow-soft);overflow:hidden}.settings-screen__hero:before{content:"";position:absolute;inset:0;opacity:.07;pointer-events:none;background-image:linear-gradient(to right,var(--color-text-muted) 1px,transparent 1px),linear-gradient(to bottom,var(--color-text-muted) 1px,transparent 1px);background-size:22px 22px}body[data-theme=light] .settings-screen__hero:before{opacity:.05}.settings-screen__hero>*{position:relative;z-index:1}.settings-screen__eyebrow{margin:0 0 var(--space-2);font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-soft)}.settings-screen__title{margin-bottom:var(--space-2)}.settings-screen__lead{line-height:1.5}.settings-screen__status{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2)}.settings-screen__status span{min-width:0;padding:var(--space-2);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:#c6b2891a;color:var(--color-text-muted);font-size:var(--font-size-xs);font-weight:650;line-height:1.25;text-align:center;overflow-wrap:anywhere}.settings-card{padding:var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--color-border-subtle);background:var(--color-surface-elevated);box-shadow:var(--shadow-soft)}.settings-card__heading{display:flex;flex-direction:column;gap:var(--space-compact)}.settings-field{display:flex;flex-direction:column;gap:var(--space-2)}.settings-field__topline{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3)}.settings-field__label{font-size:13px;font-weight:600;color:var(--color-text-muted)}.settings-field__value{min-width:0;color:var(--color-text-soft);font-size:var(--font-size-xs);font-weight:600;text-align:right;overflow-wrap:anywhere}.settings-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2)}.settings-option{position:relative;display:flex;align-items:flex-start;gap:var(--space-2);min-width:0;min-height:76px;padding:var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-border-subtle);background:#c6b28914;color:var(--color-text-primary);font:inherit;text-align:left;cursor:pointer;transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease,transform .05s ease}.settings-option:hover:not(:disabled){border-color:var(--color-border-strong);background:#c6b2891f}.settings-option:active:not(:disabled){transform:translateY(1px)}.settings-option:focus-visible{outline:2px solid rgba(214,168,79,.9);outline-offset:2px}.settings-option.is-disabled{cursor:not-allowed;opacity:.52}.settings-option.is-active{border-color:#d6a84fb8;background:var(--color-primary-soft);box-shadow:0 0 0 1px #d6a84f33}.settings-option--blue.is-active{border-color:#4f8fcfb8;background:#4f8fcf29;box-shadow:0 0 0 1px #4f8fcf33}.settings-option--red.is-active{border-color:#d95c4fb8;background:#d95c4f24;box-shadow:0 0 0 1px #d95c4f2e}.settings-option__indicator{flex:0 0 auto;width:12px;height:12px;margin-top:3px;border-radius:var(--radius-pill);border:2px solid var(--color-border-strong);background:transparent}.settings-option.is-active .settings-option__indicator{border-color:var(--color-primary);background:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-soft)}.settings-option--blue.is-active .settings-option__indicator{border-color:var(--color-blue);background:var(--color-blue);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-blue) 20%,transparent)}.settings-option--red.is-active .settings-option__indicator{border-color:var(--color-red);background:var(--color-red);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-red) 20%,transparent)}.settings-option__copy{min-width:0;display:flex;flex-direction:column;gap:var(--space-1)}.settings-option__eyebrow{color:var(--color-text-soft);font-size:10px;font-weight:700;line-height:1.1}.settings-option__title{font-size:var(--font-size-md);font-weight:700;line-height:1.25}.settings-option__detail{color:var(--color-text-muted);font-size:var(--font-size-xs);font-weight:500;line-height:1.35;overflow-wrap:anywhere}.settings-preview{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-2);padding:var(--space-3);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-surface-alt)}.settings-preview__board{position:relative;width:min(100%,240px);margin:0 auto;border-radius:var(--radius-md);border:1px solid var(--color-border-subtle);overflow:hidden;pointer-events:none;box-shadow:0 12px 24px #0000002e}.settings-preview__meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2);color:var(--color-text-muted);font-size:var(--font-size-xs);font-weight:600;line-height:1.35}.settings-preview__meta span{min-width:0;padding:var(--space-2);border-radius:var(--radius-sm);background:#c6b28914;text-align:center;overflow-wrap:anywhere}.settings-engine__summary{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-surface-alt)}.settings-engine__summary-icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-md);border:1px solid rgba(214,168,79,.36);background:var(--color-primary-soft);color:var(--color-primary)}.settings-engine__summary-icon svg{width:18px;height:18px;stroke-width:2.2}.settings-engine__summary-copy{min-width:0;display:flex;flex-direction:column;gap:var(--space-1)}.settings-engine__summary-label{color:var(--color-text-soft);font-size:10px;font-weight:700;line-height:1.1}.settings-engine__summary-copy strong{color:var(--color-text-primary);font-size:var(--font-size-md);line-height:1.25}.settings-engine__summary-copy span:last-child{color:var(--color-text-muted);font-size:var(--font-size-xs);font-weight:500;line-height:1.35}.settings-engine__empty{padding:var(--space-3);border:1px dashed var(--color-border-subtle);border-radius:var(--radius-md);color:var(--color-text-muted);font-size:var(--font-size-xs);font-weight:500;line-height:1.45}.settings-engine__probe{display:flex;flex-direction:column;gap:var(--space-2)}.settings-status-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2)}.settings-status-item{min-width:0;min-height:84px;display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-3);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:#c6b28914}.settings-status-item__label{color:var(--color-text-soft);font-size:10px;font-weight:700;line-height:1.1}.settings-status-item__value{min-width:0;color:var(--color-text-primary);font-size:var(--font-size-md);line-height:1.25;overflow-wrap:anywhere}.settings-status-item__detail{min-width:0;color:var(--color-text-muted);font-size:var(--font-size-xs);font-weight:500;line-height:1.35;overflow-wrap:anywhere}.settings-status-item--active{border-color:#63a86c7a;background:#63a86c1f}.settings-status-item--active .settings-status-item__value{color:var(--color-success)}.settings-status-item--warning{border-color:#d6a84f75;background:var(--color-primary-soft)}.settings-status-item--warning .settings-status-item__value{color:var(--color-primary)}.settings-status-item--danger{border-color:#dc5f5580;background:#dc5f551c}.settings-status-item--danger .settings-status-item__value{color:var(--color-danger)}.settings-screen .account-section{padding:var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--color-border-subtle);background:var(--color-surface-elevated);box-shadow:var(--shadow-soft)}.settings-screen .account-section__card,.settings-screen .account-section__card .ui-button{box-shadow:none}@media(min-width:768px){.settings-screen__hero{padding:var(--space-5)}}@media(max-width:420px){.settings-engine__summary{grid-template-columns:auto minmax(0,1fr)}.settings-engine__summary .ui-button{grid-column:1 / -1;width:100%}.settings-status-grid{grid-template-columns:1fr}}:root{--color-bg: #101417;--color-surface: #171d20;--color-surface-alt: #0c1012;--color-border-subtle: rgba(198, 178, 137, .18);--color-border-strong: rgba(198, 178, 137, .42);--color-surface-elevated: rgba(32, 40, 43, .96);--color-primary: #d6a84f;--color-primary-hover: #e7bd68;--color-primary-strong: #b77d2f;--color-primary-soft: rgba(214, 168, 79, .18);--color-red: #d95c4f;--color-blue: #4f8fcf;--color-text-primary: #f0e8da;--color-text-muted: #b8ad9b;--color-text-soft: #83796b;--color-text-on-primary: #1a1308;--color-danger: #dc5f55;--color-success: #63a86c;--color-warning: #d6a84f;--color-board-wood: #e8c98f;--color-board-line: #8f6334;--color-board-palace: #6f4b28;--color-board-dark: #2a2118;--color-board-dark-line: #c9a76b;--color-board-dark-palace: #e1bf7c;--color-piece-bg-top: #fffaf0;--color-piece-bg-mid: #eadfcb;--color-piece-bg-bottom: #cdbb9a;--color-link: var(--color-primary);--color-link-hover: var(--color-primary-hover);--font-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans KR", sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--font-size-xs: 11px;--font-size-sm: 12px;--font-size-md: 14px;--font-size-lg: 16px;--font-size-xl: 20px;--space-half: 2px;--space-1: 4px;--space-compact: 6px;--space-2: 8px;--space-control-y: 10px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-panel: 14px;--radius-pill: 999px;--shadow-soft: 0 18px 40px rgba(0, 0, 0, .45)}[data-theme=light]{--color-bg: #f3eee3;--color-surface: #fffaf0;--color-surface-alt: #ebe1d0;--color-surface-elevated: #fffdf7;--color-border-subtle: rgba(109, 83, 48, .18);--color-border-strong: rgba(109, 83, 48, .42);--color-primary: #b77d2f;--color-primary-hover: #9f6824;--color-primary-strong: #7c4f1d;--color-primary-soft: rgba(183, 125, 47, .16);--color-red: #b94b42;--color-blue: #356fa8;--color-text-primary: #211b14;--color-text-muted: #625747;--color-text-soft: #8a7d69;--color-text-on-primary: #fff8e8;--color-danger: #b94b42;--color-success: #3f7f52;--color-warning: #b77d2f;--color-piece-bg-top: #fffdf7;--color-piece-bg-mid: #efe5d2;--color-piece-bg-bottom: #d7c4a3;--color-link: var(--color-primary);--color-link-hover: var(--color-primary-hover);--shadow-soft: 0 16px 30px rgba(71, 55, 33, .12)}.screen-stack{--screen-stack-max: 520px;--screen-stack-gap: var(--space-4);--screen-stack-pad-top: var(--space-4);--screen-stack-pad-bottom: var(--space-6);max-width:var(--screen-stack-max);width:100%;margin:0 auto;padding:var(--screen-stack-pad-top) 0 var(--screen-stack-pad-bottom);display:flex;flex-direction:column;gap:var(--screen-stack-gap)}.screen-stack__intro{display:flex;flex-direction:column;gap:var(--space-2);margin:0}.screen-stack__title{font-size:22px;margin:0}.screen-stack__title--compact{font-size:20px}.screen-stack__lead{font-size:14px;margin:0;color:var(--color-text-muted)}.screen-stack__section{display:flex;flex-direction:column;gap:var(--space-3)}.screen-stack__section--dense{gap:var(--space-2)}.screen-stack__actions{display:flex;flex-direction:column;gap:var(--space-2)}.screen-stack__link-plain{display:block;width:100%;text-decoration:none}.screen-stack__subsection-title{font-size:16px;margin:0}.screen-stack__subsection-lead{font-size:13px;margin:0;color:var(--color-text-muted)}.screen-stack__row{display:flex;gap:var(--space-2);margin-top:var(--space-2)}.screen-stack__row--wrap{flex-wrap:wrap}.screen-stack__hint{font-size:12px;margin:0;color:var(--color-text-soft)}@media(min-width:768px){.screen-stack{--screen-stack-pad-top: var(--space-5)}}.online-lobby{--online-focus-ring: rgba(214, 168, 79, .9);--online-focus-border: rgba(214, 168, 79, .45);--screen-stack-max: 520px}.online-lobby__card{padding:var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--color-border-subtle);background:var(--color-surface-elevated)}.online-lobby__card-title{margin:0 0 var(--space-2)}.online-lobby__card-lead,.online-lobby__quick-setup{margin:0 0 var(--space-4)}.online-lobby__quick-setup[disabled]{opacity:.72;pointer-events:none}.online-lobby__quick-setup-hint{margin:0 0 var(--space-3);font-size:12px;line-height:1.45;color:var(--color-text-muted)}.online-lobby__logged-in{display:flex;flex-direction:column;gap:var(--space-3)}.online-lobby__presence{display:flex;align-items:center;gap:var(--space-2);min-height:44px;padding:var(--space-control-y) var(--space-3);border-radius:var(--radius-lg);border:1px solid var(--color-border-subtle);background:var(--color-surface-elevated);box-sizing:border-box}.online-lobby__presence-label,.online-lobby__presence-unit{font-size:13px;line-height:1.3;color:var(--color-text-muted)}.online-lobby__presence-count{font-size:1.2rem;line-height:1;font-weight:700;color:var(--color-text)}.online-lobby__field{display:flex;flex-direction:column;gap:var(--space-compact);margin-bottom:var(--space-3)}.online-lobby__label-text{font-size:13px;font-weight:500;opacity:.92}.online-lobby__field-row{display:flex;gap:var(--space-2);align-items:stretch;flex-wrap:wrap}.online-lobby__field-row input{flex:1;min-width:0;min-height:44px;padding:0 var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-border-subtle);background:var(--color-bg);color:inherit;font-size:16px;box-sizing:border-box}.online-lobby__field input{min-height:44px;padding:0 var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-border-subtle);background:var(--color-bg);color:inherit;font-size:16px;box-sizing:border-box}.online-lobby__field input:focus-visible,.online-lobby__field-row input:focus-visible{outline:2px solid var(--online-focus-ring);outline-offset:2px;border-color:var(--online-focus-border)}.online-lobby__error{color:var(--color-danger);font-size:13px;margin:0 0 var(--space-control-y);line-height:1.4}body[data-theme=light] .online-lobby__error{color:var(--color-danger)}.online-lobby__error--banner{margin:0;padding:var(--space-control-y) var(--space-3);border-radius:var(--radius-md);background:color-mix(in srgb,var(--color-danger) 12%,transparent);border:1px solid color-mix(in srgb,var(--color-danger) 35%,transparent)}body[data-theme=light] .online-lobby__error--banner{background:color-mix(in srgb,var(--color-danger) 8%,transparent);border-color:color-mix(in srgb,var(--color-danger) 25%,transparent)}.online-lobby__challenge-wait-overlay{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:var(--space-4);box-sizing:border-box;background:#0000008c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.online-lobby__challenge-wait-panel{width:100%;max-width:380px;padding:var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--color-border-subtle);background:var(--color-surface-elevated);box-shadow:0 16px 48px #00000059}.online-lobby__challenge-wait-title{margin:0 0 var(--space-2);font-size:1.05rem;font-weight:600}.online-lobby__challenge-wait-lead{margin:0 0 var(--space-3);font-size:14px;line-height:1.5;color:var(--color-text-muted)}.online-lobby__match-wait{display:flex;flex-direction:column;gap:var(--space-3)}.online-lobby__match-wait-text{margin:0;font-size:14px}@media(prefers-reduced-motion:no-preference){.online-lobby__match-wait-text{animation:online-lobby-pulse 1.4s ease-in-out infinite}}@keyframes online-lobby-pulse{0%,to{opacity:1}50%{opacity:.55}}.online-lobby__subblock{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-border-subtle)}.online-lobby__subblock:first-of-type{margin-top:0;padding-top:0;border-top:none}.online-lobby__subheading{margin:0 0 var(--space-2);font-size:13px;font-weight:600;opacity:.88}.online-lobby__list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-2)}.online-lobby__list li{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap;padding:var(--space-2) var(--space-control-y);border-radius:var(--radius-md);border:1px solid var(--color-border-subtle);background:#c6b2890f}.online-lobby__list--requests li,.online-lobby__list--challenges li{padding-block:var(--space-control-y)}.online-lobby__list-primary{font-size:14px;min-width:0;flex:1}.online-lobby__inline-actions{display:flex;gap:var(--space-2);flex-shrink:0}.online-lobby__empty{margin:var(--space-2) 0 0;font-size:14px;line-height:1.45;color:var(--color-text-muted)}.online-lobby__cross-link{margin:0;font-size:13px;line-height:1.5;color:var(--color-text-muted)}.online-lobby__inline-link{padding:0;border:none;background:none;font:inherit;font-weight:600;color:var(--color-link);cursor:pointer;text-decoration:underline;text-underline-offset:2px}.online-lobby__inline-link:focus-visible{outline:2px solid var(--online-focus-ring);outline-offset:2px;border-radius:var(--radius-sm)}*,*:before,*:after{box-sizing:border-box}html{scrollbar-gutter:stable;color-scheme:dark}:root{font-family:var(--font-sans);line-height:1.5;font-weight:400;color:var(--color-text-primary);background-color:var(--color-bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:var(--color-link);text-decoration:none}a:hover{color:var(--color-link-hover)}body{margin:0;min-width:320px;min-height:100vh;background-color:var(--color-bg)}@media(max-width:600px){:root{font-size:14px}}body[data-theme=light]{background-color:var(--color-bg);color-scheme:light}h1{font-size:clamp(1.8rem,4vw,2.4rem);line-height:1.2}button{font-family:inherit}