:root{--ink: #2a1f17;--paper: #f3ebd9;--paper-dark: #d9cba8;--vermilion: #b8362a;--gold: #c9a063;--shadow: rgba(0, 0, 0, .18);font-family:Shippori Mincho,Noto Sans JP,serif;color:var(--ink);background:#1a1612}*{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;height:100%;overscroll-behavior:none}#app{position:relative;width:100vw;height:100vh;overflow:hidden}canvas{display:block;position:absolute;top:0;right:0;bottom:0;left:0}.hud{position:absolute;pointer-events:none;z-index:10;font-family:Shippori Mincho,serif}.hud.top{top:8px;left:8px;right:8px;display:flex;gap:8px;justify-content:space-between;flex-wrap:wrap}.hud.bottom{bottom:8px;left:8px;right:8px;display:flex;gap:8px;align-items:flex-end;justify-content:center;flex-wrap:wrap}.panel{pointer-events:auto;background:linear-gradient(180deg,var(--paper) 0%,var(--paper-dark) 100%);border:1px solid var(--ink);border-radius:4px;padding:8px 12px;box-shadow:2px 2px 0 var(--shadow);min-width:100px}.panel .label{font-size:11px;letter-spacing:.1em;opacity:.7}.panel .value{font-size:20px;font-weight:700;font-variant-numeric:tabular-nums}.btn{pointer-events:auto;font-family:Shippori Mincho,serif;font-weight:700;font-size:14px;padding:10px 18px;border:1px solid var(--ink);border-radius:4px;background:linear-gradient(180deg,#fff6e0 0%,var(--paper-dark) 100%);color:var(--ink);cursor:pointer;box-shadow:2px 2px 0 var(--shadow);transition:transform .06s ease}.btn:hover:not(:disabled){transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--shadow)}.btn:active:not(:disabled){transform:translate(1px,1px);box-shadow:1px 1px 0 var(--shadow)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.primary{background:linear-gradient(180deg,#c8442f 0%,var(--vermilion) 100%);color:#fff6e0;border-color:#5a1810}.btn.gold{background:linear-gradient(180deg,#e7c889 0%,var(--gold) 100%)}.btn.row{display:inline-flex;align-items:center;gap:6px}.cards{display:flex;gap:4px;flex-wrap:wrap;max-width:320px}.card-chip{pointer-events:auto;font-size:11px;padding:4px 8px;background:var(--paper);border:1px solid var(--ink);border-radius:12px;cursor:pointer;box-shadow:1px 1px 0 var(--shadow)}.card-chip:hover{background:#fff6e0}.log{position:absolute;left:8px;bottom:80px;right:8px;max-height:30vh;overflow-y:auto;pointer-events:none;font-size:12px;z-index:5}.log .entry{margin:2px 0;padding:4px 8px;background:#f3ebd9db;border-left:3px solid var(--vermilion);border-radius:2px;max-width:480px;animation:fadein .3s ease}@keyframes fadein{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}