:root{--bg:#111419;--ink:#e9e5dc;--muted:#8b857b;--line:#e9e5dc1f;--panel:#0f1217db;--gain:#b6d98a;--broken:#d4735e;--great:#e7d9a6;--serif:"Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;--sans:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0;overflow:hidden}#board{touch-action:none;cursor:crosshair;width:100%;height:100%;display:block;position:fixed;inset:0}#hud{pointer-events:none;background:linear-gradient(#0a0c10e6,#0a0c1000);align-items:center;gap:28px;height:62px;padding:0 20px;display:flex;position:fixed;top:0;left:0;right:0}.brand{font-family:var(--serif);letter-spacing:.06em;color:var(--ink);font-size:21px}.stats{gap:26px;display:flex}.stat{flex-direction:column;line-height:1.15;display:flex}.stat .label{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-size:10px}.stat .value{font-variant-numeric:tabular-nums;font-size:19px}.stat.muted .value{color:var(--muted);padding-top:4px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}#hand[hidden],#legend[hidden],#composition[hidden]{display:none}#hand{border:1px solid var(--line);background:var(--panel);border-radius:10px;flex-direction:column;align-items:center;gap:10px;width:174px;padding:14px;display:flex;position:fixed;top:78px;right:20px}.hand-block{flex-direction:column;align-items:center;gap:6px;width:100%;display:flex}.hand-label{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-size:10px}#hand-canvas{width:132px;height:132px}#next-canvas{opacity:.72;width:84px;height:84px}.hand-task{text-align:center;color:var(--great);border-top:1px solid var(--line);width:100%;padding:6px 4px 0;font-size:12px;line-height:1.35;display:none}.hand-task.visible{display:block}.hand-hint{border-top:1px solid var(--line);text-align:center;width:100%;color:var(--muted);padding-top:10px;font-size:11px}.hand-hint p{margin:3px 0}.hand-hint b{color:var(--ink);font-weight:600}#legend{pointer-events:none;flex-direction:column;gap:5px;display:flex;position:fixed;bottom:20px;left:20px}.legend-row{color:var(--muted);align-items:center;gap:8px;font-size:11px;display:flex}.swatch{border-radius:2px;width:11px;height:11px;display:inline-block}.legend-name{color:var(--ink);min-width:52px}.legend-kind{letter-spacing:.1em;text-transform:uppercase;font-size:9px}.world-chip{border:1px solid var(--line);white-space:nowrap;background:#0f1217b3;border-radius:999px;align-items:baseline;gap:8px;padding:5px 12px;display:flex}.world-chip .label{letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-size:9px}.world-chip-title{font-family:var(--serif);color:var(--ink);font-size:15px}.world-chip-target{color:var(--muted);font-size:11px}.world-chip-target b{color:var(--ink);font-variant-numeric:tabular-nums}.stat.met .value{color:var(--great)}.menu-panel{text-align:center;width:min(430px,100vw - 40px)}.menu-title{font-family:var(--serif);letter-spacing:.06em;margin:0;font-size:46px;font-weight:500}.menu-sub{color:var(--muted);letter-spacing:.04em;margin:4px 0 34px;font-size:13px}.menu-actions{flex-direction:column;gap:10px;display:flex}.menu-btn{text-align:center;flex-direction:column;flex:none;gap:3px;padding:14px 20px;display:flex}.menu-btn-main{font-family:var(--serif);font-size:18px}.menu-btn-sub{opacity:.7;font-size:11px}.menu-btn[hidden]{display:none}.menu-btn[disabled]{opacity:.35;cursor:not-allowed}.menu-records{flex-wrap:wrap;justify-content:center;gap:22px;margin:28px 0 0;display:flex}.menu-records div{flex-direction:column;gap:2px;display:flex}.menu-records dt{letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-size:9px}.menu-records dd{font-family:var(--serif);font-variant-numeric:tabular-nums;margin:0;font-size:20px}.menu-note{color:var(--muted);opacity:.75;margin:24px 0 0;font-size:11px}.gifts-block[hidden]{display:none}#gifts-list{flex-direction:column;gap:3px;width:100%;margin:0;padding:0;list-style:none;display:flex}#gifts-list li{color:var(--great);text-align:center;background:#f0dc9a0f;border:1px solid #f0dc9a38;border-radius:5px;padding:3px 6px;font-size:11px}.overlay.shop-overlay{background:radial-gradient(1px 1px at 18% 22%,#e9e5dc80,#0000 100%),radial-gradient(1px 1px at 73% 14%,#e9e5dc6b,#0000 100%),radial-gradient(1px 1px at 41% 9%,#e9e5dc4d,#0000 100%),radial-gradient(1.4px 1.4px at 88% 34%,#e9e5dc5c,#0000 100%),radial-gradient(1px 1px at 8% 61%,#e9e5dc47,#0000 100%),radial-gradient(1px 1px at 62% 78%,#e9e5dc38,#0000 100%),radial-gradient(1.2px 1.2px at 30% 88%,#e9e5dc42,#0000 100%),radial-gradient(1px 1px at 94% 70%,#e9e5dc4d,#0000 100%),radial-gradient(120% 70% at 50% 118%,#e7d9a629,#0000 62%),radial-gradient(90% 60% at 50% 30%,#171d27,#0b0e13 72%);align-items:flex-start;padding:32px 20px;overflow-y:auto}.draft-panel{text-align:center;width:min(880px,100vw - 40px);margin:auto}.shop-head{margin-bottom:26px}.shop-eyebrow{letter-spacing:.22em;text-transform:uppercase;color:var(--muted);margin:0 0 6px;font-size:11px}.draft-panel h2{font-family:var(--serif);margin:0 0 5px;font-size:31px;font-weight:500}.draft-sub{color:var(--muted);margin:0 0 16px;font-size:13px}.shop-purse{background:#e7d9a60f;border:1px solid #e7d9a647;border-radius:999px;align-items:center;gap:9px;padding:7px 15px 7px 11px;display:inline-flex}.purse-amount{font-family:var(--serif);color:var(--great);font-variant-numeric:tabular-nums;align-items:center;gap:6px;font-size:21px;display:inline-flex}.purse-label{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-size:11px}.shard{vertical-align:-.13em;flex:none;width:.82em;height:.98em;margin-right:.12em}.gift-cards{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.gift-card{border:1px solid var(--line);cursor:pointer;text-align:left;max-width:284px;min-height:268px;color:var(--ink);font:inherit;background:linear-gradient(#1a1f27,#141820);border-radius:12px;flex-direction:column;flex:236px;gap:10px;padding:22px 20px 18px;transition:transform .12s,border-color .12s,background .12s;display:flex}.gift-card:hover,.gift-card:focus-visible{background:linear-gradient(#20262f,#171c24);border-color:#f0dc9a8c;outline:none;transform:translateY(-3px)}.emblem{flex:none;width:46px;height:46px}.gift-axis{letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-size:10px}.gift-name{font-family:var(--serif);color:var(--great);font-size:21px;line-height:1.15}.gift-text{color:var(--muted);flex:1;font-size:13px;line-height:1.5}.gift-cost{border-top:1px solid var(--line);font-family:var(--serif);color:var(--great);font-variant-numeric:tabular-nums;align-items:center;gap:7px;padding-top:12px;font-size:17px;display:flex}.gift-cost .cost-unit{font-family:var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-size:10px}.gift-card.purchased{cursor:default;background:linear-gradient(#181f1c,#131916);border-color:#b6d98a66}.gift-card.purchased:hover{background:linear-gradient(#181f1c,#131916);border-color:#b6d98a66;transform:none}.gift-card.purchased .gift-name,.gift-card.purchased .gift-text,.gift-card.purchased .emblem{opacity:.62}.gift-card.purchased .gift-cost,.gift-card.purchased .cost-unit{color:var(--gain)}.shard.check{width:.92em;height:.92em}.gift-card.unaffordable{opacity:.42;cursor:not-allowed}.gift-card.unaffordable:hover{border-color:var(--line);background:linear-gradient(#1a1f27,#141820);transform:none}.shop-owned{flex-wrap:wrap;justify-content:center;align-items:baseline;gap:8px 12px;margin-top:22px;display:flex}.shop-owned[hidden]{display:none}.owned-label{letter-spacing:.18em;text-transform:uppercase;color:var(--muted);font-size:10px}.owned-chips{flex-wrap:wrap;gap:7px;margin:0;padding:0;list-style:none;display:flex}.owned-chips li{border:1px solid var(--line);color:var(--ink);background:#e9e5dc0a;border-radius:999px;align-items:center;gap:6px;padding:4px 10px 4px 7px;font-size:12px;display:flex}.owned-chips .emblem{width:15px;height:15px}.shop-actions{justify-content:center;gap:12px;margin-top:26px;display:flex}.shop-actions button{flex:none;min-width:178px}.shop-actions .shard{vertical-align:-.1em}.shop-leave{font-weight:500}@media (max-width:780px){.gift-card{flex-basis:100%;max-width:none;min-height:0}}@media (max-width:720px){.gift-cards{grid-template-columns:1fr}.gift-card{min-height:0}}#task-banner{pointer-events:none;z-index:6;background:#1f1a0ceb;border:1px solid #f0dc9a73;border-radius:999px;align-items:center;gap:10px;max-width:min(560px,100vw - 40px);padding:8px 16px;display:flex;position:fixed;top:70px;left:50%;transform:translate(-50%);box-shadow:0 0 0 1px #f0dc9a1a,0 6px 20px #00000073}#task-banner[hidden]{display:none}.task-tag{letter-spacing:.16em;text-transform:uppercase;color:var(--great);opacity:.75;white-space:nowrap;font-size:9px}.task-text{color:#f6efdc;white-space:nowrap;font-size:14px}.task-reward{color:var(--great);opacity:.8;white-space:nowrap;border-left:1px solid #f0dc9a40;padding-left:8px;font-size:11px}#composition{pointer-events:none;width:132px;position:fixed;bottom:120px;left:20px}.comp-label{letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-bottom:6px;font-size:9px}.comp-row{align-items:center;gap:6px;margin-bottom:3px;display:flex}.comp-bar{border-radius:2px;min-width:2px;height:6px}.comp-pct{color:var(--muted);font-variant-numeric:tabular-nums;margin-left:auto;font-size:9px}@media (max-width:760px){#composition{display:none}}#btn-populate{color:var(--great);cursor:pointer;z-index:7;background:#241e0ef0;border:1px solid #f0dc9a8c;border-radius:999px;flex-direction:column;flex:none;align-items:center;gap:2px;padding:11px 26px;display:flex;position:fixed;bottom:26px;left:50%;transform:translate(-50%);box-shadow:0 6px 24px #00000080}#btn-populate[hidden]{display:none}#btn-populate:hover{border-color:var(--great);background:#342b12f5}.populate-main{font-family:var(--serif);font-size:17px}.populate-sub{letter-spacing:.1em;text-transform:uppercase;opacity:.65;font-size:10px}#toasts{pointer-events:none;z-index:5;flex-direction:column;align-items:center;gap:5px;display:flex;position:fixed;top:124px;left:50%;transform:translate(-50%)}.toast{font-variant-numeric:tabular-nums;border:1px solid var(--line);background:#0c0f13e6;border-radius:999px;padding:5px 12px;font-size:14px;animation:2.8s ease-out forwards rise}.toast.gain{color:var(--gain);animation-duration:1.4s}.toast.great{color:var(--great);border-color:#f0dc9a66}.toast.bad{color:var(--broken);border-color:#c0604c66}@keyframes rise{0%{opacity:0;transform:translateY(8px)}14%{opacity:1;transform:translateY(0)}78%{opacity:1}to{opacity:0;transform:translateY(-14px)}}.overlay{z-index:10;background:#090b0ed1;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.overlay[hidden]{display:none}button{font:inherit;color:#12151a;background:var(--ink);border:1px solid var(--ink);cursor:pointer;border-radius:7px;flex:1;padding:10px 14px;font-size:13px}button:hover{background:#fff}button.ghost{color:var(--ink);border-color:var(--line);background:0 0}button.ghost:hover{background:#e9e5dc14}#resolving{border:1px solid var(--line);z-index:8;background:#0c0f13d9;border-radius:999px;align-items:center;gap:14px;padding:9px 12px 9px 20px;display:flex;position:fixed;bottom:26px;left:50%;transform:translate(-50%)}#resolving[hidden]{display:none}.resolving-label{font-family:var(--serif);letter-spacing:.05em;color:var(--ink);font-size:15px}#resolving button{letter-spacing:.1em;text-transform:uppercase;flex:none;padding:5px 14px;font-size:11px}#over{z-index:9;background:#0a0c10f0;border-top:1px solid #e9e5dc24;padding:0 26px 18px;transition:transform .26s cubic-bezier(.2,.7,.3,1);position:fixed;bottom:0;left:0;right:0}#over[hidden]{display:none}#over.collapsed{transform:translateY(calc(100% - 34px))}.sheet-grip{cursor:pointer;background:#e9e5dc4d;border:none;border-radius:999px;flex:none;width:54px;height:4px;margin:10px auto 12px;padding:0;display:block}.sheet-grip:hover{background:#e9e5dc99}.sheet-body{align-items:center;gap:40px;max-width:1180px;margin:0 auto;display:flex}.sheet-verdict{flex:auto;min-width:0}.sheet-verdict h2{font-family:var(--serif);margin:0 0 2px;font-size:25px;font-weight:500}#over.failed .sheet-verdict h2{color:var(--broken)}#over.passed .sheet-verdict h2{color:var(--great)}.sheet-verdict p{color:var(--muted);margin:0;font-size:12px;line-height:1.5}.sheet-stats{gap:26px;margin:0;display:flex}.sheet-stats div{flex-direction:column;gap:1px;display:flex}.sheet-stats dt{letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-size:9px}.sheet-stats dd{font-family:var(--serif);font-variant-numeric:tabular-nums;margin:0;font-size:23px}.sheet-detail{color:var(--muted);opacity:.8;margin:3px 0 0;font-size:11px}.sheet-actions{flex:none}.sheet-actions button{padding:11px 30px}@media (max-width:760px){#hand{flex-direction:row;justify-content:center;align-items:center;gap:18px;width:auto;height:148px;inset:auto 20px 20px}.hand-block{width:auto}.hand-task{border-top:none;border-left:1px solid var(--line);width:140px;padding:0 0 0 12px}.hand-hint,#legend{display:none}#hud,.stats{gap:16px}}@media (prefers-reduced-motion:reduce){.toast{opacity:1;animation:none}}