:root{--ink:#1f272c;--muted:#495357;--paper:#f8f8f4;--surface:#eef1ed;--line:#d6dcda;--line-strong:#aebbb7;--accent:#c1583d;--accent-wash:#faeee9;--success:#2f7a5b;--danger:#a63f3f;--connection-bronze:#af651f;--connection-silver:#b3b0b0;--connection-gold:#e4c202;color:var(--muted);background:var(--paper);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font:16px/1.45 Trebuchet MS,Segoe UI,sans-serif}@media (prefers-color-scheme:dark){:root{--paper:#5c5a5a;--ink:white;--muted:#cec9c9;--accent:#e27458;--line-strong:#c9cfcd;--connection-bronze:#884f19;--connection-silver:#a3a2a2;--connection-gold:#cfb103}}#root{min-height:100svh}@font-face{font-family:KenneySpace;src:url(/assets/Kenney%20Space-DNbpJBSg.ttf)format("truetype")}body{margin:0}h1,h2,p{margin-top:0}h1,h2{color:var(--ink)}button{font:inherit}button:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.game-shell{box-sizing:border-box;background-color:#80d4f0;width:min(100%,600px);height:100vh;margin:0 auto;padding:24px clamp(18px,5vw,64px) 36px}@media (prefers-color-scheme:dark){.game-shell{background-color:#1889d4}}.game-header,.section-heading,.status{align-items:center;display:flex}.game-header{justify-content:space-between;gap:24px;margin-bottom:16px}.eyebrow,.status-label,.hand-hint,.hand-label{color:var(--ink);letter-spacing:.12em;font-size:.85rem;font-weight:700}.eyebrow{margin:0 0 8px}h1{margin:0;font-size:clamp(2rem,5vw,3.75rem);line-height:.95}.status{align-items:stretch;margin-bottom:10px}.status>div{flex:1;padding:4px}.status>div:last-of-type{border-right:0}.status strong{color:var(--ink);font-size:1. 5rem;margin-top:6px;line-height:1;display:block}.status-message{min-width:135px;margin:0;padding:16px 0 16px 20px;font-weight:700}.status-message--won{color:var(--success)}.status-message--lost{color:var(--danger)}.status-controls{flex:none;justify-content:flex-end;align-items:center;display:flex}.status-label{justify-content:center;display:flex}.instruction,.end-state{color:var(--muted);margin:0 0 18px}.end-state{border-left:4px solid var(--line);background:var(--surface);flex-direction:column;gap:4px;padding:14px 16px;display:flex}.end-state strong{color:var(--ink)}.end-state--won{border-color:var(--success)}.end-state--lost{border-color:var(--danger)}.board{--cell-size:min(18vw, 90px);--board-gap:clamp(18px, 3vw, 30px);grid-template-columns:repeat(4, var(--cell-size));grid-template-rows:repeat(4, var(--cell-size));gap:var(--board-gap);isolation:isolate;justify-content:center;margin:0 auto 24px;display:grid}.board-cell{position:relative}.board-cell.double>.card,.board-cell.double .board-empty{color:#ffa600;filter:sepia(.5)saturate(1.8)}.board-cell>.card,.board-empty{z-index:1;position:relative}.board-line{z-index:-2;background:var(--line-strong);position:absolute}.board-line--top{width:2px;height:calc(100% + var(--board-gap));bottom:50%;left:50%}.board-line--left{height:2px;width:calc(100% + var(--board-gap));top:50%;right:50%}.board-connection-label{z-index:2;border:1px solid var(--ink);background:var(--paper);color:var(--ink);border-radius:4px;padding:2px 5px;font-size:clamp(.65rem,1vw,1rem);font-weight:800;line-height:1.1;position:absolute}.board-connection-label--top{top:calc(var(--board-gap) / -2);left:50%;transform:translate(-50%,-50%)}.board-connection-label--left{top:50%;left:calc(var(--board-gap) / -2);transform:translate(-50%,-50%)}.board-connection-label.bronze{background-color:var(--connection-bronze);transition:none;animation:.3s ease-out connection-slam-bronze}.board-connection-label.silver{background:linear-gradient(90deg, var(--connection-silver), #cacac9, var(--connection-silver));background-size:200% 100%;transition:none;animation:1s linear infinite connection-glow,.3s ease-out connection-slam-silver}.board-connection-label.gold{background:linear-gradient(90deg, var(--connection-gold), #f7d2ad, var(--connection-gold));background-size:200% 100%;transition:none;animation:1s linear infinite connection-glow,.3s ease-out connection-slam-gold}@keyframes connection-glow{0%{background-position:0 0}to{background-position:200% 0}}@keyframes connection-slam-bronze{0%{transform:translate(-50%,-50%)scale(1.25)}60%{transform:translate(-50%,-50%)scale(.95)}to{transform:translate(-50%,-50%)scale(1)}}@keyframes connection-slam-silver{0%{transform:translate(-50%,-50%)scale(1.5)}60%{transform:translate(-50%,-50%)scale(.95)}to{transform:translate(-50%,-50%)scale(1)}}@keyframes connection-slam-gold{0%{transform:translate(-50%,-50%)scale(2)}60%{transform:translate(-50%,-50%)scale(.9)}to{transform:translate(-50%,-50%)scale(1)}}.board-empty,.card{aspect-ratio:1;box-sizing:border-box;border-radius:8px;width:100%;height:100%}.board-empty{border:1px dashed var(--line-strong);color:var(--line-strong);cursor:pointer;border-width:4px;background:0 0;border-image-slice:4 fill;border-image-width:4px;border-image-repeat:stretch;font-size:2rem}.board-empty:hover:not(:disabled),.board-empty:focus-visible{border-color:var(--accent);color:var(--accent);background:var(--accent-wash)}.board-empty:disabled{cursor:default;opacity:.5}.card{border-style:solid;border-width:4px;image-rendering:pixelated;border-image-slice:4 fill;border-image-width:4px;border-image-repeat:stretch;flex-direction:column;justify-content:center;align-items:center;animation:.25s ease-out cardAppear;display:flex;position:relative;container-type:inline-size}@keyframes cardAppear{0%{transform:scale(.85)}80%{transform:scale(1.03)}to{transform:scale(1)}}.card-score{background:var(--card-color);color:#fff;text-align:center;z-index:2;border-radius:3px;min-width:1.3rem;padding:2px 3px;font-size:clamp(.65rem,1vw,1rem);font-weight:800;line-height:1;position:absolute;top:5px;left:5px}.card-number{z-index:1;color:#fff;text-shadow:0 1px 3px #0009;font-size:clamp(1.8rem,46cqw,4.5rem);font-weight:800;line-height:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.card-shape{object-fit:contain;width:74%;height:74%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.card-name{letter-spacing:.06em;text-transform:uppercase;font-size:.62rem;font-weight:700}.card--fixed{border-width:6px}.card--playable{box-shadow:0 0 0 3px var(--accent)}.card--red{--card-color:#b83b3b;--card-shadow:#e3b6b3}.card--green{--card-color:#287b58;--card-shadow:#b7d8c3}.card--yellow{--card-color:#9b7300;--card-shadow:#e3d38b}.card--blue{--card-color:#246b9d;--card-shadow:#b2d0e3}.card--orange{--card-color:#b45b22;--card-shadow:#e3c0a8}.card--pink{--card-color:#c2478d;--card-shadow:#eab8d4}.board-and-skills{flex-direction:column;display:flex}.skills{flex-wrap:wrap;justify-content:center;gap:12px;margin:0 0 10px;display:flex}.skill-button{border:1px solid var(--line-strong);background:var(--paper);width:62px;height:62px;color:var(--ink);cursor:pointer;font:inherit;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;display:flex}.skill-button:hover:not(:disabled),.skill-button:focus-visible{border-color:var(--accent);background:var(--accent-wash)}.skill-button:disabled{cursor:default;opacity:.45}.skill-button{border-width:4px;border-image-slice:4 fill;border-image-width:4px;border-image-repeat:stretch}.skill-button--active{border-color:var(--accent);background:var(--accent-wash);box-shadow:inset 0 0 0 2px var(--accent)}.skill-button-icon{display:"flex";align-items:"center";justify-content:"center";font-size:1.6rem;line-height:1}.skill-button-count{font-size:.8rem;font-weight:800}.skill-instruction{color:var(--ink);text-align:center;margin:0 0 6px;font-size:.9rem;font-weight:700}.hand{border-top:1px solid var(--line);padding-top:6px}.section-heading{justify-content:space-between;margin-bottom:14px}.section-heading h2{margin:0;font-size:1rem}.hand-cards{grid-template-columns:repeat(5,1fr);gap:clamp(6px,2vw,16px);display:grid}.hand-slot{background:0 0;border:0;min-width:0;max-width:100px;max-height:100px;padding:0;position:relative}.hand-slot--active{padding-top:0}.hand-slot--selectable{cursor:pointer}.hand-slot:disabled{cursor:default}.hand-label{color:var(--accent);white-space:nowrap;font-size:.58rem;display:block;position:absolute;top:-2px;left:50%;transform:translate(-50%)}.reset-button{border:1px solid var(--ink);background:var(--ink);color:#fff;font:inherit;cursor:pointer;border-radius:5px;padding:10px 14px;font-size:.8rem;font-weight:700}.reset-button:hover:not(:disabled),.reset-button:focus-visible{background:var(--accent);border-color:var(--accent)}.reset-button:disabled{cursor:not-allowed}.reset-button.prestige:disabled{opacity:.6}.reset-button--ghost{color:#fff;background:0 0}.reset-button{border-width:4px;border-image-slice:4 fill;border-image-width:4px;border-image-repeat:stretch}.reset-button:hover:not(:disabled),.reset-button:focus-visible{background:var(--accent-wash);border-color:var(--accent);color:#000}.main-menu{flex-direction:column;align-items:center;gap:20px;padding-top:clamp(24px,6vh,96px);display:flex}.main-menu-stats{justify-content:center;align-items:center;gap:clamp(30px,5vw,48px);display:flex}.main-menu-stats strong{text-align:center;color:var(--ink);margin-top:6px;font-size:1.75rem;line-height:1;display:block}.stage-arrow{border:1px solid var(--line);color:#fff;font:inherit;cursor:pointer;background:0 0;border-radius:5px;width:32px;height:32px;font-weight:700}.stage-arrow:hover:not(:disabled),.stage-arrow:focus-visible{background:var(--accent-wash);border-color:var(--accent);color:#000}.stage-arrow:disabled{cursor:default;opacity:.35}.stage-arrow{border-width:4px;border-image-slice:4 fill;border-image-width:4px;border-image-repeat:stretch}.main-menu-actions{flex-flow:column wrap;gap:12px;display:flex}.main-menu-actions .reset-button{min-width:250px;padding:8px 22px;font-size:1rem}.main-menu-hint{max-width:100%;color:var(--muted);flex-direction:column;gap:3px;margin:0;font-size:.85rem;display:flex}.shop-currency{text-align:right;flex:none;min-width:70px}.shop-currency strong{color:var(--ink);margin-top:6px;font-size:1.75rem;line-height:1;display:block}.shop-list{border-top:1px solid var(--muted);max-height:calc(100vh - 200px);margin:16px 0 0;padding:0 20px 0 0;list-style:none;overflow-y:auto}.shop-row{border-bottom:1px solid var(--muted);justify-content:space-between;align-items:center;gap:16px;padding:8px 0;display:flex}.shop-info{flex-direction:column;display:flex}.shop-info strong{color:var(--ink)}.shop-effect{color:var(--muted);font-size:.8rem}.shop-pips{gap:4px;display:inline-flex}.shop-pip{border:1px solid var(--line-strong);border-radius:50%;width:8px;height:8px}.shop-pip--filled{background:var(--accent);border-color:var(--accent)}.result-popup{border:1px solid var(--line-strong);background:var(--paper);border-radius:4px;max-width:min(90vw,380px);margin:auto;padding:0;box-shadow:0 18px 50px #1f272c40}.result-popup::backdrop{background:#1f272c73}.result-popup-body{border-radius:2px 2px 0 0;flex-direction:column;align-items:flex-start;gap:12px;padding:28px 28px 24px;display:flex}.result-popup--won .result-popup-body{border-top-color:var(--success)}.result-popup--lost .result-popup-body{border-top-color:var(--danger)}.result-popup-title{color:var(--ink);font-size:1.35rem;line-height:1.15}.result-popup-detail{color:var(--muted);margin:0;font-size:.9rem}.result-popup-action{margin-top:6px}@media (width<=620px){.game-shell{padding-top:24px}.game-header{align-items:flex-start}.game-header h1{font-size:2rem}.status{grid-template-columns:repeat(4,1fr);display:grid}.status>div{padding:12px 10px}.status strong{font-size:1.1rem}.status-message{border-top:1px solid var(--line);grid-column:1/-1;min-width:0;padding:10px}.status-label{font-size:.85rem}.hand-hint{font-size:.58rem}.card-name{font-size:.5rem}}@media (width>=621px) and (height<=768px){.board{--cell-size:min(18vw, 12.5vh, 90px);--board-gap:clamp(12px, 2vh, 20px)}.board-and-skills{flex-direction:row;gap:2rem}.skills{flex-direction:column}.game-shell{padding-top:12px;padding-bottom:16px}h1{font-size:clamp(1.5rem,4vh,2.5rem)}.skill-button{width:52px;height:52px}.status-score{padding:2px}}summary::marker{color:var(--ink);font-size:1.4rem}button:focus{outline:none}