*{box-sizing:border-box}body{margin:0;background:#0d1219;color:#e5e9ee;font:14px/1.5 system-ui,sans-serif}header{padding:26px 34px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #263240}.eyebrow{letter-spacing:3px;font-size:10px;color:#97a7b9}h1{font-size:28px;letter-spacing:-1px;margin:3px 0}h1 small{font-size:13px;font-weight:500;color:#9aacbf;letter-spacing:0;margin-left:12px}.badge{border:1px solid #354353;border-radius:5px;padding:7px 12px;color:#b8c9d7}main{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;padding:28px 34px;max-width:1600px;margin:auto}.toolbar{display:flex;justify-content:space-between;color:#acb9c8;margin-bottom:12px;font-size:12px}i{display:inline-block;width:9px;height:9px;border-radius:50%;margin:0 6px}.red{background:#e94749}.white{background:#e6e8e9}#pitch{height:510px;min-height:330px;border:1px solid #364538;border-radius:8px;overflow:hidden;background:#193a2b}canvas{display:block;width:100%;height:100%;touch-action:none}.hint{color:#acb9c8;font-size:12px}.notice{border-left:3px solid #b79550;background:#191e25;padding:12px 15px;color:#c2c6cc;font-size:12px}aside{padding:20px;background:#171f2a;border:1px solid #2c3745;border-radius:8px}h2{margin:0;font-size:18px}h3{font-size:12px;text-transform:uppercase;letter-spacing:1px;color:#a2b2c4;margin:24px 0 8px}#dice{font-size:36px;font-weight:650;margin:12px 0 0}#budget{color:#8cc8ac;margin:0 0 16px}button{cursor:pointer;border:0;border-radius:5px;background:#dce9df;color:#12261b;font:600 13px system-ui;padding:12px;width:100%;margin:5px 0}button:hover{filter:brightness(1.1)}button:disabled{opacity:.4;cursor:default}.secondary{background:#263547;color:#d8e2ec}.quiet{background:transparent;color:#afbbc8}#error{color:#ff9c96;font-size:12px;min-height:20px}#selected{font-size:13px}ol{padding-left:18px;font-size:12px;color:#aab8c7}li{margin:7px 0}.bottom{margin-top:22px}footer{padding:0 34px 24px;color:#7d8d9f;font-size:11px}@media(max-width:850px){header{padding:20px;gap:10px}.badge{font-size:10px}h1{font-size:22px}main{grid-template-columns:1fr;padding:20px;gap:15px}#pitch{height:370px}aside{padding:16px}footer{padding:0 20px 20px}}
main>section,aside{min-width:0}#pitch{width:100%}canvas{max-width:100%}@media(max-width:850px){.toolbar{gap:8px;font-size:10px}header{flex-wrap:wrap}h1 small{white-space:nowrap}#pitch{height:310px}}
.card{margin:12px 0;padding:12px;border:1px solid #657c64;border-radius:5px;background:#1f3029;font-weight:600}.modes{display:flex;gap:5px}.modes button{font-size:11px}.modes .active{outline:1px solid #dbba70}#possession{font-size:11px;color:#b1c6b9;margin-bottom:10px}
.dice-visual{display:flex;gap:24px;margin:22px 0 16px;padding:12px 8px;min-height:72px}.die-stage{width:48px;height:48px;perspective:400px}.die-cube{width:48px;height:48px;position:relative;transform-style:preserve-3d;transition:transform .35s ease-out}.die-face{position:absolute;inset:0;background:#f5f1e8;border:1px solid #b7c2b8;border-radius:7px;display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:8px;backface-visibility:hidden}.die-face .pip{width:7px;height:7px;background:#182b24;margin:0;align-self:center;justify-self:center}.die-face .blank{background:transparent}.face-1{transform:translateZ(24px)}.face-2{transform:rotateY(90deg) translateZ(24px)}.face-3{transform:rotateX(90deg) translateZ(24px)}.face-4{transform:rotateX(-90deg) translateZ(24px)}.face-5{transform:rotateY(-90deg) translateZ(24px)}.face-6{transform:rotateY(180deg) translateZ(24px)}.die-cube.rolling{animation:roll-die .65s linear infinite}@keyframes roll-die{from{transform:rotateX(20deg) rotateY(0) rotateZ(10deg)}to{transform:rotateX(380deg) rotateY(720deg) rotateZ(370deg)}}#dice{font-size:18px;margin:0}#score{color:#e6d4a6}@media(prefers-reduced-motion:reduce){.die-cube.rolling{animation:none}.die-cube{transition:none}}