:root{--bg: #f2f0eb;--panel: #ffffff;--ink: #26221c;--muted: #6f6a60;--line: #e2ded4;--brand: #2f6f4f;--brand-ink: #ffffff;--accent: #c05746;--good: #2e7d32;--warn: #b26a00;--bad: #c62828;--info: #1565c0;--radius: 10px;--shadow: 0 1px 3px rgba(30, 25, 15, .08), 0 4px 14px rgba(30, 25, 15, .06)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Segoe UI,system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--ink);font-size:15px;line-height:1.45}button{font:inherit;border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:8px;padding:7px 14px;cursor:pointer;transition:background .12s,transform .05s}button:hover{background:#f6f4ef}button:active{transform:translateY(1px)}button:disabled{opacity:.45;cursor:default;transform:none}button.primary{background:var(--brand);border-color:var(--brand);color:var(--brand-ink)}button.primary:hover{background:#285f43}button.danger{color:var(--bad);border-color:#e4b6b0}button.small{padding:3px 9px;font-size:13px;border-radius:6px}input,select,textarea{font:inherit;border:1px solid var(--line);border-radius:8px;padding:7px 10px;background:#fff;color:var(--ink);max-width:100%}input:focus,select:focus,textarea:focus,button:focus-visible{outline:2px solid #8fbfa8;outline-offset:1px}label{font-size:13px;color:var(--muted);display:block;margin-bottom:3px}.app{display:flex;flex-direction:column;min-height:100vh}.topbar{display:flex;align-items:center;gap:16px;padding:10px 20px;background:#1f2b24;color:#f1efe8;box-shadow:var(--shadow);position:sticky;top:0;z-index:20}.topbar .brand{display:flex;align-items:center;gap:10px}.topbar .brand img{display:block}.topbar h1{font-family:Fredoka,Segoe UI,sans-serif;font-size:19px;margin:0;font-weight:600;letter-spacing:.2px;color:#fbfaf5}.topbar .gamename{color:#b9cbc0;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tabs{display:flex;gap:4px;margin-left:auto}.tabs button{background:transparent;border:none;color:#c9d6cd;padding:8px 14px;border-radius:8px;font-weight:550}.tabs button:hover{background:#ffffff14}.tabs button.active{background:#ffffff29;color:#fff}.tabs .help-link{color:#c9d6cd;padding:8px 14px;border-radius:8px;font-weight:550;text-decoration:none}.tabs .help-link:hover{background:#ffffff14}.main{flex:1;padding:18px 20px 40px;max-width:1400px;width:100%;margin:0 auto}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow)}.panel h2{margin:0 0 10px;font-size:16px}.panel h3{margin:14px 0 6px;font-size:14px;color:var(--muted);text-transform:uppercase;letter-spacing:.4px}.hint{color:var(--muted);font-size:13px}.designer-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:16px;align-items:start}.designer-col{display:flex;flex-direction:column;gap:16px;min-width:0}.advisor-sticky{position:sticky;top:66px;display:flex;flex-direction:column;gap:16px}.field-row{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:10px}.field-row>div{flex:1 1 140px;min-width:0}.field-row input,.field-row select{width:100%}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);background:#faf8f3;border-radius:999px;padding:3px 10px;font-size:13px;cursor:pointer;-webkit-user-select:none;user-select:none}.chip.on{background:var(--brand);border-color:var(--brand);color:#fff}.board-wrap{overflow-x:auto;padding:6px 2px}.board{display:grid;gap:6px;padding:14px;border-radius:12px;width:max-content;min-width:100%}.space{width:64px;height:64px;border-radius:12px;position:relative;cursor:default;transition:box-shadow .12s}.space img{display:block;border-radius:12px}.space.editable{cursor:pointer}.space.editable:hover{box-shadow:0 0 0 3px #2f6f4f8c}.space.highlight{cursor:pointer;animation:space-pulse 1.1s ease-in-out infinite}.space.highlight:hover{animation:none;box-shadow:0 0 0 4px #ffcb45f2}@keyframes space-pulse{0%,to{box-shadow:0 0 0 3px #ffcb45d9}50%{box-shadow:0 0 0 5px #ffcb4559}}.space .idx{position:absolute;top:3px;left:4px;font-size:9px;font-weight:600;color:#3a352c;background:#ffffffd1;border-radius:4px;padding:0 3px;line-height:13px}.space .pieces{position:absolute;bottom:-8px;left:0;right:0;display:flex;justify-content:center}.space .pieces img{margin:0 -6px;border-radius:0;filter:drop-shadow(0 2px 2px rgba(0,0,0,.35))}.legend{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px;font-size:13px;color:var(--muted)}.legend span{display:inline-flex;align-items:center;gap:4px}.mech-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.mech-filters input[type=text]{flex:1 1 160px}.mech-list{max-height:420px;overflow-y:auto;display:flex;flex-direction:column;gap:6px;padding-right:4px}.mech-item{border:1px solid var(--line);border-radius:8px;padding:8px 10px;display:flex;gap:10px;align-items:flex-start;background:#fdfcf9}.mech-item.selected{border-color:var(--brand);background:#f0f7f2}.mech-item .grow{flex:1;min-width:0}.mech-name{font-weight:600;font-size:14px;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.mech-desc{font-size:12.5px;color:var(--muted);margin-top:2px}.badge{font-size:10.5px;padding:1px 7px;border-radius:999px;font-weight:600;letter-spacing:.2px}.badge.playable{background:#dcefe2;color:#264}.badge.easy{background:#e8f1e9;color:#33691e}.badge.moderate{background:#fdf0dc;color:#9c6500}.badge.challenging{background:#fbe3e0;color:#b03a2e}.selected-mechs{display:flex;flex-direction:column;gap:6px}.advisor-issue{border-left:3px solid var(--line);padding:6px 10px;font-size:13px;border-radius:4px;background:#fbfaf7;margin-bottom:6px}.advisor-issue.avoid{border-color:var(--bad);background:#fcf1f0}.advisor-issue.warn{border-color:var(--warn);background:#fdf7ec}.advisor-issue.info{border-color:var(--info);background:#eff5fc}.advisor-suggestion{border:1px dashed #bcd4c5;border-radius:8px;padding:8px 10px;font-size:13px;margin-bottom:8px;background:#f6faf7}.advisor-suggestion .title{font-weight:600;margin-bottom:2px}.meter{height:8px;border-radius:999px;background:#e8e4da;overflow:hidden;margin:6px 0 2px}.meter>div{height:100%;border-radius:999px;background:var(--good);transition:width .2s}.meter.over>div{background:var(--bad)}.card-row{display:flex;gap:8px;align-items:center;padding:6px 0;border-bottom:1px dashed var(--line)}.card-row input{flex:1}.card-row input.num{flex:0 0 64px}.play-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:16px;align-items:start}.play-side{display:flex;flex-direction:column;gap:14px}.player-strip{display:flex;flex-direction:column;gap:6px}.player-card{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:8px;padding:7px 10px;background:#fdfcf9;font-size:14px}.player-card.active{border-color:var(--accent);box-shadow:0 0 0 2px #c0574640}.player-card .picon{font-size:20px}.player-card .stats{margin-left:auto;display:flex;gap:10px;font-size:13px;color:var(--muted);white-space:nowrap}.controls{display:flex;flex-wrap:wrap;gap:8px}.die{font-size:42px;width:68px;height:68px;display:flex;align-items:center;justify-content:center;border:2px solid var(--line);border-radius:12px;background:#fff;font-weight:700}.die img{width:54px;height:54px;display:block}.player-card img.piece{width:34px;height:34px;display:block}.player-card img.token-icon{width:17px;height:17px;display:inline-block;vertical-align:-3px}.cardframe-wrap{position:relative;width:min(330px,86vw);filter:drop-shadow(0 16px 40px rgba(0,0,0,.45))}.cardframe-wrap>img{width:100%;display:block}.cardframe-overlay{position:absolute;top:30%;left:9%;right:9%;bottom:16%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:10px}.cardframe-overlay .prompt{font-size:19px;font-weight:600;color:#2b2b2b;line-height:1.35}.cardframe-overlay .answer{font-size:15px;color:#6f6a60}.cardframe-actions{display:flex;flex-direction:column;align-items:center;gap:10px;margin-top:14px}.cardframe-actions .wager-box{background:#fffffff0;border-radius:10px;padding:8px 12px;text-align:center}.cardframe-actions .buttons{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.cardframe-actions .buttons button{box-shadow:0 2px 8px #00000040}.gamelog{max-height:300px;overflow-y:auto;font-size:13px;display:flex;flex-direction:column-reverse;gap:4px;color:#3d3930}.gamelog div{padding:2px 0;border-bottom:1px dotted #eee9dd}.bingo-grid{display:grid;gap:4px}.bingo-cell{border:1px solid var(--line);border-radius:6px;background:#fdfcf9;min-height:44px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:12.5px;padding:3px;overflow:hidden;word-break:break-word}.bingo-cell.marked{background:var(--brand);border-color:var(--brand);color:#fff;font-weight:600}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#14120c80;display:flex;align-items:center;justify-content:center;z-index:50}.modal{background:#fff;border-radius:14px;padding:22px;width:min(480px,92vw);box-shadow:0 12px 40px #0000004d}.modal h2{margin-top:0}.playcard{border:2px solid var(--brand);border-radius:12px;padding:18px;background:#f7fbf8;font-size:17px;text-align:center;margin:12px 0}.playcard .answer{margin-top:10px;font-size:15px;color:var(--muted)}.modal .controls{justify-content:center;margin-top:14px}.lib-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:10px}.saved-row{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:#fdfcf9;margin-bottom:8px}.saved-row .grow{flex:1;min-width:0}.winner-banner{text-align:center;padding:18px;border-radius:12px;background:linear-gradient(120deg,#fdf3d8,#f8e3b0);border:1px solid #e8ce8c;font-size:18px;margin-bottom:14px}@media (max-width: 980px){.designer-grid,.play-grid{grid-template-columns:1fr}.advisor-sticky{position:static}}.print-root{max-width:7.5in;margin:0 auto}.print-toolbar{display:flex;align-items:center;gap:14px;padding:10px 14px;background:#fff;border:1px solid var(--line);border-radius:10px;margin-bottom:18px;box-shadow:var(--shadow)}.print-toolbar .hint{flex:1}.sheet{background:#fff;border:1px solid var(--line);border-radius:6px;padding:.35in;margin-bottom:20px;box-shadow:var(--shadow)}.ptitle{margin:0;font-family:Fredoka,sans-serif;font-size:26px}.pmeta{color:var(--muted);font-size:14px;margin:8px 0 0}.ph2{font-size:15px;margin:18px 0 6px;border-bottom:2px solid var(--brand);padding-bottom:3px}.plist{margin:6px 0;padding-left:22px;font-size:13.5px}.plist li{margin-bottom:4px}.plegend{border-collapse:collapse;font-size:13px;width:100%}.plegend td{border-bottom:1px solid #eee9dd;padding:4px 8px 4px 0;vertical-align:middle}.plegend img{display:block;border-radius:5px}.pcard-grid{display:grid;grid-template-columns:repeat(3,2.5in);justify-content:center}.pcard{width:2.5in;height:3.5in;background-size:100% 100%;position:relative;page-break-inside:avoid;-webkit-print-color-adjust:exact;print-color-adjust:exact}.pcard .ptext{position:absolute;top:30%;left:9%;right:9%;bottom:16%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:6px}.pcard .pprompt{font-size:12.5px;font-weight:600;color:#2b2b2b;line-height:1.3}.pcard .ppoints{font-size:11px;font-weight:700;color:#6f6a60}.pcard .pnum{position:absolute;bottom:4%;right:8%;font-size:8px;color:#9a948a}.standee-row{display:flex;flex-wrap:wrap;gap:14px}.standee{border:1.5px solid #6f6a60;width:1.35in;text-align:center;padding:6px 4px;page-break-inside:avoid}.standee img{width:.95in;height:.95in;display:block;margin:0 auto}.standee img.flip{transform:rotate(180deg)}.standee .fold{border-top:1.5px dashed #9a948a;margin:4px 0}.standee-name{font-size:10px;color:var(--muted);margin-top:3px}.token-sheet{display:flex;flex-wrap:wrap;gap:10px}.token-sheet img{page-break-inside:avoid}@media print{@page{size:letter;margin:.45in}body{background:#fff}.topbar,.no-print{display:none!important}.main{padding:0;max-width:none}.print-root{max-width:none}.sheet{border:none;border-radius:0;box-shadow:none;padding:0;margin:0;page-break-after:always}.sheet:last-child{page-break-after:auto}*{-webkit-print-color-adjust:exact;print-color-adjust:exact}}