*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{color:#f0ead6;-webkit-tap-highlight-color:transparent;background:radial-gradient(at 50% 30%,#1d3a2a 0%,#14261c 70%);font-family:Georgia,Times New Roman,serif}.app{flex-direction:column;align-items:center;min-height:100%;padding:12px;display:flex}.layout{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:20px;width:100%;max-width:1240px;display:flex}.play-area{flex-direction:column;flex:480px;align-items:center;max-width:660px;display:flex;position:sticky;top:12px}.card-area{flex:0 auto;max-width:100%}.logo{letter-spacing:2px;color:#e33b2e;text-shadow:2px 2px #7a1f1f,4px 4px 8px #00000080;margin:4px 0 10px;font-family:Arial Black,Segoe UI,sans-serif;font-size:2.2rem;font-style:italic}.dice-tray{aspect-ratio:4/3;width:100%;max-height:62vh;position:relative}.dice-canvas{touch-action:manipulation;cursor:pointer;width:100%;height:100%;display:block}.dice-fallback{flex-wrap:wrap;justify-content:center;gap:12px;padding:30px 10px;display:flex}.die2d{color:#20201e;cursor:pointer;background:#f7f2e3;border:3px solid #0000;border-radius:12px;padding:4px 10px;font-size:4.2rem;line-height:1;transition:transform .15s}.die2d.held{border-color:#2e6be3;transform:translateY(14px);box-shadow:0 0 12px #2e6be3b3}.die2d.spinning{animation:.12s infinite shake}@keyframes shake{0%{transform:rotate(-8deg)}50%{transform:rotate(8deg)}to{transform:rotate(-8deg)}}.controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;margin-top:10px;display:flex}.game-label{letter-spacing:1px;text-transform:uppercase;opacity:.85;font-size:.85rem;font-weight:700}.roll-btn{color:#fff;cursor:pointer;background:linear-gradient(#e33b2e,#a3241a);border:none;border-radius:10px;padding:12px 28px;font-family:inherit;font-size:1.15rem;font-weight:700;transition:transform 80ms,box-shadow 80ms;box-shadow:0 4px #6d150e,0 6px 12px #0006}.roll-btn:not(:disabled):active{transform:translateY(3px);box-shadow:0 1px #6d150e}.roll-btn:disabled{filter:grayscale(.7)brightness(.7);cursor:default}.roll-pips{gap:6px;display:flex}.pip{background:#f0ead6;border-radius:50%;width:12px;height:12px}.pip.used{background:0 0;border:2px solid #f0ead666}.hint{text-align:center;opacity:.8;width:100%;font-size:.9rem;font-style:italic}.clear-btn{color:#f0ead6;cursor:pointer;opacity:.7;background:0 0;border:1px solid #f0ead666;border-radius:6px;padding:6px 12px;font-family:inherit;font-size:.8rem}.clear-btn:hover{opacity:1}.banner{text-align:center;border-radius:8px;margin-top:10px;padding:8px 18px;font-weight:700}.yahtzee-banner{color:#fff;letter-spacing:3px;background:#e33b2e;font-size:1.4rem;animation:.4s ease-out pop}.joker-banner{color:#4a3000;background:#f5c542}.bonus-flash{color:#a3241a}@keyframes pop{0%{transform:scale(.6)}70%{transform:scale(1.1)}to{transform:scale(1)}}.overlay{z-index:50;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.panel{color:#3a2a1a;text-align:center;background:#f5edd8;border:3px solid #7a1f1f;border-radius:12px;max-width:90vw;padding:26px 38px;box-shadow:0 12px 40px #0009}.panel h2{color:#7a1f1f;margin-top:0}.big-score{color:#1a3a8f;margin:8px 0 18px;font-size:2.4rem;font-weight:700}.summary{border-collapse:collapse;min-width:220px;margin:0 auto 18px}.summary td{text-align:left;border-bottom:1px solid #7a1f1f40;padding:4px 14px}.summary td+td{text-align:right;font-weight:700}.summary tr.best td{color:#1a3a8f}.summary tr.grand td{color:#7a1f1f;border-top:2px solid #7a1f1f;border-bottom:none;font-weight:700}@media (width<=900px){.play-area{position:static}.dice-tray{max-height:44vh}}.scorecard-wrap{max-width:100vw;padding-bottom:6px;overflow-x:auto}.scorecard{border-collapse:collapse;color:#3a2a1a;background:#f5edd8;border:3px solid #7a1f1f;font-size:.82rem;box-shadow:0 10px 30px #00000073}.scorecard th,.scorecard td{border:1px solid #7a1f1f;padding:3px 6px}.scorecard th[scope=row]{text-align:left;white-space:nowrap;font-size:.85rem;font-weight:700}.brand{text-align:left;padding:6px 10px}.brand-logo{color:#b3231a;letter-spacing:1px;margin-right:8px;font-family:Arial Black,sans-serif;font-size:1.4rem;font-style:italic}.brand-sub{letter-spacing:3px;color:#7a1f1f;font-size:.7rem}.game-head{background:#efe2c2;min-width:46px;font-size:.7rem}.game-head.current{color:#f5edd8;background:#7a1f1f}.section-row .section{color:#f5edd8;text-align:left;letter-spacing:2px;background:#7a1f1f;padding:4px 10px;font-size:.75rem}.hint-cell{color:#6c5335;max-width:130px;font-size:.68rem;font-style:italic}.cell{text-align:center;min-width:46px;height:26px}.cell.active{background:#fdf7e4}.cell.blocked{cursor:not-allowed;background:repeating-linear-gradient(45deg,#f5edd8,#f5edd8 4px,#e8dab6 4px 6px)}.ink,.scratch{color:#1a3a8f;font-family:Segoe Print,Comic Sans MS,cursive;font-size:.95rem}.scratch{opacity:.75;text-decoration:line-through;text-decoration-thickness:2px}.preview{color:#9b8154;cursor:pointer;background:0 0;border:1px dashed #9b8154;border-radius:4px;width:100%;height:100%;padding:1px 0;font-family:Segoe Print,Comic Sans MS,cursive;font-size:.9rem;font-style:italic}.preview:hover{color:#f5edd8;background:#7a1f1f;border-color:#7a1f1f}.derived .derived-cell{background:#efe2c2;font-weight:700}.derived.section-total .derived-cell,.derived.grand-total .derived-cell{background:#e5d2a5}.derived.grand-total th,.derived.grand-total .derived-cell{color:#7a1f1f;font-size:.95rem}.yahtzee-row th[scope=row]{color:#b3231a;letter-spacing:1px}.bonus-cell{color:#b3231a;letter-spacing:2px;font-weight:700}