:root{--parchment: #f0e7d3;--parchment-deep: #e6dac0;--vellum: #fffcf0;--ink: #2a2018;--ink-soft: #5c4f3f;--ink-faint: #8a7a64;--gold: #a97e2f;--gold-soft: rgba(169, 126, 47, .14);--edge: #d5c298;--edge-soft: rgba(213, 194, 152, .5);--danger: #a4372c;--green: #3a8f5d;--nav-w: 248px;--nav-rail: 68px;--topbar-h: 0px;--radius: 10px;--shadow-soft: 0 1px 2px rgba(42, 32, 24, .06), 0 8px 24px -12px rgba(42, 32, 24, .25)}*{box-sizing:border-box}html{height:100%}body{margin:0;min-height:100%;font-family:Georgia,Times New Roman,serif;background:var(--parchment);color:var(--ink);-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button{cursor:pointer}.app{display:grid;grid-template-columns:auto 1fr;min-height:100vh}.app:has(.sidebar.is-collapsed){--nav-w: var(--nav-rail)}.main{min-width:0;padding:1.6rem 2rem 3rem}.main>.lobby{max-width:900px;margin:0 auto}.splash{min-height:100vh;display:grid;place-items:center}.sidebar{position:sticky;top:0;height:100vh;width:var(--nav-w);display:flex;flex-direction:column;background:linear-gradient(180deg,var(--parchment-deep) 0%,#dfd2b4 100%);border-right:1px solid var(--edge);box-shadow:inset -1px 0 #fffcf080;padding:1rem .75rem;transition:width .18s ease;overflow:hidden auto;scrollbar-width:thin;z-index:30}.nav-brand{display:flex;align-items:center;gap:.7rem;padding:.25rem .5rem 1.1rem;color:var(--gold)}.nav-sigil{display:grid;place-items:center;width:36px;height:36px;flex:none;border-radius:10px;background:var(--vellum);border:1px solid var(--edge);box-shadow:var(--shadow-soft)}.nav-brand-text{display:flex;flex-direction:column;line-height:1.15;min-width:0}.nav-brand-name{font-size:1.1rem;font-weight:700;letter-spacing:.01em;color:var(--ink);white-space:nowrap}.nav-close{display:none}.nav-list{display:flex;flex-direction:column;gap:2px;flex:1}.nav-section{font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-faint);padding:.9rem .75rem .35rem;white-space:nowrap}.nav-section:first-child{padding-top:.2rem}.nav-item{display:flex;align-items:center;gap:.7rem;width:100%;padding:.55rem .7rem;border-radius:9px;border:1px solid transparent;background:transparent;color:var(--ink-soft);text-align:left;text-decoration:none;position:relative;transition:background .12s,color .12s}.nav-item:hover:not(.is-disabled){background:#fffcf08c;color:var(--ink)}.nav-item:focus-visible{outline:2px solid var(--gold);outline-offset:1px}.nav-item.is-active{background:var(--vellum);color:var(--ink);border-color:var(--edge);box-shadow:var(--shadow-soft)}.nav-item.is-active:before{content:"";position:absolute;left:-.75rem;top:20%;bottom:20%;width:3px;border-radius:0 3px 3px 0;background:var(--gold)}.nav-item.is-active .nav-icon{color:var(--gold)}.nav-item.is-disabled{opacity:.55;cursor:default}.nav-icon{display:grid;place-items:center;width:24px;height:24px;flex:none}.nav-text{display:flex;flex-direction:column;min-width:0;flex:1;line-height:1.2}.nav-label{font-weight:700;font-size:.93rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-hint{font-size:.72rem;color:var(--ink-faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-trailing{display:flex;align-items:center;color:var(--ink-faint);flex:none}.nav-badge{font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;border:1px solid var(--edge);border-radius:999px;padding:.1rem .45rem;color:var(--ink-faint)}.nav-pulse{width:9px;height:9px;border-radius:50%;background:var(--green);box-shadow:0 0 #3a8f5d99;animation:nav-pulse 1.8s infinite}@keyframes nav-pulse{70%{box-shadow:0 0 0 7px #3a8f5d00}to{box-shadow:0 0 #3a8f5d00}}.nav-foot{display:flex;flex-direction:column;gap:.35rem;padding-top:.75rem;border-top:1px solid var(--edge-soft)}.nav-user{display:flex;align-items:center;gap:.6rem;padding:.45rem .4rem;border-radius:9px}.nav-avatar{width:34px;height:34px;flex:none;border-radius:50%;display:grid;place-items:center;font-size:.8rem;font-weight:700;letter-spacing:.04em;color:#fff8e8;background:linear-gradient(150deg,#c39640,var(--gold));box-shadow:inset 0 -2px #00000026}.nav-user .nav-hint{display:flex;align-items:center;gap:.35rem}.nav-namebtn{background:none;border:0;padding:0;font:inherit;color:inherit;cursor:pointer;text-align:left}.nav-namebtn .nav-edit{opacity:0;font-size:.8em;transition:opacity .15s}.nav-namebtn:hover .nav-edit,.nav-namebtn:focus-visible .nav-edit{opacity:.7}.sidebar.is-collapsed .nav-namebtn{display:none}.nav-rename{display:flex;flex-direction:column;gap:.4rem;padding:.45rem .4rem}.nav-rename input{width:100%;font:inherit;padding:.35rem .5rem;border-radius:6px;border:1px solid var(--gold)}.nav-rename-error{font-size:.78rem;color:#a33}.custom-ai{border-left:3px solid var(--gold);padding-left:.8rem;margin:.2rem 0 .6rem}.custom-ai .field{margin:.5rem 0}.custom-ai input{font-weight:400;padding:.3rem .5rem;font:inherit}.nav-iconbtn{display:grid;place-items:center;width:34px;height:34px;padding:0;border-radius:8px;border:1px solid transparent;background:transparent;color:var(--ink-faint);flex:none}.nav-iconbtn:hover{background:#fffcf099;color:var(--ink);border-color:var(--edge-soft)}.nav-collapse{display:flex;align-items:center;gap:.7rem;padding:.4rem .7rem;border:none;background:transparent;color:var(--ink-faint);border-radius:8px;font-size:.8rem}.nav-collapse:hover{color:var(--ink);background:#fffcf073}.nav-collapse-icon{transition:transform .18s;flex:none;margin-left:2px}.sidebar.is-collapsed{padding-left:.6rem;padding-right:.6rem}.sidebar.is-collapsed .nav-brand{padding-left:.35rem}.sidebar.is-collapsed .nav-brand-text,.sidebar.is-collapsed .nav-text,.sidebar.is-collapsed .nav-trailing,.sidebar.is-collapsed .nav-collapse .nav-label{display:none}.sidebar.is-collapsed .nav-section{font-size:0;padding:.55rem 0 .2rem;border-top:1px solid var(--edge-soft);margin-top:.4rem}.sidebar.is-collapsed .nav-section:first-child{border-top:none;margin-top:0;padding:0}.sidebar.is-collapsed .nav-item{justify-content:center;padding:.6rem 0}.sidebar.is-collapsed .nav-item.is-active:before{left:-.6rem}.sidebar.is-collapsed .nav-user{flex-direction:column;gap:.35rem;padding:.4rem 0}.sidebar.is-collapsed .nav-collapse{justify-content:center;padding:.4rem 0}.sidebar.is-collapsed .nav-collapse-icon{transform:rotate(180deg);margin:0}.topbar,.sidebar-scrim{display:none}@media (max-width: 760px){:root{--topbar-h: 54px}.app{grid-template-columns:1fr;grid-template-rows:var(--topbar-h) 1fr;--nav-w: 0px}.main{padding:1rem 1rem 3rem}.topbar{display:flex;align-items:center;gap:.6rem;height:var(--topbar-h);padding:0 .6rem;position:sticky;top:0;z-index:25;background:var(--parchment-deep);border-bottom:1px solid var(--edge);grid-column:1 / -1}.topbar-brand{font-weight:700;font-size:1.05rem;flex:1}.topbar-game{display:inline-flex;align-items:center;gap:.45rem;font-size:.85rem;padding:.35rem .7rem;border-radius:999px;border:1px solid var(--edge);background:var(--vellum);color:var(--ink)}.sidebar,.sidebar.is-collapsed{position:fixed;top:0;left:0;bottom:0;height:auto;width:min(300px,86vw);padding:1rem .75rem;transform:translate(-104%);transition:transform .2s ease}.sidebar.is-open{transform:none;box-shadow:12px 0 40px #2a201859}.sidebar-scrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#2a201873;z-index:29}.sidebar.is-collapsed .nav-brand-text,.sidebar.is-collapsed .nav-text,.sidebar.is-collapsed .nav-trailing{display:flex}.sidebar.is-collapsed .nav-section{font-size:.66rem;border-top:none;margin-top:0;padding:.9rem .75rem .35rem}.sidebar.is-collapsed .nav-item{justify-content:flex-start;padding:.55rem .7rem}.sidebar.is-collapsed .nav-user{flex-direction:row;padding:.45rem .4rem}.nav-collapse{display:none}.nav-close{display:grid;place-items:center;margin-left:auto;width:32px;height:32px;padding:0;border:none;background:transparent;color:var(--ink-faint);border-radius:8px}}.auth-screen{max-width:760px;margin:0 auto;padding:1rem 1.2rem 3rem}.auth-header{display:flex;align-items:baseline;gap:.8rem;padding:.6rem 0 1.4rem}.auth-lede{text-align:center;color:var(--ink-soft);margin:2.5rem 0 0;font-style:italic}.spacer-flex{flex:1}.rules-link{color:var(--gold);font-weight:700;text-decoration:none;border-bottom:1px solid var(--gold)}.brand{font-size:1.3rem;font-weight:700;letter-spacing:.02em}.auth-panel{display:flex;gap:1.2rem;justify-content:center;align-items:flex-start;flex-wrap:wrap;margin-top:1.4rem}.auth-card{width:320px;max-width:calc(100vw - 3rem);display:flex;flex-direction:column;gap:.7rem}.auth-card h2{margin:0 0 .4rem}.auth-card button.primary{width:100%;padding:.65rem}.nav-section-games{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.nav-count{font-size:.66rem;letter-spacing:.04em;color:var(--ink-faint);border:1px solid var(--edge-soft);border-radius:999px;padding:0 .4rem;font-variant-numeric:tabular-nums}.nav-empty{font-size:.78rem;color:var(--ink-faint);font-style:italic;padding:.3rem .75rem .5rem;white-space:nowrap}.nav-stone{display:block;width:16px;height:12px;border-radius:50%;box-shadow:0 1px 2px #00000059,inset 0 1px 2px #ffffff4d}.sidebar.is-collapsed .nav-section-games{font-size:0}.sidebar.is-collapsed .nav-count,.sidebar.is-collapsed .nav-empty{display:none}@media (max-width: 760px){.sidebar.is-collapsed .nav-section-games{font-size:.66rem}.sidebar.is-collapsed .nav-count,.sidebar.is-collapsed .nav-empty{display:inline-block}}.page{max-width:900px;margin:0 auto}.page-head{margin-bottom:1.1rem}.page-head h1{margin:0 0 .25rem;font-size:1.6rem;letter-spacing:.01em}.page-head p{margin:0}.lb-me{display:flex;align-items:center;gap:.9rem;margin-bottom:.9rem;border-color:var(--gold);background:var(--gold-soft)}.lb-me-text{display:flex;flex-direction:column;flex:1;line-height:1.2}.lb-rank{font-size:1.3rem;font-weight:700;color:var(--gold);font-variant-numeric:tabular-nums;min-width:2.6rem}.lb-rating{font-weight:700;font-variant-numeric:tabular-nums;font-size:1.05rem}.lb-table{margin-top:.2rem}.lb-table th.num,.lb-table td.num{text-align:right}.lb-col-rank{width:3rem}.lb-table tr.is-me td{background:var(--gold-soft)}.lb-table tr.is-me td:first-child{border-radius:6px 0 0 6px}.lb-table tr.is-me td:last-child{border-radius:0 6px 6px 0}.lb-medal{display:inline-grid;place-items:center;min-width:26px;height:26px;padding:0 .3rem;border-radius:50%;font-size:.82rem;font-weight:700;font-variant-numeric:tabular-nums;color:var(--ink-soft)}.lb-medal-1{background:linear-gradient(150deg,#e4c261,var(--gold));color:#fff8e8;box-shadow:inset 0 -2px #00000026}.lb-medal-2{background:linear-gradient(150deg,#e2ddd2,#b5ad9d);color:#2a2018;box-shadow:inset 0 -2px #0000001f}.lb-medal-3{background:linear-gradient(150deg,#d19a6a,#a8683b);color:#fff8e8;box-shadow:inset 0 -2px #00000026}.lobby h2{margin:0}.game-banner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.8rem;background:var(--gold-soft);border:1px solid var(--gold);border-radius:var(--radius);padding:.6rem .9rem;margin-bottom:.9rem}.wrapx{flex-wrap:wrap;gap:.6rem}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#2a20188c;display:flex;align-items:center;justify-content:center;z-index:40}.modal{background:var(--parchment);border:2px solid var(--gold);border-radius:12px;padding:1.4rem 1.7rem;max-width:440px;width:calc(100vw - 2rem);box-shadow:0 12px 48px #0006}.modal h2{margin:0 0 .8rem}.field{display:flex;flex-direction:column;gap:.25rem;margin:.8rem 0;font-size:.9rem;font-weight:700}.field select{font-weight:400}.fieldhint{font-size:.78rem;font-weight:400;color:var(--ink-soft)}.checkline span:first-child{font-weight:400}.card{background:#fffcf099;border:1px solid var(--edge);border-radius:var(--radius);padding:1.1rem 1.3rem;box-shadow:var(--shadow-soft)}input,select{padding:.5rem .7rem;border:1px solid var(--edge);border-radius:7px;background:#fffdf6}button{padding:.5rem .9rem;border-radius:7px;border:1px solid var(--edge);background:transparent;color:var(--ink-soft)}button.primary{background:var(--gold);border:none;color:#fff8e8;font-weight:700}button:disabled{opacity:.5;cursor:default}button.linklike{border:none;background:none;padding:0;color:var(--gold);text-decoration:underline}.error{color:var(--danger);margin:0}.muted{color:var(--ink-soft)}.center{text-align:center;margin-top:3rem}.row{display:flex;gap:.6rem;align-items:center}.spread{justify-content:space-between}table{width:100%;border-collapse:collapse;margin-top:.8rem}th{text-align:left;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-soft);padding:.3rem .4rem;border-bottom:1px solid var(--edge)}td{padding:.5rem .4rem;border-bottom:1px solid rgba(213,194,152,.4)}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#999;flex:none}.dot-open{background:var(--green)}.dot-connecting{background:var(--gold)}.dot-error,.dot-off{background:var(--danger)}:root{--wave: #3565a8;--wave-deep: #24487c;--hill: #3d945f;--hill-deep: #256b40;--cave: #6b4699;--cave-deep: #4c2f70;--ivory: #f8f2e2;--coal: #241d16;--cell: clamp(44px, calc((100vw - var(--nav-w) - 400px) / 8.8), 92px)}.match{display:grid;grid-template-columns:240px 1fr;gap:1.4rem;align-items:start}@media (max-width: 1100px){.match{grid-template-columns:1fr}:root{--cell: clamp(38px, calc((100vw - var(--nav-w) - 120px) / 8.8), 92px)}}.side-controls{display:flex;flex-direction:column;gap:.5rem}.side-row{display:flex;gap:.5rem}.side-row>button:first-child{flex:1}.sound-toggle{padding:.5rem .6rem;font-size:1rem;line-height:1}.board-frame{display:flex;align-items:stretch;gap:.2rem}.last-move{outline:4px solid #2f9fff;outline-offset:2px;box-shadow:0 0 16px 3px #2f9fffd9,inset 0 -3px #00000040;z-index:2;animation:last-move-pop .5s ease-out}@keyframes last-move-pop{0%{transform:scale(1.18)}to{transform:scale(1)}}.will-fate{color:#d4a943;animation:pulse-fate 1s infinite}@keyframes pulse-fate{50%{opacity:.35}}.fate-warning{margin:0;color:var(--gold);font-style:italic}.grace{color:var(--green);font-style:italic;margin:.2rem 0}.violation.hint{background:#a97e2f1f;color:var(--gold);border-color:#a97e2f66}button.danger.confirm{background:var(--danger);color:#fff2ee;font-weight:700}.match-side{display:flex;flex-direction:column;gap:.7rem;align-items:stretch}.match-stage{display:flex;flex-direction:column;align-items:center;gap:.7rem}.status{margin:0}.merlin-progress{display:flex;flex-direction:column;gap:.2rem;margin:.3rem 0 .5rem}.merlin-progress progress{width:100%;height:8px;accent-color:var(--gold)}.toast{color:var(--danger);background:#a4372c1a;border:1px solid rgba(164,55,44,.35);border-radius:8px;padding:.3rem .8rem;margin:0}.violations{display:flex;flex-wrap:wrap;gap:.4rem;justify-content:center}.violation{font-size:.8rem;background:#a4372c1f;color:var(--danger);border:1px solid rgba(164,55,44,.35);border-radius:999px;padding:.12rem .6rem}.plate{display:flex;align-items:center;gap:.5rem;background:#fffcf099;border:1px solid var(--edge);border-radius:9px;padding:.5rem .7rem}.plate-active{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold)}.plate-id{display:flex;flex-direction:column;line-height:1.1;flex:1}.plate-stone{width:20px;height:14px;border-radius:50%}.plate-clock{font-variant-numeric:tabular-nums;font-weight:700;font-size:1.15rem;padding:.1rem .45rem;border-radius:6px;background:#e4d6b6}.plate-clock.running{background:var(--ink);color:var(--ivory)}.standing{background:#fffcf099;border:1px solid var(--edge);border-radius:9px;padding:.6rem .8rem;font-size:.92rem}.standing p{margin:.2rem 0}.small{font-size:.82rem}.match-controls{display:flex;gap:.6rem;flex-wrap:wrap;justify-content:center;align-items:center}.toggle{display:inline-flex;align-items:center;gap:.4rem;font-size:.9rem;color:var(--ink-soft);border:1px solid var(--edge);border-radius:7px;padding:.45rem .8rem;cursor:pointer;-webkit-user-select:none;user-select:none}.toggle input{accent-color:var(--gold)}button.danger{color:var(--danger);border-color:#a4372c66}.result-banner{text-align:center;background:#fffcf0cc;border:2px solid var(--gold);border-radius:12px;padding:1rem 1.6rem}.result-banner h2{margin:0 0 .3rem}.board-wrap{display:flex;align-items:stretch;gap:.45rem;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.edge{width:22px;border-radius:7px;display:flex;align-items:center;justify-content:center}.edge span{writing-mode:vertical-rl;font-size:.65rem;letter-spacing:.3em;color:#ffffffe6;text-transform:uppercase}.edge-west span{transform:rotate(180deg)}.edge-west{background:linear-gradient(to right,var(--wave-deep),var(--wave))}.edge-east{background:linear-gradient(to left,var(--hill-deep),var(--hill))}.board{background:#e4d6b6;border:3px solid var(--ink);border-radius:8px;padding:5px}.board-row{display:flex;position:relative}.rowsort{position:absolute;right:-34px;top:50%;transform:translateY(-50%);border:1px solid var(--edge);background:#fffcf0b3;border-radius:6px;width:26px;height:26px;padding:0;color:var(--ink-soft);opacity:0;transition:opacity .15s}.board-row:hover .rowsort{opacity:1}.row-invalid{outline:2px dashed rgba(164,55,44,.55);outline-offset:-1px;border-radius:4px}.cell{width:var(--cell);height:var(--cell);border:1px solid rgba(90,70,40,.25);display:flex;align-items:center;justify-content:center;background:#fffcf040}.cell-interactive{cursor:grab;touch-action:none}.cell-bad{background:#a4372c38;box-shadow:inset 0 0 0 2px #a4372c99}.cell-drop-ok{background:#3d945f47;box-shadow:inset 0 0 0 2px #3d945f8c}.cell-drop-no{opacity:.55}.tile{width:calc(var(--cell) - 7px);height:calc(var(--cell) - 7px);border-radius:6px 9px 4px 6px;position:relative;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 -3px #00000040,0 1px 3px #2a20184d}.terrain-wave{background:linear-gradient(160deg,var(--wave),var(--wave-deep))}.terrain-hill{background:linear-gradient(160deg,var(--hill),var(--hill-deep))}.terrain-cave{background:linear-gradient(160deg,var(--cave),var(--cave-deep))}.tile-num{position:absolute;top:2px;left:3px;font-size:calc(var(--cell) * .26);font-weight:700;line-height:1;padding:1px 4px;border-radius:3px}.owner-W .tile-num{background:var(--ivory);color:var(--ink)}.owner-B .tile-num{background:var(--coal);color:var(--ivory)}.terrain-cave .tile-num{background:var(--ivory);color:var(--cave-deep)}.movable:hover{transform:translateY(-2px)}.pending{outline:3px dashed #d4a943;outline-offset:1px}.chain-glow{outline:3px solid #d4a943;outline-offset:1px;box-shadow:0 0 14px #d4a943cc;z-index:2}.tile-bad{outline:3px solid var(--danger);outline-offset:1px}.drag-source{opacity:.35}.drag-ghost{position:fixed;z-index:50;pointer-events:none;transform:translate(-50%,-50%) scale(1.08) rotate(-2deg);filter:drop-shadow(0 8px 14px rgba(42,32,24,.45))}.stone{position:absolute;width:62%;height:46%;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-42%);box-shadow:0 2px 4px #0006,inset 0 2px 3px #ffffff40}.stone-W{background:radial-gradient(ellipse at 35% 30%,#fffdf4,#ded3b5)}.stone-B{background:radial-gradient(ellipse at 35% 30%,#55483a,var(--coal))}.stone.ghost{opacity:.55;outline:2px dashed #d4a943}.fated-mark{position:absolute;bottom:0;right:3px;color:#d4a943;text-shadow:0 1px 2px rgba(0,0,0,.6);font-size:calc(var(--cell) * .24)}