*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;margin:0}body{font-family:Segoe UI,system-ui,-apple-system,sans-serif;background:radial-gradient(120% 90% at 50% 0%,#0d3557,#072238 45%,#04121f);color:#dceefc;overscroll-behavior:none;-webkit-user-select:none;user-select:none;touch-action:manipulation}.app{height:100%}:root{--gold: #e8c05a;--gold-dim: #a8893c;--blue: #2f9fe0;--panel: #0b2237ee;--line: #1d4a6e;--card-w: clamp(58px, 16.5vw, 96px);--hand-h: clamp(96px, 15dvh, 150px)}.btn{background:linear-gradient(#173d5c,#0e2c46);color:#dceefc;border:1px solid var(--line);border-radius:10px;padding:10px 16px;font-size:15px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:6px;justify-content:center}.btn:disabled{opacity:.4}.btn.primary{background:linear-gradient(#ffd97a,#cf9c2f);border-color:#8a6a1e;color:#2b1d04;text-shadow:0 1px 0 #ffe9ad}.btn.danger{background:linear-gradient(#6e2331,#4a1620);border-color:#7c3040}.btn.small{padding:7px 14px;font-size:13px;border-radius:8px}.input{background:#08192b;border:1px solid var(--line);color:#dceefc;border-radius:10px;padding:12px 14px;font-size:16px;width:100%}.input.code{text-align:center;letter-spacing:.5em;font-size:24px;text-transform:uppercase}.row{display:flex;gap:10px}.row.center{justify-content:center;margin-top:12px}.col{display:flex;flex-direction:column;gap:8px}.hint{color:#9fc2dc;font-size:13px;margin:6px 0}.hint.dim{opacity:.6}.toast{position:fixed;top:max(10px,env(safe-area-inset-top));left:50%;transform:translate(-50%);background:#71232f;border:1px solid #a8404f;color:#ffe1e6;padding:8px 16px;border-radius:10px;z-index:100;font-size:14px;animation:fadein .2s ease}.home{height:100%;display:grid;place-items:center;padding:20px}.home-inner{width:min(360px,92vw);display:flex;flex-direction:column;gap:12px;text-align:center}.home-fish{font-size:64px;filter:drop-shadow(0 6px 16px #2f9fe088)}.home h1{margin:0;font-size:44px;letter-spacing:.06em;color:var(--gold);font-variant:small-caps}.home h1.small{font-size:26px}.tagline{margin:0 0 10px;color:#9fc2dc}.credits{font-size:11px;color:#567d99;margin-top:18px;line-height:1.5}.lobby-code{font-size:42px;letter-spacing:.4em;padding:14px 0 14px .4em;color:var(--gold);background:#08192b;border:1px dashed var(--gold-dim);border-radius:14px;cursor:pointer}.lobby-players{display:flex;flex-direction:column;gap:6px;margin:10px 0}.lobby-player{display:flex;align-items:center;gap:8px;justify-content:center}.dot{width:9px;height:9px;border-radius:50%;display:inline-block}.dot.on{background:#46d68c}.dot.off{background:#777}.deck-picker{display:flex;gap:10px}.deck-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;background:#08192b;border:1px solid var(--line);border-radius:12px;padding:12px 8px;color:#9fc2dc;font-size:13px;font-weight:600;cursor:pointer}.deck-btn .sym{width:30px;height:30px}.deck-btn.on{border-color:var(--gold);color:#eaf5ff;background:#0e2c46;box-shadow:0 0 10px #e8c05a55}.lobby-deck{display:flex;align-items:center;justify-content:center;gap:8px;font-size:15px;font-weight:700;color:#eaf5ff}.lobby-deck .sym{width:20px;height:20px}.game{height:100dvh;display:flex;flex-direction:column;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);overflow:hidden}.playerbar{display:flex;align-items:center;gap:10px;padding:4px 8px;min-height:46px}.playerbar.top{border-bottom:1px solid #123049;background:#06182999}.badge{position:relative;display:flex;align-items:center;gap:8px;padding:2px 6px;border-radius:12px}.badge.turn{background:#0e2c4688}.badge.targetable{outline:2px solid var(--gold);animation:pulse 1s infinite;cursor:pointer}.avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(#2f9fe0,#175a88);display:grid;place-items:center;font-weight:800;color:#04121f;position:relative;flex:none}.avatar .dc{position:absolute;bottom:-4px;right:-4px;font-size:12px}.badge-name{font-size:12px;font-weight:600;color:#bcd9ee}.badge-info{display:flex;flex-direction:column}.lives{display:flex;gap:3px;font-size:15px;align-items:center}.life-fish.off{filter:grayscale(1) brightness(.4)}.life-count{font-weight:800;font-size:14px;color:#bcd9ee;animation:lifepop .5s ease}.life-count.danger{color:#ff5f6e}@keyframes lifepop{0%{transform:scale(1.6);color:#ff5f6e}to{transform:scale(1)}}.float-dmg{position:absolute;right:-18px;top:0;color:#ff5f6e;font-weight:900;font-size:20px;animation:floatup 1.5s ease forwards;pointer-events:none}.opp-hand{margin-left:auto;display:flex;align-items:center;gap:2px;padding-right:4px}.mini-back{width:17px;height:24px;border-radius:3px;margin-left:-7px;background:linear-gradient(135deg,#10395c,#071c2e);border:1px solid #2b5c84}.hand-count{font-size:12px;color:#9fc2dc;margin-left:6px}.bf{flex:1;display:flex;flex-direction:column;justify-content:center;gap:4px;min-height:0;padding:2px 4px}.bf.their{justify-content:flex-end}.bf.mine{justify-content:flex-start}.bf-row{display:flex;gap:5px;justify-content:center;align-items:center;min-height:34px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding:8px 6px 11px}.bf-row::-webkit-scrollbar{display:none}.perm{position:relative;flex:none;cursor:pointer;width:calc(var(--card-w) * .94);height:calc(var(--card-w) * .94);border-radius:12px;border:2px solid #29587c;overflow:visible;background:#0a2036;box-shadow:0 3px 8px #0008;transition:transform .18s ease,box-shadow .18s ease,opacity .18s ease}.perm-other{width:calc(var(--card-w) * .78);height:calc(var(--card-w) * .78);border-radius:50%}.perm-art{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background-size:cover;background-position:center 30%}.perm-name{position:absolute;bottom:-2px;left:50%;transform:translate(-50%);background:#04121fdd;border:1px solid #29587c;border-radius:6px;font-size:8.5px;padding:1px 5px;white-space:nowrap;max-width:130%;overflow:hidden;text-overflow:ellipsis}.perm-creature{border-color:#3d729e}.perm.tapped{transform:rotate(18deg);opacity:.85}.perm.tapped .perm-art{filter:grayscale(.65) brightness(.7)}.tapped-badge{position:absolute;top:-8px;right:-8px;z-index:3;width:19px;height:19px;border-radius:50%;background:#04121fee;border:1px solid #7ba2c0;display:grid;place-items:center;font-size:12px}.land-group{position:relative;flex:none;margin-right:9px}.land-group .perm{position:relative;z-index:2}.land-layer{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:12px;border:2px solid #234b6b;background:#0a2036}.land-layer.l1{transform:translate(4px,-3px);opacity:.85;z-index:1}.land-layer.l2{transform:translate(8px,-6px);opacity:.5;z-index:0}.land-group.tapped .land-layer.l1{transform:translate(4px,-3px) rotate(18deg)}.land-group.tapped .land-layer.l2{transform:translate(8px,-6px) rotate(18deg)}.group-count{position:absolute;bottom:-7px;right:-2px;z-index:3;background:#04121f;border:1px solid var(--gold-dim);color:var(--gold);border-radius:9px;font-size:11px;font-weight:800;padding:1px 7px}.perm.targetable.own{border-color:#46d68c;animation-name:pulse-green}.perm.targetable.enemy{border-color:#ff5f6e;animation-name:pulse-red}.perm.stolen-yours{outline:2px dashed #46d68c99;outline-offset:2px}.perm.stolen-theirs{outline:2px dashed #ff5f6e99;outline-offset:2px}@keyframes pulse-green{0%,to{box-shadow:0 0 4px #46d68c66}50%{box-shadow:0 0 16px #46d68ccc}}@keyframes pulse-red{0%,to{box-shadow:0 0 4px #ff5f6e66}50%{box-shadow:0 0 16px #ff5f6ecc}}.perm.sick .perm-art{filter:saturate(.55)}.perm.attacking{transform:translateY(-8px) scale(1.06);border-color:#ff9d4d;box-shadow:0 0 14px #ff9d4d99}.bf.their .perm.attacking{transform:translateY(8px) scale(1.06)}.perm.blocking{border-color:#6fd3ff;box-shadow:0 0 10px #6fd3ff77}.perm.selected{border-color:var(--gold);box-shadow:0 0 12px #e8c05aaa;transform:translateY(-6px)}.perm.targetable{border-color:var(--gold);animation:pulse 1s infinite}.perm.attacker-pick{border-color:#ff9d4d88}.perm.danced .perm-art{filter:hue-rotate(40deg) saturate(1.6)}.perm.danced{border-color:#b78aff;box-shadow:0 0 12px #b78aff88}.pt{position:absolute;right:-6px;bottom:-6px;z-index:2;background:radial-gradient(#ffd97a,#b07d1c);color:#241703;font-weight:900;font-size:12px;border-radius:50%;min-width:24px;height:24px;display:grid;place-items:center;border:2px solid #6d4c10;padding:0 3px}.pt.hurt{background:radial-gradient(#ff8d8d,#a12626);color:#2b0404;border-color:#6d1010}.fx-badge{position:absolute;top:-7px;left:-6px;z-index:2;font-size:8px;font-weight:700;padding:2px 5px;border-radius:7px;background:#123a5a;border:1px solid #3d729e;white-space:nowrap}.fx-badge.dance{background:#4b2b7a;border-color:#b78aff;font-size:11px}.fx-badge.swap{background:#5a3a12;border-color:#c08a3e;top:auto;bottom:-9px;left:-4px}.fx-badge.aura{top:-9px;left:auto;right:-6px}.fx-badge.aura.mine{background:#14502f;border-color:#46d68c}.fx-badge.aura.theirs{background:#5a1622;border-color:#ff5f6e}.fx-badge.token{background:#114a5c;border-color:#4fc3dd;left:auto;right:-4px;top:auto;bottom:-8px}.center{display:flex;align-items:center;gap:8px;padding:3px 8px;background:#06182966;border-top:1px solid #0f2c44;border-bottom:1px solid #0f2c44;min-height:64px}.pile{position:relative;flex:none;cursor:pointer}.pile-card{width:38px;height:53px;border-radius:6px;background-size:cover;background-position:center;border:1px solid #2b5c84;box-shadow:2px 2px #08203466,4px 4px #08203444}.pile-card.back{background:repeating-linear-gradient(135deg,#10395c 0,#10395c 6px,#0a2740 6px,#0a2740 12px)}.pile-card.empty{background:#08192b;border-style:dashed;box-shadow:none}.pile-count{position:absolute;bottom:-6px;right:-8px;background:#04121f;border:1px solid var(--line);font-size:11px;font-weight:700;border-radius:9px;padding:1px 6px}.known-top{position:absolute;top:-8px;right:-10px;width:24px;height:24px;border-radius:50%;background-size:cover;background-position:center;border:2px solid var(--gold);box-shadow:0 0 8px #e8c05a99}.known-top.public{border-color:#6fd3ff;box-shadow:0 0 8px #6fd3ff99}.exile-chip{position:absolute;top:-10px;left:-6px;font-size:10px;background:#2d1136;border:1px solid #8a4fa8;border-radius:8px;padding:1px 6px}.stack-area{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;min-width:0}.phase-strip{display:flex;align-items:center;gap:5px;font-size:10px;color:#7ba2c0;flex-wrap:wrap;justify-content:center}.turn-arrow{font-weight:700;font-size:10px}.turn-arrow.mine{color:#46d68c}.turn-arrow.theirs{color:#ff9d4d}.phase-dot{padding:1px 5px;border-radius:6px;background:#0a2036;border:1px solid #14324c}.phase-dot.on{background:var(--gold);color:#241703;font-weight:800;border-color:var(--gold-dim)}.phase-label{font-size:10px;opacity:.8}.stack-items{display:flex;gap:6px;overflow-x:auto;max-width:100%;padding:2px;scrollbar-width:none}.stack-item{position:relative;flex:none;display:flex;align-items:center;gap:5px;font-size:11px;font-weight:600;padding:3px 8px 3px 3px;border-radius:8px;border:1px solid #3d729e;background:#0e2c46;cursor:pointer;animation:fadein .25s ease}.stack-item.mine{border-color:#46d68c88}.stack-item.theirs{border-color:#ff5f6e88}.stack-item.targetable{border-color:var(--gold);animation:pulse 1s infinite}.stack-art{width:22px;height:22px;border-radius:5px;background-size:cover;background-position:center}.promptbar{display:flex;align-items:center;gap:10px;padding:5px 10px;min-height:42px;background:#061829cc}.promptbar .prompt-text{flex:1;font-size:13px;color:#9fc2dc}.promptbar.your-move .prompt-text{color:var(--gold);font-weight:600}.promptbar.targeting{background:#2b1f04;border-top:1px solid var(--gold-dim)}.promptbar.targeting .prompt-text{color:var(--gold);font-weight:700}.promptbar.attack{background:#2b1204}.promptbar.attack .prompt-text,.promptbar.block .prompt-text{color:#ff9d4d;font-weight:700}.promptbar.block{background:#04202b}.handrow{display:flex;align-items:flex-end;gap:2px;padding:4px 4px 6px;background:linear-gradient(#06182900,#04121f);position:relative;min-height:var(--hand-h)}.handrow .badge{padding:2px}.handrow .badge-name{display:none}.hand{flex:1;display:flex;justify-content:center;align-items:flex-end;min-width:0;padding-top:10px}.hand-card{flex:0 1 auto;min-width:26px;cursor:pointer;transition:transform .15s ease;margin-left:-16px}.hand-card .card{--card-w: clamp(70px, 21vw, 116px)}.hand-card:first-child{margin-left:0}.hand-card:hover,.hand-card:active{transform:translateY(-14px);z-index:5}.hand-card.castable .card{box-shadow:0 0 12px #67e06788,0 0 3px #67e067;border-color:#67e067}.floating-mana{position:absolute;right:8px;top:-26px;display:flex;gap:4px;background:#04121fdd;padding:4px 7px;border-radius:10px;border:1px solid var(--line)}.card{width:var(--card-w);aspect-ratio:63/88;background:linear-gradient(#12283e,#0a1c2e);border:2px solid #29587c;border-radius:calc(var(--card-w) * .09);display:flex;flex-direction:column;overflow:hidden;position:relative;font-size:calc(var(--card-w) * .105);box-shadow:0 4px 10px #0009}.card.lg{--card-w: min(64vw, 300px);width:var(--card-w);font-size:calc(var(--card-w) * .055)}.card.back{background:repeating-linear-gradient(135deg,#10395c 0,#10395c 8px,#0a2740 8px,#0a2740 16px)}.card.creature{border-color:#3f7fae}.card.land{border-color:#2e7d72}.card.ench{border-color:#7a5fae}.card.instant,.card.sorcery{border-color:#35648c}.card.danced{border-color:#b78aff;box-shadow:0 0 12px #b78aff66}.card-top{display:flex;align-items:center;justify-content:space-between;gap:3px;padding:3px 5px;background:#04121fbb;z-index:1}.card-name{font-weight:700;font-size:1em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#eaf5ff}.card-art{flex:1.6;background-size:cover;background-position:center 25%;min-height:0}.card-type{font-size:.82em;padding:2px 5px;color:#9fc2dc;background:#04121fbb;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-text{flex:1.4;font-size:.85em;line-height:1.35;padding:5px 7px;color:#cfe4f4;overflow-y:auto;white-space:pre-wrap;-webkit-user-select:none;user-select:none;background:#081c2ecc}.card-extra{margin-top:5px;color:#ffd97a}.card-swap{margin-top:5px;color:#ffb26f;font-style:italic}.card .pt{right:3px;bottom:3px}.token-badge{position:absolute;top:34%;left:50%;transform:translate(-50%) rotate(-8deg);background:#114a5cdd;border:1px solid #4fc3dd;font-size:.7em;padding:1px 6px;border-radius:6px}.pips{display:inline-flex;gap:2px;align-items:center}.sym{width:1em;height:1em;display:inline-block;vertical-align:-.13em;border-radius:50%;flex:none;filter:drop-shadow(-.05em .09em 0 rgba(2,10,18,.6))}.pips .sym{width:1.2em;height:1.2em}.btn .sym{width:1.1em;height:1.1em}.card-text .sym{vertical-align:-.11em}.mana-count{display:inline-flex;align-items:center;gap:3px;font-size:14px}.mana-count b{font-weight:800;color:#eaf5ff}.mana-count .sym{width:1.25em;height:1.25em}.pip{width:1.5em;height:1.5em;border-radius:50%;display:inline-grid;place-items:center;font-size:.9em;font-weight:800;flex:none}.pip.u{background:radial-gradient(#8fd4ff,#1976b8);color:#04263f}.pip.r{background:radial-gradient(#ffb08a,#c23e18);color:#3b0d02}.pip.b{background:radial-gradient(#b8a6ba,#3a2c3e);color:#f0e6f2}.pip.c{background:radial-gradient(#d8d2c4,#8f8877);color:#2e2a1f}.sheet-backdrop,.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#020a12aa;z-index:40;display:flex;align-items:flex-end;justify-content:center;animation:fadein .15s ease}.overlay{align-items:center;padding:14px}.sheet{width:100%;max-width:480px;background:var(--panel);border-top:1px solid var(--line);border-radius:18px 18px 0 0;padding:12px 12px calc(10px + env(safe-area-inset-bottom));display:flex;gap:12px;align-items:flex-start;justify-content:center;max-height:76dvh;overflow-y:auto;animation:slideup .18s ease}.sheet .card{flex:none}.sheet .card.lg{--card-w: min(42vw, 185px);width:var(--card-w);font-size:calc(var(--card-w) * .062)}.sheet-actions{display:flex;flex-direction:column;gap:8px;flex:1;max-width:190px}.overlay-panel{background:var(--panel);border:1px solid var(--line);border-radius:16px;width:min(560px,96vw);max-height:86dvh;overflow-y:auto;padding:14px;animation:slideup .18s ease}.overlay-panel.narrow{width:min(340px,92vw);display:flex;flex-direction:column;gap:10px;text-align:center}.overlay-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.overlay-head h2{margin:0;font-size:18px;color:var(--gold)}.pile-grid{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.known-entry{display:flex;flex-direction:column;gap:4px;align-items:center}.known-pos{font-size:11px;color:var(--gold)}.log-list{display:flex;flex-direction:column;gap:4px}.log-line{font-size:13px;color:#b5d2e8;border-bottom:1px solid #0f2c44;padding:3px 0}.menu-toggle{display:flex;gap:10px;align-items:center;font-size:14px;padding:8px}.choice-source{display:flex;align-items:center;gap:8px;margin-bottom:4px}.choice-art{width:30px;height:30px;border-radius:8px;background-size:cover;background-position:center}.choice-prompt{font-size:16px;margin:4px 0 12px;color:#eaf5ff}.pick{position:relative;cursor:pointer;border-radius:10px}.pick.picked .card{border-color:var(--gold);box-shadow:0 0 12px #e8c05a99}.pick-order{position:absolute;top:-8px;left:-8px;z-index:3;background:var(--gold);color:#241703;font-weight:900;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-size:13px}.name-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px;margin-top:8px}.name-card{display:flex;align-items:center;gap:8px;background:#0a2036;border:1px solid var(--line);border-radius:10px;padding:6px 8px;cursor:pointer;font-size:13px;font-weight:600}.name-card:active{border-color:var(--gold)}.name-card.suggested{border-color:var(--gold);box-shadow:0 0 10px #e8c05a55}.name-card.own{border-left:3px solid #46d68c}.name-card.enemy{border-left:3px solid #ff5f6e}.owner-chip{margin-left:auto;font-size:10px;font-weight:700;padding:1px 6px;border-radius:7px}.owner-chip.own{background:#14502f;color:#7dedb1}.owner-chip.enemy{background:#5a1622;color:#ff9aa5}.btn.primary.zero-actions{animation:endturn-glow 1.1s ease-in-out infinite}@keyframes endturn-glow{0%,to{box-shadow:0 0 6px #e8c05a55;transform:scale(1)}50%{box-shadow:0 0 20px #ffd97a,0 0 34px #e8c05a88;transform:scale(1.06)}}.name-art{width:34px;height:34px;border-radius:8px;background-size:cover;background-position:center 25%;flex:none}.word-grid{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.btn.word{padding:7px 12px;font-size:13px;text-transform:capitalize}.btn.word.land{border-color:#2e7d72}.btn.word.color{border-color:#7a5fae}.btn.word.on{background:var(--gold);color:#241703}.btn.word.suggested{border-color:var(--gold-dim);box-shadow:0 0 8px #e8c05a44}.overlay.mull .overlay-panel{width:min(98vw,900px)}.mull-hand{display:flex;flex-wrap:nowrap;gap:4px;justify-content:center;margin:12px 0}.mull-hand .card{--card-w: min(calc((100vw - 64px) / 7), 110px)}.overlay.gameover .overlay-panel h1{color:var(--gold);margin:6px 0}.ticker{position:fixed;left:50%;transform:translate(-50%);bottom:calc(var(--hand-h) + 52px);max-width:92vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:#04121fcc;border:1px solid #0f2c44;border-radius:10px;font-size:11px;color:#8fb4d0;padding:3px 12px;z-index:8;cursor:pointer}.active-glow{box-shadow:inset 0 -2px 12px #e8c05a33}.handrow.collapsed{min-height:48px}.hand-stack{position:relative;display:flex;align-items:center;gap:2px;background:#0b2237cc;border:1px solid var(--line);border-radius:12px;padding:8px 14px 8px 10px;cursor:pointer;color:#dceefc;margin-left:6px}.hand-stack .mini-back{width:20px;height:28px;margin-left:-8px}.hand-stack .mini-back:first-child{margin-left:0;transform:rotate(-6deg)}.hand-stack-count{font-weight:800;font-size:14px;margin-left:7px}.hand-stack-dot{position:absolute;top:-4px;right:-4px;width:12px;height:12px;border-radius:50%;background:#67e067;box-shadow:0 0 8px #67e067;animation:pulse 1.2s infinite}.chip-btn.hand-min{align-self:center}.fs-btn{position:fixed;right:calc(env(safe-area-inset-right) + 8px);bottom:calc(env(safe-area-inset-bottom) + 8px);z-index:60;width:34px;height:34px;border-radius:50%;background:#0b2237cc;border:1px solid var(--line);color:#9fc2dc;display:grid;place-items:center;font-size:16px;cursor:pointer;opacity:.75}.fs-btn.on{color:var(--gold);border-color:var(--gold-dim)}.fs-btn:active{opacity:1}.preview-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:grid;place-items:center;background:#020a12aa;pointer-events:none;animation:fadein .12s ease}.preview-layer .card.lg{--card-w: min(48vw, 210px, 39.375dvh );width:var(--card-w);font-size:calc(var(--card-w) * .062);box-shadow:0 16px 60px #000d,0 0 30px #2f9fe044}body{-webkit-touch-callout:none}@keyframes pulse{0%,to{box-shadow:0 0 4px #e8c05a66}50%{box-shadow:0 0 16px #e8c05acc}}@keyframes floatup{0%{transform:translateY(0);opacity:1}to{transform:translateY(-34px);opacity:0}}@keyframes fadein{0%{opacity:0}to{opacity:1}}@keyframes slideup{0%{transform:translateY(24px);opacity:.5}to{transform:translateY(0);opacity:1}}.hand-card{touch-action:none}.hand-card.sel{transform:translateY(-18px);z-index:6}.hand-card.sel .card{border-color:var(--gold);box-shadow:0 0 14px #e8c05aaa}.hand-chips{position:absolute;left:50%;transform:translate(-50%);bottom:calc(100% + 6px);display:flex;gap:6px;flex-wrap:wrap;justify-content:center;background:#0b2237f2;border:1px solid var(--line);border-radius:12px;padding:6px 8px;z-index:22;max-width:94vw;animation:slideup .15s ease}.yesno-cards{display:flex;gap:10px;justify-content:center;margin-bottom:6px}.yesno-cards .card.lg{--card-w: min(44vw, 195px);width:var(--card-w);font-size:calc(var(--card-w) * .062)}.hand-card.dragging{opacity:.35}.drag-ghost{position:fixed;z-index:70;pointer-events:none;transform:translate(-50%,-110%) rotate(-3deg) scale(1.04);filter:drop-shadow(0 14px 24px #000000cc)}.drop-zone-hint{position:fixed;left:8px;right:8px;top:calc(6px + env(safe-area-inset-top));height:60dvh;border:2px dashed #e8c05a66;border-radius:18px;background:#e8c05a0d;z-index:9;pointer-events:none;animation:fadein .15s ease}.phase-strip.tappable{cursor:pointer;padding:2px 6px;border-radius:8px}.phase-strip.tappable:active{background:#0e2c4688}.phase-gear{font-size:10px;opacity:.75}.phase-gear.armed{opacity:1;color:var(--gold);text-shadow:0 0 6px #e8c05a99}.overlay-panel.stops{text-align:left}.stops-grid{display:grid;grid-template-columns:auto 1fr 1fr;gap:8px 10px;align-items:center;margin:6px 0 2px}.stops-grid .col-head{font-size:11px;color:#9fc2dc;text-align:center;font-weight:700}.stops-grid .row-head{font-size:13px;color:#bcd9ee;font-weight:600}.stop-chip{width:100%;height:34px;border-radius:10px;cursor:pointer;border:1px solid var(--line);background:#0a2036;color:#7ba2c0;font-size:15px}.stop-chip.on{background:linear-gradient(#ffd97a,#cf9c2f);color:#2b1d04;border-color:var(--gold-dim);box-shadow:0 0 10px #e8c05a88;font-weight:700}.overlay-panel.stops .menu-toggle{padding:6px 2px}.chip-btn{flex:none;width:32px;height:32px;border-radius:50%;padding:0;border:1px solid var(--line);background:#0a2036;color:#9fc2dc;font-size:15px;cursor:pointer;display:grid;place-items:center;line-height:1}.chip-btn.on{background:linear-gradient(#ffd97a,#cf9c2f);color:#2b1d04;border-color:var(--gold-dim);box-shadow:0 0 10px #e8c05a88}.chip-btn.dim{opacity:.35}.revert-banner{position:fixed;top:max(8px,env(safe-area-inset-top));left:50%;transform:translate(-50%);z-index:46;display:flex;align-items:center;gap:8px;background:#0b2237f2;border:1px solid var(--gold-dim);border-radius:12px;padding:6px 10px;font-size:12.5px;color:#eaf5ff;max-width:96vw;box-shadow:0 6px 18px #000a;animation:fadein .2s ease}.revert-banner span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pick.reorder{touch-action:none}.pick.drag-src{opacity:.55}.pick.drag-src .card{border-color:var(--gold);box-shadow:0 0 14px #e8c05acc}.game.theme-black{background:radial-gradient(120% 90% at 50% 0%,#40161f,#260d14 45%,#12050a)}.theme-black .playerbar.top{background:#1c090f99;border-bottom-color:#34121d}.theme-black .avatar{background:linear-gradient(#c25668,#6e2331);color:#1a0308}.theme-black .badge.turn{background:#3a162088}.theme-black .center{background:#1c090f66;border-top-color:#2c101a;border-bottom-color:#2c101a}.theme-black .promptbar{background:#170810cc}.theme-black .handrow{background:linear-gradient(#1c090f00,#12050a)}.cast-x{display:inline-flex;align-items:center;gap:6px}.cast-x .chip-btn.x-step{width:26px;height:26px;font-size:15px;font-weight:800}.cast-x .x-val{font-size:13px;font-weight:800;color:var(--gold);min-width:32px;text-align:center}.pile-cast{cursor:pointer;border-radius:10px}.pile-cast .card{border-color:#67e067;box-shadow:0 0 12px #67e06788,0 0 3px #67e067;animation:fxCastBreathe 2.6s ease-in-out infinite}.game.cost-pick .perm.targetable.own,.game.cost-pick .perm.targetable.enemy{border-color:var(--gold);animation-name:pulse}@media (min-width: 700px){:root{--card-w: 92px}.perm{width:86px;height:86px}.perm-other{width:70px;height:70px}}.fx-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;pointer-events:none;overflow:hidden}.fx-layer>*{position:absolute;left:0;top:0;will-change:transform,opacity}.fx-card{border-radius:6px;background-size:cover;background-position:center 25%;background-color:#0a2036;border:1px solid #2b5c84;box-shadow:0 6px 14px #000a}.fx-card-back{background:repeating-linear-gradient(135deg,#10395c 0,#10395c 6px,#0a2740 6px,#0a2740 12px)}.fx-splash{border-radius:10px;background-size:cover;background-position:center 25%;background-color:#0a2036;border:2px solid #6fd3ff;box-shadow:0 0 26px #6fd3ffcc,0 10px 40px #000c;display:flex;align-items:flex-end;overflow:hidden}.fx-splash.gold{border-color:var(--gold);box-shadow:0 0 26px #e8c05acc,0 10px 40px #000c}.fx-splash.orange{border-color:#ff9d4d;box-shadow:0 0 26px #ff9d4dcc,0 10px 40px #000c}.fx-splash-name{width:100%;text-align:center;font-size:11px;font-weight:700;color:#eaf5ff;background:#04121fd9;padding:3px 4px}.fx-pop{font-weight:900;white-space:nowrap}.fx-pop.dmg{color:#ff5f6e;font-size:18px;text-shadow:0 1px 3px #000}.fx-pop.counter{color:#9fe2ff;font-size:21px;letter-spacing:.04em;text-shadow:0 0 14px #2f9fe0,0 1px 3px #000}.fx-ripple{border-radius:50%;border:2px solid #6fd3ffcc;box-shadow:inset 0 0 12px #6fd3ff77,0 0 12px #6fd3ff55}.fx-bubble{width:7px;height:7px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#dff4ffee,#6fd3ff88 60%,transparent 75%)}.fx-shard{width:10px;height:4px;border-radius:2px;background:linear-gradient(#bfe9ff,#2f9fe0);box-shadow:0 0 8px #6fd3ffcc}.fx-sparkle{font-size:14px}.fx-reveal{display:flex;align-items:center;gap:8px;background:#0b2237f2;border:1px solid var(--gold-dim);border-radius:12px;padding:6px 12px 6px 6px;box-shadow:0 8px 24px #000a;max-width:86vw}.fx-reveal-art{width:40px;height:40px;border-radius:8px;background-size:cover;background-position:center 25%;flex:none}.fx-reveal-name{font-size:13px;font-weight:700;color:#eaf5ff;white-space:nowrap}.fx-reveal-ctx{font-size:10px;color:#9fc2dc;white-space:nowrap}.fx-turn-banner{font-size:clamp(20px,6.5vw,28px);font-weight:900;letter-spacing:.08em;font-variant:small-caps;padding:12px 38px;border-radius:14px;white-space:nowrap}.fx-turn-banner.mine{color:#ffe9ad;text-shadow:0 0 16px #e8c05a,0 2px 4px #000;background:linear-gradient(90deg,#4a3a1000,#4a3a10e6 18%,#4a3a10e6 82%,#4a3a1000);border-top:1px solid #e8c05a77;border-bottom:1px solid #e8c05a77}.fx-turn-banner.theirs{color:#cfeaff;text-shadow:0 0 16px #2f9fe0,0 2px 4px #000;background:linear-gradient(90deg,#0c335000,#0c3350e6 18%,#0c3350e6 82%,#0c335000);border-top:1px solid #6fd3ff66;border-bottom:1px solid #6fd3ff66}@keyframes fxShake{0%,to{transform:translate(0)}25%{transform:translate(-3px,1px)}50%{transform:translate(3px,-1px)}75%{transform:translate(-2px,1px)}}.game.fx-shake{animation:fxShake .16s linear}@keyframes fxHitGlow{0%,to{box-shadow:0 3px 8px #0008}30%{box-shadow:0 0 18px #ff3b4dcc}}@keyframes fxHitArt{0%,to{transform:none;filter:none}25%{transform:translate(-3px);filter:saturate(2.2) brightness(1.3) hue-rotate(-30deg)}55%{transform:translate(3px);filter:saturate(1.6) brightness(1.15) hue-rotate(-15deg)}}.perm.fx-hit{animation:fxHitGlow .4s ease}.perm.fx-hit .perm-art{animation:fxHitArt .4s ease}@keyframes fxBadgeShake{0%,to{transform:none}25%{transform:translate(-3px)}50%{transform:translate(3px)}75%{transform:translate(-2px)}}.badge.fx-badge-shake{animation:fxBadgeShake .35s ease}@keyframes fxFishFlip{0%{transform:rotate(0) scale(1);filter:grayscale(0) brightness(1)}45%{transform:rotate(-160deg) scale(1.45);filter:grayscale(.5) brightness(.8)}70%{transform:rotate(-190deg) scale(.95)}to{transform:rotate(-180deg) scale(1);filter:grayscale(1) brightness(.4)}}.life-fish{display:inline-block}.lives.fx-fish-wobble .life-fish.on+.life-fish.off,.lives.fx-fish-wobble .life-fish.off:first-child{animation:fxFishFlip .7s ease}@keyframes fxSquash{0%,to{transform:none}50%{transform:scaleY(.85) translateY(2px)}}.pile.fx-squash{animation:fxSquash .24s ease}@keyframes fxRiffle{0%,to{transform:none}20%{transform:rotate(-5deg) translateY(-2px)}40%{transform:rotate(4deg)}60%{transform:rotate(-3deg) translateY(-1px)}80%{transform:rotate(2deg)}}.pile.fx-riffle{animation:fxRiffle .6s ease}@keyframes fxFlash{0%,to{filter:none}40%{filter:brightness(1.9) drop-shadow(0 0 10px #6fd3ff)}}.pile.fx-flash{animation:fxFlash .45s ease}@keyframes fxBobMy{0%,to{transform:translateY(-8px) scale(1.06)}50%{transform:translateY(-14px) scale(1.06)}}@keyframes fxBobTheir{0%,to{transform:translateY(8px) scale(1.06)}50%{transform:translateY(14px) scale(1.06)}}.perm.attacking{animation:fxBobMy 2.4s ease-in-out infinite}.bf.their .perm.attacking{animation:fxBobTheir 2.4s ease-in-out infinite}@keyframes fxLungeMy{40%{transform:translateY(-30px) scale(1.15)}}@keyframes fxLungeTheir{40%{transform:translateY(30px) scale(1.15)}}.perm.fx-lunge{animation:fxLungeMy .5s cubic-bezier(.2,.7,.3,1);z-index:3}.bf.their .perm.fx-lunge{animation:fxLungeTheir .5s cubic-bezier(.2,.7,.3,1);z-index:3}.perm.danced .perm-art{overflow:hidden}.perm.danced .perm-art:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(115deg,transparent 35%,#d9baff59 50%,transparent 65%);animation:fxShimmer 3.2s linear infinite}@keyframes fxShimmer{0%{transform:translate(-100%)}60%,to{transform:translate(100%)}}@keyframes fxAttention{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.promptbar.your-move .btn.primary{animation:fxAttention 1.5s ease-in-out infinite}.promptbar.your-move .btn.primary:active{animation:none}@keyframes fxCastBreathe{0%,to{box-shadow:0 0 9px #67e06777,0 0 3px #67e067}50%{box-shadow:0 0 18px #67e067bb,0 0 4px #67e067}}.hand-card.castable .card{animation:fxCastBreathe 2.6s ease-in-out infinite}.overlay.gameover .confetti{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.overlay.gameover .confetti span{position:absolute;bottom:-34px;will-change:transform,opacity;filter:drop-shadow(0 0 6px #e8c05a99);animation:fxConfetti 3s linear infinite}@keyframes fxConfetti{0%{transform:translateY(0) rotate(0);opacity:0}12%{opacity:1}to{transform:translateY(-108dvh) rotate(320deg);opacity:0}}.overlay.gameover.defeat{background:linear-gradient(#08203acc,#020a12e6)}.overlay.gameover.defeat .overlay-panel{animation:fxSinkIn 1.3s ease;filter:saturate(.7)}.overlay.gameover.defeat h1{color:#7ba2c0}@keyframes fxSinkIn{0%{transform:translateY(-38px);opacity:0}to{transform:translateY(0);opacity:1}}@media (prefers-reduced-motion: reduce){.game.fx-shake,.perm.fx-hit,.perm.fx-hit .perm-art,.badge.fx-badge-shake,.pile.fx-squash,.pile.fx-riffle,.perm.attacking,.bf.their .perm.attacking,.perm.fx-lunge,.bf.their .perm.fx-lunge,.perm.danced .perm-art:after,.promptbar.your-move .btn.primary,.hand-card.castable .card,.pile-cast .card,.overlay.gameover .confetti span{animation:none}.lives.fx-fish-wobble .life-fish.on+.life-fish.off,.lives.fx-fish-wobble .life-fish.off:first-child{animation:none}}