:root{--paper: #f2ead9;--paper-bright: #fffdf6;--paper-dim: #e7dcc4;--paper-line: #d8ccb0;--ink: #141210;--ink-soft: #3a352c;--ink-muted: #5c5647;--ink-faded: #b3a888;--red: #e5484d;--blue: #3e7bfa;--green: #2f9e4f;--yellow: #f3b60c;--yellow-bright: #ffd23f;--purple: #9a5cc6;--orange: #ec7a2c;--display: "Archivo Black", system-ui, sans-serif;--body: "Archivo", system-ui, sans-serif;--shadow-s: 3px 3px 0 var(--ink);--shadow-m: 4px 4px 0 var(--ink);--shadow-l: 6px 6px 0 var(--ink)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}body{margin:0;font-family:var(--body);background:#20242a;color:var(--ink);overscroll-behavior:none}.app{position:relative;max-width:480px;height:100%;margin:0 auto;background:var(--paper);display:flex;flex-direction:column;overflow:hidden}.app:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");opacity:.06;mix-blend-mode:multiply;pointer-events:none;z-index:50}button{font-family:inherit;border:none;background:none;padding:0;cursor:pointer;color:inherit}button:disabled{opacity:.45;cursor:default}.btn{display:flex;align-items:center;justify-content:center;gap:8px;font-family:var(--display);border:3px solid var(--ink);box-shadow:var(--shadow-m);background:var(--paper-bright);color:var(--ink);padding:0 18px;height:50px;font-size:14px;letter-spacing:.5px;transition:transform 60ms ease,box-shadow 60ms ease}.btn:active:not(:disabled){transform:translate(3px,3px);box-shadow:1px 1px 0 var(--ink)}.btn.primary{background:var(--red);color:#fff;height:56px;font-size:18px;box-shadow:5px 5px 0 var(--ink)}.btn.accent{background:var(--yellow-bright)}.btn.dark{background:#2a2622;color:var(--paper)}.btn.blue{background:var(--blue);color:#fff}.sticker{display:inline-block;font-family:var(--display);font-size:12px;color:var(--ink);background:var(--yellow-bright);border:2.5px solid var(--ink);padding:5px 10px;transform:rotate(-1.5deg)}.panel{background:var(--paper-bright);border:3px solid var(--ink);box-shadow:var(--shadow-m);border-radius:14px}.field{width:100%;font-family:var(--body);font-weight:700;font-size:16px;padding:12px 14px;border:3px solid var(--ink);border-radius:10px;background:var(--paper-bright);box-shadow:inset 2px 2px #14121014}.field:focus{outline:3px solid var(--yellow-bright);outline-offset:1px}.tq-card{box-sizing:border-box;display:flex;flex-direction:column;background:var(--paper-bright);border:3px solid var(--ink);overflow:hidden;font-family:var(--body);position:relative;padding:0;flex-shrink:0}.tq-card-back{background:var(--paper)}.tq-card-band{display:flex;align-items:center;justify-content:space-between;border-bottom:3px solid var(--ink)}.tq-card-strip{display:flex;align-items:center;justify-content:center;gap:4px;background:#efe7d4;border-top:3px solid var(--ink);flex-shrink:0}.screen-close{position:absolute;top:calc(env(safe-area-inset-top,0px) + 10px);right:12px;z-index:20}.home{flex:1;display:flex;flex-direction:column;align-items:center;padding:40px 26px calc(env(safe-area-inset-bottom,0px) + 26px);gap:18px;position:relative;z-index:2;overflow-y:auto}.home-logo{font-family:var(--display);font-size:72px;line-height:.9;letter-spacing:1px;text-align:center}.home-bar{height:9px;margin-top:10px;background:var(--red);border:2.5px solid var(--ink);box-shadow:var(--shadow-s)}.home-fan{display:flex;margin-top:6px}.home-actions{width:100%;display:flex;flex-direction:column;gap:11px;margin-top:auto}.home-row{display:flex;gap:11px}.home-row .btn{flex:1}.lobby-seat{display:flex;align-items:center;gap:10px;padding:10px 12px;border-bottom:2px dashed var(--paper-line);font-weight:800}.lobby-seat:last-child{border-bottom:none}.lobby-code{font-family:var(--display);font-size:40px;letter-spacing:8px;background:var(--ink);color:var(--yellow-bright);padding:8px 10px 8px 18px;border:3px solid var(--ink);box-shadow:5px 5px #14121059;transform:rotate(-1deg)}.game{flex:1;display:flex;flex-direction:column;position:relative;z-index:2;min-height:0;padding-top:env(safe-area-inset-top,0px)}.topbar{display:flex;align-items:center;justify-content:space-between;padding:10px 16px 8px}.topbar .logo{font-family:var(--display);font-size:17px;letter-spacing:1px}.iconbtn{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border:2.5px solid var(--ink);border-radius:9px;background:var(--paper-bright);box-shadow:2px 2px 0 var(--ink)}.opponents{display:flex;flex-direction:column;gap:6px;padding:0 12px 6px;overflow-y:auto;flex-shrink:1}.opp-row{display:flex;align-items:center;gap:8px;background:var(--paper-bright);border:2.5px solid var(--ink);box-shadow:2px 2px 0 var(--ink);border-radius:11px;padding:6px 8px;min-height:56px}.opp-row.active{box-shadow:3px 3px 0 var(--red);border-color:var(--red)}.opp-chip{display:flex;align-items:center;gap:6px;border-radius:8px;padding:4px;min-width:92px;text-align:left}.opp-meta{min-width:0}.opp-projects{display:flex;align-items:center;gap:8px;flex:1;overflow-x:auto}.opp-project{display:flex;padding:3px 4px;border:2px dashed var(--paper-line);border-radius:8px;background:none}.opp-none{font-size:10px;font-weight:700;color:var(--ink-faded)}.opp-combos{margin-left:auto;display:flex;align-items:center;gap:3px;font-family:var(--display);font-size:11px;color:var(--green)}.chips{display:flex;gap:6px;padding:0 12px 8px}.chip{display:flex;align-items:center;gap:5px;background:var(--paper-bright);border:2.5px solid var(--ink);box-shadow:2px 2px 0 var(--ink);border-radius:9px;padding:4px 6px;flex:1;min-width:0;text-align:left}.chip.active{box-shadow:2px 2px 0 var(--red);border-color:var(--red)}.chip.me{background:#fff7e0}.chip:disabled{opacity:1;cursor:default}.chip.targetable{outline:3px solid var(--yellow-bright);outline-offset:1px}.chip-token{width:22px;height:22px;flex-shrink:0;border-radius:6px;border:2px solid var(--ink);display:flex;align-items:center;justify-content:center;font-family:var(--display);font-size:11px;color:#fff}.chip-name{font-family:var(--display);font-size:10px;line-height:1.1;display:flex;align-items:center;gap:3px;white-space:nowrap;overflow:hidden}.chip-meta{font-size:9px;font-weight:700;color:var(--ink-muted);display:flex;align-items:center;gap:3px}.market{margin:0 12px 8px;background:var(--paper-dim);border:2.5px solid var(--ink);border-radius:14px;box-shadow:inset 2px 2px #1412100f;padding:9px 12px;display:flex;align-items:center;gap:14px}.market .divider{width:2px;height:56px;background:var(--paper-line)}.market-stack{display:flex;flex-direction:column;align-items:center;gap:3px;background:none}.market-label{font-family:var(--display);font-size:8px;letter-spacing:1px;color:var(--ink-muted)}.market-hint{flex:1;font-size:10.5px;font-weight:800;color:var(--ink-muted);line-height:1.35;text-align:right}.market-hint b{color:#7a3d34}.drawable{outline:3px solid var(--yellow-bright);outline-offset:2px;border-radius:8px}.own-board{margin:0 12px;display:flex;flex-direction:column;gap:7px;flex:1;min-height:0;overflow-y:auto;padding-bottom:4px}.piles{margin:0 12px 2px;background:var(--paper-dim);border:2.5px solid var(--ink);border-radius:14px;box-shadow:inset 2px 2px #1412100f;padding:8px 12px;display:flex;align-items:center;gap:14px;flex-shrink:0}.pile{display:flex;flex-direction:column;align-items:center;gap:3px;background:none;border-radius:10px;padding:2px}.pile-label{font-family:var(--display);font-size:8px;letter-spacing:1px;color:var(--ink-muted);white-space:nowrap}.pile-empty{width:52px;aspect-ratio:5 / 7;border-radius:7px;border:2.5px dashed var(--ink-faded);display:block}.pile-hint{flex:1;font-size:10.5px;font-weight:800;color:var(--ink-muted);line-height:1.35;text-align:right}.board{flex:1;margin:0 12px;display:flex;flex-direction:column;gap:7px;min-height:0;overflow-y:auto;padding-bottom:6px}.board-rule{display:flex;align-items:center;gap:7px;font-family:var(--display);font-size:10px;letter-spacing:1px;color:var(--ink-muted)}.board-rule:after{content:"";height:2px;flex:1;background:var(--paper-line)}.board-rule .tail{font-size:9px;color:var(--green);display:flex;align-items:center;gap:3px}.projects{display:flex;gap:7px}.project{flex:1;background:var(--paper-bright);border:2.5px solid var(--ink);box-shadow:var(--shadow-s);border-radius:11px;padding:7px 5px;display:flex;flex-direction:column;align-items:center;gap:4px;min-height:76px}.project.color-run{background:#fff7e0}.project.slot{background:repeating-linear-gradient(135deg,#efe7d4 0 7px,var(--paper-dim) 7px 14px);border:2.5px dashed var(--ink-faded);box-shadow:none;align-items:center;justify-content:center;font-family:var(--display);font-size:22px;color:var(--ink-faded)}.project-cards{display:flex}.project-note{font-size:8px;font-weight:800;color:var(--ink-muted)}.slot-plus{font-family:var(--display);font-size:22px;color:var(--ink-faded)}@keyframes dropPulse{0%,to{outline-color:var(--yellow-bright)}50%{outline-color:var(--yellow)}}.droppable{outline:3px solid var(--yellow-bright);outline-offset:1px;animation:dropPulse 1.1s ease-in-out infinite;cursor:pointer}.hovered{outline:4px solid var(--green);animation:none;transform:scale(1.04)}.combos{display:flex;gap:9px;flex-wrap:wrap}.combo{display:flex;flex-direction:column;align-items:center;gap:3px;background:none}.combo-fan{position:relative;width:56px;height:46px}.combo-score{font-family:var(--display);font-size:11px;background:var(--yellow-bright);border:2px solid var(--ink);border-radius:6px;padding:1px 7px;display:flex;align-items:center;gap:3px}.combo-note{font-size:8px;font-weight:800;color:var(--ink-muted)}.hand-zone{padding:8px 8px 4px}.hand-title{text-align:center;font-family:var(--display);font-size:11px;color:var(--red);margin-bottom:4px;min-height:14px}.hand-title.calm{color:var(--ink-muted)}.hand-fan{display:flex;justify-content:center;align-items:flex-end;min-height:84px}.actionbar{padding:4px 12px calc(env(safe-area-inset-bottom,0px) + 14px);display:flex;gap:9px}.actionbar .btn{flex:1;height:50px;font-size:13px}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:26px;text-align:center}.overlay.spy{background:#141a24}.overlay.grab{background:#1c1524}.overlay.push{background:#241a12}.overlay.block{background:#141210}.overlay.paper{background:#1412108c}.overlay-emblem{width:88px;height:88px;background:var(--paper);border:3px solid var(--ink);box-shadow:6px 6px #000;border-radius:16px;display:flex;align-items:center;justify-content:center}.overlay-title{font-family:var(--display);font-size:30px;text-shadow:4px 4px 0 #000;transform:rotate(-2deg)}.overlay-note{font-weight:800;font-size:13px;color:var(--ink);background:var(--paper);border:2.5px solid #000;box-shadow:3px 3px #000;padding:6px 12px;max-width:260px;line-height:1.4}.overlay .btn{border-color:var(--paper);box-shadow:5px 5px #000;height:52px;padding:0 28px}.overlay-cards{display:flex;gap:8px;align-items:flex-end}.sheet{position:absolute;left:0;right:0;bottom:0;background:var(--paper);border-top:3px solid var(--ink);border-radius:18px 18px 0 0;box-shadow:0 -6px #14121040;padding:16px 16px calc(env(safe-area-inset-bottom,0px) + 16px);max-height:65%;overflow-y:auto;text-align:left}.sheet h3{font-family:var(--display);font-size:14px;margin:0 0 10px}.overlay-sheet{background:var(--paper);border:3px solid var(--ink);box-shadow:var(--shadow-l);border-radius:16px;padding:16px;width:100%;max-width:380px;max-height:70vh;overflow-y:auto;text-align:left}.overlay-sheet h3{font-family:var(--display);font-size:15px;margin:0 0 10px}.target-row{width:100%;display:flex;align-items:center;gap:10px;background:var(--paper-bright);border:2.5px solid var(--ink);box-shadow:var(--shadow-s);border-radius:11px;padding:8px 11px;margin-bottom:9px;text-align:left;font-weight:800}.target-row .grow{flex:1;min-width:0}.target-row .name{font-family:var(--display);font-size:13px}.end{flex:1;display:flex;flex-direction:column;align-items:center;padding:48px 22px calc(env(safe-area-inset-bottom,0px) + 22px);gap:14px;position:relative;z-index:2;overflow-y:auto}.end-title{font-family:var(--display);font-size:40px;transform:rotate(-2deg)}.end-row{width:100%;display:flex;align-items:center;gap:9px;background:var(--paper-bright);border:2.5px solid var(--ink);box-shadow:var(--shadow-s);border-radius:11px;padding:7px 11px;font-family:var(--display)}.end-row.winner{background:#fff7e0;border-width:3px;box-shadow:var(--shadow-m)}.end-row .rank{font-size:15px;width:18px}.end-row .name{font-size:13px}.end-row .pts{margin-left:auto;font-size:16px;display:flex;align-items:center;gap:4px}@keyframes triqConf{0%{transform:translateY(-14px) rotate(0)}to{transform:translateY(90px) rotate(200deg)}}.confetti{position:absolute;border:2px solid var(--ink);animation:triqConf 1.5s ease-in infinite}.banner{display:flex;align-items:center;gap:8px;margin:0 12px 6px;padding:7px 11px;font-weight:800;font-size:12px;text-align:left;line-height:1.3;background:var(--paper-bright);border:2.5px solid var(--ink);box-shadow:var(--shadow-s);border-radius:10px;flex-shrink:0}.banner.hit{background:#fdecec;border-color:var(--red);box-shadow:3px 3px 0 var(--red)}.toast{position:absolute;left:50%;bottom:110px;transform:translate(-50%);z-index:70;background:var(--ink);color:var(--paper);font-weight:800;font-size:13px;border:2.5px solid var(--paper);box-shadow:4px 4px #0006;padding:8px 14px;border-radius:10px;max-width:90%}