:root{--cream: #fcf9ee;--ink: #2b292d;--pink: #ff88df;--gold: #df9718;--wine: #711b43;--teal: #015a55;--paper: #fff7cf;--line: rgba(43, 41, 45, .2);--teal-light: #3fb6a8;--lose-red: #ff5c7a;--lose-red-deep: #b3263b;--afterparty-purple: #a06bff;--connector-blue: #2f6f88;--font-display: Archivo, "Instrument Sans", ui-sans-serif, system-ui, sans-serif;--font-mono: "Spline Sans Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--keyline: 2px solid var(--ink);--keyline-bold: 3px solid var(--ink);--shadow-hard: 5px 5px 0 var(--ink);--radius-plate: 9px}.ui-plate{border:var(--keyline);border-radius:var(--radius-plate);background:#2b292dcc;color:var(--paper);padding:8px 10px}.ui-chip{display:inline-flex;align-items:center;gap:8px;border:var(--keyline-bold);border-radius:0;background:var(--cream);box-shadow:var(--shadow-hard);color:var(--ink);cursor:pointer;font-family:var(--font-mono);font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:10px 14px;transition:transform .12s ease,box-shadow .12s ease}.ui-chip--pink{background:var(--pink)}.ui-chip:hover{transform:translate(-1px,-1px);box-shadow:6px 6px 0 var(--ink)}.ui-chip:active{transform:translate(3px,3px);box-shadow:1px 1px 0 var(--ink)}.ui-pill{display:inline-flex;align-items:center;gap:6px;border:var(--keyline);background:var(--paper);color:var(--ink);font-family:var(--font-mono);font-weight:600;font-size:12px;letter-spacing:.06em;text-transform:uppercase;padding:4px 8px}.ui-pill--pink{background:var(--pink)}.ui-progress{position:relative;height:14px;border:var(--keyline);background:var(--cream);overflow:hidden}.ui-progress__fill{height:100%;width:0;background:linear-gradient(90deg,var(--teal),var(--teal-light));transition:width .2s ease}.ui-pip{display:inline-block;width:13px;height:13px;border-radius:3px;background:#5a4a4f}.ui-pip--filled{background:var(--lose-red)}*{box-sizing:border-box}html,body{min-height:100%}body{margin:0;background:linear-gradient(90deg,rgba(43,41,45,.04) 1px,transparent 1px),linear-gradient(0deg,rgba(43,41,45,.04) 1px,transparent 1px),var(--cream);background-size:32px 32px;color:var(--ink);font-family:Instrument Sans,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button{font:inherit}.app-shell{width:min(1280px,calc(100% - 32px));min-height:100dvh;margin:0 auto;display:grid;grid-template-columns:minmax(230px,.58fr) minmax(560px,960px) minmax(170px,.38fr);gap:clamp(20px,4vw,48px);align-items:center;padding:32px 0}.intro{align-self:end;padding-bottom:min(8vh,90px)}.eyebrow,.hud-label,.controls p,.banner p,.legend h2{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.eyebrow{margin:0 0 16px;color:var(--wine);font-size:12px}h1{max-width:8ch;margin:0;font-size:clamp(52px,7.6vw,118px);line-height:.86;letter-spacing:0;text-transform:uppercase}.subtitle{display:inline-block;margin:16px 0 0;border:2px solid var(--ink);background:var(--pink);box-shadow:4px 4px 0 var(--ink);color:var(--ink);font-weight:950;padding:8px 12px;text-transform:uppercase}.deck{max-width:34ch;margin:24px 0 0;color:#2b292dc7;font-size:18px;line-height:1.55}.game-panel{display:grid;gap:12px}.hud{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:2px solid var(--ink);background:var(--paper)}.hud>div{min-width:0;padding:10px 12px;border-right:2px solid var(--ink)}.hud>div:last-child{border-right:0}.hud-label{display:block;color:var(--wine);font-size:10px}.hud strong{display:block;margin-top:4px;font-size:22px;line-height:1}.board-wrap{position:relative}canvas{display:block;width:100%;max-width:960px;aspect-ratio:16 / 9;border:2px solid var(--ink);background:var(--cream);box-shadow:8px 8px 0 var(--ink)}.banner{position:absolute;inset:50% auto auto 50%;width:min(78%,420px);transform:translate(-50%,-50%);border:2px solid var(--ink);background:var(--cream);box-shadow:8px 8px 0 var(--ink);padding:22px;text-align:center}.banner p{margin:0 0 8px;color:var(--wine);font-size:11px}.banner strong{display:block;font-size:clamp(30px,5vw,52px);line-height:.94;text-transform:uppercase}.controls{display:flex;align-items:center;justify-content:space-between;gap:16px}.controls p{margin:0;color:#2b292dad;font-size:11px}#restart{border:2px solid var(--ink);border-radius:0;background:var(--pink);box-shadow:4px 4px 0 var(--ink);color:var(--ink);cursor:pointer;font-weight:950;padding:11px 16px;text-transform:uppercase;transition:transform .12s ease,box-shadow .12s ease}#restart:hover{transform:translate(-1px,-1px);box-shadow:5px 5px 0 var(--ink)}#restart:active{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--ink)}.legend{align-self:end;border-left:2px solid var(--line);padding-left:18px}.legend h2{margin:0 0 14px;color:var(--wine);font-size:12px}.legend ul{display:grid;gap:10px;list-style:none;margin:0;padding:0}.legend li{display:grid;grid-template-columns:34px 1fr;gap:9px;align-items:center;font-size:13px;font-weight:800}.legend img{width:34px;height:34px;border:1px solid var(--ink);background:var(--cream)}@media (max-width: 1100px){.app-shell{grid-template-columns:minmax(260px,.62fr) minmax(560px,960px)}.legend{grid-column:1 / -1;border-left:0;border-top:2px solid var(--line);padding:18px 0 0}.legend ul{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width: 900px){.app-shell{grid-template-columns:1fr;align-items:start}.intro{padding-bottom:0}h1{max-width:10ch;font-size:clamp(48px,15vw,84px)}}@media (max-width: 580px){.app-shell{width:min(100% - 20px,1280px);padding:20px 0}.hud{grid-template-columns:repeat(2,minmax(0,1fr))}.hud>div:nth-child(2){border-right:0}.hud>div:nth-child(-n+2){border-bottom:2px solid var(--ink)}.controls{align-items:flex-start;flex-direction:column}.legend ul{grid-template-columns:1fr}}:root{--reward-bg-top: #241a2e;--reward-bg-bottom: #15101c;--reward-code-grad: linear-gradient(110deg, #015a55, #0a8077, #015a55);--reward-locked-bg: #efe7d8;--reward-locked-line: #9b8b6a;--share-card-size: 1080px;--share-card-safe-margin: 96px}@keyframes ra-shimmer{0%{background-position:0 0}to{background-position:200% 0}}.reward-code{background:var(--reward-code-grad);background-size:200% 100%;animation:ra-shimmer 2.4s linear infinite;border:var(--keyline-bold);border-radius:12px;color:var(--cream)}.share-card{position:relative;width:var(--share-card-size);height:var(--share-card-size);border:var(--keyline-bold);border-radius:10px;overflow:hidden}.share-card:after{content:"";position:absolute;inset:var(--share-card-safe-margin);border:1.5px dashed rgba(255,136,223,.53);border-radius:4px;pointer-events:none}