:root{color-scheme:dark;--bg: #1b1440;--bg2: #3a2268;--ink: #ffe7c2;--muted: #c9b6e4;--accent: #f2a541;--panel: #2a2160;--good: #7dde6a;--danger: #e25b45;--cell: none;--panel-img: none;--button-img: none;--modal-img: none;font-family:Avenir Next,PingFang SC,Noto Sans SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 20% 10%,color-mix(in srgb,var(--accent) 28%,transparent),transparent 32%),linear-gradient(180deg,var(--bg),var(--bg2));color:var(--ink)}#app{min-height:100vh;display:grid;gap:24px;align-items:center;justify-content:center;padding:24px 16px 40px}@media(min-width:980px){#app{grid-template-columns:300px 420px}}.notes{max-width:300px}.notes h1{font-family:Iowan Old Style,Palatino,Songti SC,"Noto Serif SC",serif;font-weight:600;font-size:40px;line-height:1;margin:0 0 8px}.notes p{color:var(--muted);line-height:1.55;margin:0 0 12px}.notes .row{display:flex;flex-wrap:wrap;gap:8px}.phone{width:min(420px,100%);background:var(--bg);border-radius:32px;padding:18px 16px 20px;box-shadow:0 24px 80px #00000059;display:flex;flex-direction:column;gap:12px}.hud,.dock,.actions{display:flex;justify-content:space-between;gap:8px;align-items:center}.hud strong{font-size:28px;font-variant-numeric:tabular-nums}.rate{color:var(--accent);font-weight:700}.hint{margin:0;color:var(--muted);font-size:13px;line-height:1.4}.board{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}.cell,.bench,.actions button,.notes button,.modal button{appearance:none;border:0;color:var(--ink);background:transparent;font:inherit;cursor:pointer}.cell{aspect-ratio:1;border:8px solid transparent;border-image:var(--cell) 16 fill stretch;padding:0;position:relative}.cell img{width:100%;height:100%;object-fit:contain;pointer-events:none}.cell.locked{filter:grayscale(1) brightness(.45)}.cell.selected{outline:2px solid var(--accent);outline-offset:1px}.cell:disabled{cursor:default}.bench{flex:1;display:grid;grid-template-columns:48px 1fr;gap:8px;align-items:center;text-align:left;border:12px solid transparent;border-image:var(--button-img) 18 fill stretch;padding:8px}.bench img{width:48px;height:48px;object-fit:contain}.bench small{display:block;color:var(--muted)}.actions{display:grid;grid-template-columns:1fr 1fr}.actions button,.notes button,.modal button{border:12px solid transparent;border-image:var(--button-img) 18 fill stretch;padding:8px 10px;min-height:44px}.toast{min-height:1.2em;color:var(--good);font-size:14px}.modal{position:fixed;inset:0;background:#0000008c;display:grid;place-items:center;padding:24px}.modal article{width:min(420px,100%);border:18px solid transparent;border-image:var(--modal-img) 28 fill stretch;padding:22px}.modal h2{margin:0 0 8px;font-family:Iowan Old Style,Palatino,Songti SC,serif}.modal p{color:var(--ink);line-height:1.5;white-space:pre-line}.modal .row{display:flex;gap:8px;justify-content:flex-end}.ad{min-height:180px;background:linear-gradient(160deg,color-mix(in srgb,var(--accent) 70%,black),var(--bg2));border-radius:16px;display:grid;place-items:center;font-size:28px;margin-bottom:12px}