:root{--ink: #f0e6d2;--ink-dim: #b9a88a;--gold: #d4af37;--gold-dim: #8f7422;--night: #0b0e16;--panel: rgba(20, 15, 10, .72);--ember: #ff9a3d;--check: #ff5a4e;font-size:16px}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;overflow:hidden;background:var(--night);color:var(--ink);font-family:Iowan Old Style,Palatino Linotype,Palatino,Georgia,Times New Roman,serif;-webkit-font-smoothing:antialiased}#app{height:100%}.boot{position:fixed;inset:0;display:grid;place-content:center;justify-items:center;gap:1rem;background:radial-gradient(ellipse at center,#1c1524,#0b0e16 70%);z-index:50}.boot__mark{font-size:3rem;color:var(--gold);letter-spacing:.35em}.boot__line{color:var(--ink-dim);font-style:italic}.viewport{position:absolute;inset:0}.viewport canvas{width:100%;height:100%;display:block;outline:none}.hud{position:absolute;inset:0;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between;z-index:10}.hud__top{display:flex;align-items:flex-start;justify-content:space-between;padding:.9rem 1.1rem;pointer-events:none}.brand{display:grid;line-height:1.15}.brand__mark{color:var(--gold);font-size:1.25rem;letter-spacing:.14em;text-transform:uppercase;text-shadow:0 1px 12px rgba(212,175,55,.35)}.brand__sub{color:var(--ink-dim);font-size:.78rem;font-style:italic}.turn-wrap{display:grid;justify-items:end;gap:.3rem}.turn-badge{pointer-events:auto;padding:.38rem .85rem;border-radius:999px;border:1px solid var(--gold-dim);background:var(--panel);backdrop-filter:blur(6px);color:var(--ink);font-size:.92rem;letter-spacing:.04em}.turn-badge[data-side=w]{box-shadow:inset 0 0 18px #d9b98a38}.turn-badge[data-side=b]{box-shadow:inset 0 0 18px #241a14a6}.turn-badge--check{border-color:var(--check);color:#ffd7d2;animation:pulse-check 1.4s ease-in-out infinite}@keyframes pulse-check{0%,to{box-shadow:0 0 #ff5a4e00}50%{box-shadow:0 0 22px #ff5a4e73}}.thinking-badge{font-size:.8rem;font-style:italic;color:var(--ember)}.hidden{display:none!important}.hud__side{position:absolute;right:.9rem;top:4.4rem;width:min(300px,30vw);display:grid;gap:.6rem;pointer-events:auto;max-height:calc(100% - 9rem);overflow:auto;scrollbar-width:thin}.panel{background:var(--panel);border:1px solid rgba(212,175,55,.25);border-radius:12px;padding:.7rem .85rem;backdrop-filter:blur(8px)}.panel h3{margin:0 0 .4rem;font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;color:var(--gold-dim);font-weight:600}.panel-toggle{display:none}.tray{display:flex;flex-wrap:wrap;gap:.18rem;min-height:1.3rem;margin-bottom:.25rem}.cap-chip{font-size:.95rem;line-height:1;padding:.12rem .2rem;border-radius:6px}.cap-chip--w{color:#ecd9ae;background:#d9b98a24}.cap-chip--b{color:#8d7a63;background:#1e16108c}.move-list{list-style:none;margin:0;padding:0;max-height:26vh;overflow-y:auto;font-size:.86rem;scrollbar-width:thin}.move-row{display:grid;grid-template-columns:2.2rem 1fr 1fr;gap:.3rem;padding:.14rem .2rem;border-radius:6px}.move-row:nth-child(odd){background:#ffebbe0d}.move-no{color:var(--ink-dim)}.move-w{color:#f4e7c8}.move-b{color:#cbb694}.btn-row{display:flex;flex-wrap:wrap;gap:.4rem}.btn{pointer-events:auto;font-family:inherit;font-size:.85rem;letter-spacing:.03em;padding:.5rem .95rem;border-radius:10px;border:1px solid var(--gold-dim);background:linear-gradient(180deg,#3c2c18e6,#22180ee6);color:var(--ink);cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease}.btn:hover{border-color:var(--gold);box-shadow:0 0 16px #d4af3740}.btn:active{transform:scale(.97)}.btn--primary{background:linear-gradient(180deg,#caa23a,#8f7422);color:#1b1206;font-weight:700;border-color:#e8c96a}.btn--ghost{background:#140f0a99}.btn--small{font-size:.78rem;padding:.35rem .65rem}.hud__bottom{display:grid;justify-items:center;padding:0 1rem .9rem;pointer-events:none}.status-line{pointer-events:auto;background:var(--panel);border:1px solid rgba(212,175,55,.25);backdrop-filter:blur(6px);border-radius:10px;padding:.42rem 1rem;font-size:.92rem;min-height:1.4rem}.negotiation{position:absolute;left:50%;bottom:3.6rem;transform:translate(-50%);display:flex;gap:.45rem;z-index:11}.overlay{position:fixed;inset:0;display:grid;place-content:center;justify-items:center;background:#08060c8c;backdrop-filter:blur(5px) saturate(1.1);z-index:30;animation:fade-in .35s ease}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.overlay__card{width:min(430px,calc(100vw - 2rem));max-height:min(86vh,780px);overflow-y:auto;background:radial-gradient(120% 90% at 50% 0%,#5e3e1c8c,#140e09f5 55%),#140e09;border:1px solid rgba(212,175,55,.4);border-radius:18px;padding:1.6rem 1.7rem 1.4rem;box-shadow:0 18px 60px #0009,inset 0 1px #ffe6aa14}.overlay__card--wide{width:min(560px,calc(100vw - 2rem))}.overlay__card h2,.overlay__card h3{margin:0 0 .6rem;color:var(--gold);letter-spacing:.06em}.overlay__card p{color:var(--ink);line-height:1.55;font-size:.95rem;margin:.5rem 0}.about-note{color:var(--ink-dim)!important;font-style:italic;font-size:.85rem!important}.title-mark{font-size:2rem;text-align:center;color:var(--gold);letter-spacing:.16em;text-transform:uppercase;margin:0 0 .2rem;text-shadow:0 2px 24px rgba(212,175,55,.4)}.title-sub{text-align:center;color:var(--ink-dim);font-style:italic;font-size:.88rem;margin:0 0 1.1rem}.choice-group{display:grid;gap:.4rem;margin-bottom:.85rem}.choice-group[hidden]{display:none}.choice{pointer-events:auto;font-family:inherit;font-size:.92rem;padding:.55rem .9rem;border-radius:10px;border:1px solid rgba(212,175,55,.25);background:#ffebbe0a;color:var(--ink);cursor:pointer;text-align:left;transition:border-color .15s ease,background .15s ease}.choice:hover{border-color:var(--gold-dim)}.choice--active{border-color:var(--gold);background:linear-gradient(180deg,#d4af3738,#d4af3712);box-shadow:inset 0 0 14px #d4af3726}.title-begin{width:100%;margin-top:.4rem;font-size:1.02rem;padding:.7rem}.about-btn{width:100%;margin-top:.5rem}.promo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;margin:.8rem 0}.promo-choice{pointer-events:auto;display:grid;justify-items:center;gap:.25rem;padding:.6rem .3rem;border-radius:12px;border:1px solid rgba(212,175,55,.3);background:#ffebbe0d;color:var(--ink);cursor:pointer;font-family:inherit}.promo-choice:hover{border-color:var(--gold);background:#d4af3724}.promo-glyph{font-size:1.6rem}.promo-name{font-size:.8rem;letter-spacing:.04em}.promo-cancel{width:100%}.overlay__card--ceremony{text-align:center}.ceremony-title{font-size:1.6rem;text-transform:uppercase;letter-spacing:.18em}.ceremony-detail{color:var(--ink-dim)!important;font-style:italic}.btn-row--center{justify-content:center;margin-top:1rem}.confirm-detail{color:var(--ink-dim)!important}.replay-bar{position:absolute;left:50%;bottom:.85rem;transform:translate(-50%);display:flex;align-items:center;gap:.45rem;padding:.35rem .55rem;border-radius:12px;background:var(--panel);border:1px solid rgba(212,175,55,.3);backdrop-filter:blur(8px);z-index:20}.replay-pos{font-size:.85rem;min-width:4.4rem;text-align:center;color:var(--gold)}@media (max-width: 900px){.hud__side{inset:auto 0 0;width:100%;grid-template-columns:1fr 1fr;gap:.4rem;padding:.5rem .6rem calc(.5rem + env(safe-area-inset-bottom));max-height:44vh;background:linear-gradient(180deg,#0a080e00,#0a080ee0 22%);border-radius:14px 14px 0 0;transition:transform .25s ease}body.panels-hidden .hud__side{transform:translateY(105%);pointer-events:none}.panel--controls{grid-column:1 / -1}.panel--controls .btn-row{justify-content:center}.panel--captured h3,.panel--moves h3{margin-bottom:.2rem}.move-list{max-height:13vh}.brand__sub{display:none}.status-line{max-width:92vw;font-size:.84rem}.panel-toggle{display:inline-block}}@media (max-width: 560px){:root{font-size:15px}.hud__side{grid-template-columns:1fr;max-height:40vh}.turn-badge{font-size:.8rem;padding:.3rem .65rem}.title-mark{font-size:1.5rem}.promo-grid{grid-template-columns:repeat(2,1fr)}}@media (pointer: coarse){.btn,.choice{min-height:44px}.btn--small{min-height:38px}}