:root{font-family:Inter,PingFang SC,Noto Sans SC,system-ui,sans-serif;color:#f6eee1;background:#0b1716;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #0b1716;--ink-soft: rgba(17, 37, 34, .82);--line: rgba(242, 227, 202, .2);--paper: #f6eee1;--jade: #88c5aa;--red: #dd6c51}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{background:#0b1716}button{font:inherit}#app{position:relative;isolation:isolate}#game-canvas{position:absolute;inset:0;display:block;width:100%;height:100%;outline:none}.vignette{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 47% 44%,transparent 38%,rgba(4,12,12,.5) 100%);z-index:1}.topbar{position:absolute;top:0;left:0;right:0;z-index:3;display:flex;align-items:center;justify-content:space-between;padding:28px 36px;pointer-events:none}.brand-lockup,.top-actions{pointer-events:auto}.brand-lockup{display:flex;align-items:center;gap:13px}.brand-mark{width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(244,224,184,.48);border-radius:12px;color:#e7be73;background:#122823b8;box-shadow:inset 0 0 0 5px #0c1b1980;font-family:Songti SC,serif;font-size:21px}.eyebrow{margin:0 0 5px;color:#ebdabda3;font-size:9px;letter-spacing:.22em;font-weight:700}h1,h2,p{margin:0}h1{color:#fbf4e8;font-family:Songti SC,STSong,serif;font-size:24px;letter-spacing:.08em;font-weight:600}.top-actions{display:flex;align-items:center;gap:10px}.turn-pill{display:flex;align-items:center;gap:8px;padding:9px 13px;border:1px solid rgba(239,220,182,.25);border-radius:999px;background:#0d1f1cb3;color:#f3debb;font-size:12px;letter-spacing:.04em;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.turn-dot{width:7px;height:7px;border-radius:50%;background:var(--red);box-shadow:0 0 11px #dd6c51e6}.icon-button{width:38px;height:38px;border:1px solid rgba(239,220,182,.25);border-radius:50%;background:#0d1f1cb3;color:#f3debb;font-size:22px;line-height:1;cursor:pointer;transition:background .2s,transform .2s;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.icon-button:hover{background:#3f6753cc;transform:rotate(20deg)}.sound-toggle{position:relative;font-size:17px}.sound-toggle:hover{transform:none}.sound-toggle.muted{color:#f3debb61}.sound-toggle.muted:after{content:"";position:absolute;top:8px;left:18px;width:1px;height:21px;background:currentColor;transform:rotate(45deg);transform-origin:center}.hud-panel{position:absolute;top:116px;right:36px;z-index:3;width:min(286px,calc(100vw - 36px));padding:21px 20px 17px;border:1px solid rgba(238,216,175,.22);border-radius:13px;background:linear-gradient(150deg,#132a25e6,#0b1b19d6);box-shadow:0 22px 60px #00000040,inset 0 1px #ffffff0f;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;padding-bottom:17px;border-bottom:1px solid var(--line)}h2{color:#fbf4e8;font-family:Songti SC,STSong,serif;font-size:22px;font-weight:500;letter-spacing:.08em}.move-counter{color:#d8ae6f;font-family:ui-monospace,SFMono-Regular,monospace;font-size:20px;letter-spacing:.08em}.status-card{display:grid;gap:6px;padding:17px 0 14px}.status-kicker,.section-label{color:#e9d7b791;font-size:10px;letter-spacing:.14em}.status-card strong{color:#f9ecd9;font-family:Songti SC,serif;font-size:16px;font-weight:500}.status-sub{color:#efdec2a8;font-size:11px}.capture-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.capture-stat{display:flex;align-items:center;gap:9px;padding:9px;border-radius:8px;background:#07131257}.capture-icon{width:28px;height:28px;display:grid;place-items:center;border:1px solid currentColor;border-radius:50%;font-family:Songti SC,serif;font-size:14px}.capture-stat.red{color:var(--red)}.capture-stat.black{color:#8cbfa7}.capture-stat small{display:block;color:#efdec28c;font-size:9px;margin-bottom:2px}.capture-stat strong{color:#f0e1cb;font-size:11px;font-weight:500}.history-wrap{padding-top:18px}.section-label{display:flex;justify-content:space-between;padding-bottom:9px}.move-history{min-height:92px;max-height:122px;overflow:auto;margin:0;padding:0;list-style:none;font-size:12px}.move-history li{display:grid;grid-template-columns:24px 1fr 1fr;gap:6px;padding:5px 0;border-bottom:1px solid rgba(242,227,202,.08);color:#f7ebd7c7}.move-history .move-no{color:#eacd9d80;font-family:ui-monospace,monospace}.move-history .red-move{color:#f29c83}.move-history .black-move{color:#a8d9bd}.empty-history{display:block!important;color:#efdec26b!important;padding-top:14px!important;text-align:center}.tip-strip{display:flex;align-items:center;gap:8px;margin-top:16px;padding-top:13px;border-top:1px solid var(--line);color:#efdec27a;font-size:10px;line-height:1.4}.tip-icon{color:#d8ae6f;font-size:14px}.scene-caption{position:absolute;z-index:3;bottom:30px;left:38px;display:flex;align-items:center;gap:10px;color:#efdec299;font-size:10px;letter-spacing:.16em}.caption-line{width:35px;height:1px;background:#d8ae6f}.mobile-controls{display:none}.victory-overlay{position:absolute;inset:0;z-index:10;display:grid;place-items:center;overflow:hidden;background:#050f0eb8;opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:opacity .35s ease}.victory-overlay.visible{opacity:1;pointer-events:auto}.victory-content{position:relative;z-index:2;display:grid;justify-items:center;gap:12px;width:min(360px,calc(100vw - 40px));padding:32px 28px 27px;border:1px solid rgba(240,195,112,.5);border-radius:12px;background:#0f231fe6;box-shadow:0 24px 90px #0000007a,0 0 0 1px #ffffff0a inset;transform:translateY(18px) scale(.96);transition:transform .5s cubic-bezier(.2,.8,.2,1)}.victory-overlay.visible .victory-content{transform:translateY(0) scale(1)}.victory-eyebrow{color:#d5a45d;font-size:10px;letter-spacing:.24em}.victory-content strong{color:#f8e9cd;font-family:Songti SC,STSong,serif;font-size:38px;font-weight:500;letter-spacing:.13em;text-shadow:0 0 26px rgba(236,181,91,.24)}.victory-content>span:nth-of-type(2){color:#f4e2c4ad;font-size:12px}.victory-button{margin-top:8px;padding:10px 18px;border:1px solid rgba(235,194,120,.5);border-radius:999px;background:#cb91451f;color:#f5dcad;font-size:12px;letter-spacing:.08em;cursor:pointer;transition:background .2s,transform .2s}.victory-button:hover{background:#cb914547;transform:translateY(-2px)}.victory-rays{position:absolute;width:min(68vw,700px);aspect-ratio:1;border:1px solid rgba(220,175,96,.08);border-radius:50%;box-shadow:0 0 0 32px #d8a85806,0 0 0 86px #d8a85805;animation:victory-breathe 2.6s ease-in-out infinite}.victory-rays:before,.victory-rays:after{content:"";position:absolute;inset:17%;border:1px solid rgba(220,175,96,.09);border-radius:50%}.victory-rays:after{inset:34%;border-color:#dcaf6021}.victory-sparks{position:absolute;inset:0;pointer-events:none}.victory-sparks i{position:absolute;top:56%;left:50%;width:4px;height:4px;border-radius:50%;background:#e4b96d;box-shadow:0 0 12px #e4b96dcc;animation:spark-rise 2.7s ease-in-out infinite;animation-delay:calc(var(--i) * -.34s)}.victory-sparks i:nth-child(1){--i:1;transform:translate(-210px)}.victory-sparks i:nth-child(2){--i:2;transform:translate(-142px) scale(.7)}.victory-sparks i:nth-child(3){--i:3;transform:translate(-72px) scale(.55)}.victory-sparks i:nth-child(4){--i:4;transform:translate(52px) scale(.8)}.victory-sparks i:nth-child(5){--i:5;transform:translate(130px) scale(.6)}.victory-sparks i:nth-child(6){--i:6;transform:translate(210px) scale(.7)}.victory-sparks i:nth-child(7){--i:7;transform:translate(-275px) scale(.45)}.victory-sparks i:nth-child(8){--i:8;transform:translate(278px) scale(.45)}@keyframes victory-breathe{0%,to{transform:scale(.92);opacity:.54}50%{transform:scale(1.04);opacity:1}}@keyframes spark-rise{0%{opacity:0;margin-top:70px}25%{opacity:.8}to{opacity:0;margin-top:-220px}}@media(max-width:700px){.topbar{padding:18px 16px}.brand-mark{width:36px;height:36px;font-size:18px;border-radius:10px}h1{font-size:20px}.hud-panel{inset:auto 12px 14px;width:auto;padding:13px 14px 12px;border-radius:11px}.panel-heading{padding-bottom:9px;align-items:center}h2{font-size:17px}.status-card{padding:10px 0 8px;gap:3px}.status-card strong{font-size:14px}.capture-row,.history-wrap,.tip-strip{display:none}.scene-caption{bottom:160px;left:17px;font-size:9px}.turn-pill{padding:7px 10px;font-size:11px}.icon-button{width:34px;height:34px}.victory-content{padding:26px 20px 22px}.victory-content strong{font-size:31px}}