.home{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:36px;padding:24px}.home-hero{text-align:center;animation:hero-float 5s ease-in-out infinite}@keyframes hero-float{50%{transform:translateY(-10px)}}.home-title{font-size:clamp(2.8rem,9vw,5.5rem);font-style:italic;animation:title-glow 3s ease-in-out infinite}@keyframes title-glow{50%{text-shadow:0 0 14px rgba(255,210,63,.9),0 0 40px rgba(244,124,32,.7),2px 2px 0 var(--ki-orange-deep)}}.home-sub{font-family:var(--font-title);color:var(--ki-orange);letter-spacing:.35em;text-transform:uppercase;margin-top:6px;text-shadow:0 1px 2px rgba(0,0,0,.9),0 0 12px rgba(5,6,15,.9)}.entry{--cut: 18px;position:relative;width:min(440px,92vw);background:linear-gradient(165deg,#181e3acc,#080a16e0);backdrop-filter:blur(10px) saturate(1.2);-webkit-backdrop-filter:blur(10px) saturate(1.2);clip-path:polygon(0 0,calc(100% - var(--cut)) 0,100% var(--cut),100% 100%,var(--cut) 100%,0 calc(100% - var(--cut)));animation:entry-in .5s cubic-bezier(.2,.9,.3,1.15) both}@keyframes entry-in{0%{opacity:0;transform:translateY(18px) scale(.97)}}.entry:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;background:linear-gradient(160deg,var(--ssj-gold),var(--ki-orange) 30%,rgba(244,124,32,.2) 55%,rgba(30,91,184,.7));clip-path:polygon(evenodd,0 0,calc(100% - var(--cut)) 0,100% var(--cut),100% 100%,var(--cut) 100%,0 calc(100% - var(--cut)),0 0,2px 2px,2px calc(100% - var(--cut) - 1px),calc(var(--cut) + 1px) calc(100% - 2px),calc(100% - 2px) calc(100% - 2px),calc(100% - 2px) calc(var(--cut) + 1px),calc(100% - var(--cut) - 1px) 2px,2px 2px)}.entry-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-right:28px}.entry-head-title{flex:1;padding:11px 34px 11px 22px;font-family:var(--font-title);font-style:italic;font-size:.95rem;letter-spacing:.08em;text-transform:uppercase;color:#2a1300;background:repeating-linear-gradient(115deg,rgba(255,255,255,.16) 0 2px,transparent 2px 14px),linear-gradient(90deg,var(--ssj-gold),var(--ki-orange) 60%,var(--ki-orange-deep));clip-path:polygon(0 0,100% 0,calc(100% - 22px) 100%,0 100%)}.entry-head-kanji{font-size:.8rem;letter-spacing:.12em;color:var(--ssj-gold);opacity:.6;white-space:nowrap}@media (max-width: 440px){.entry-head-kanji{display:none}.entry-head-title{white-space:nowrap}.entry-body{padding:18px}}.entry-body{display:flex;flex-direction:column;gap:12px;padding:20px 24px}.entry-label{font-size:.75rem;font-weight:700;color:var(--text-dim);text-transform:uppercase;letter-spacing:.14em}.entry-field{display:flex;align-items:center;gap:12px;padding:0 24px 0 12px;background:#0006;border-left:3px solid var(--ki-orange);border-bottom:1px solid rgba(255,255,255,.14);clip-path:polygon(0 0,100% 0,calc(100% - 14px) 100%,0 100%);transition:background .15s ease,border-color .15s ease}.entry-field:focus-within{background:#ffd23f12;border-left-color:var(--ssj-gold);border-bottom-color:var(--ssj-gold)}.entry-field input{flex:1;min-width:0;padding:13px 0;background:transparent;border:none;outline:none;color:var(--text);font-size:1.05rem;font-weight:500}.entry-field input::placeholder{color:#9aa3c78c}.entry-ball{flex:none;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;font-size:.75rem;color:var(--energy-red);background:radial-gradient(circle at 35% 30%,#ffe9a8,var(--star-orange) 70%);box-shadow:0 0 10px #ff8c2880}.scouter{position:relative;overflow:hidden;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:6px 12px;padding:9px 26px 10px 14px;font-family:var(--font-title);color:var(--scouter-green);background:linear-gradient(90deg,#3dff8a21,#3dff8a08);border-left:3px solid var(--scouter-green);clip-path:polygon(0 0,100% 0,calc(100% - 12px) 100%,0 100%)}.scouter:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;width:30%;background:linear-gradient(90deg,transparent,rgba(61,255,138,.18),transparent);animation:scouter-sweep 2.6s linear infinite}@keyframes scouter-sweep{0%{transform:translate(-100%)}to{transform:translate(400%)}}.scouter-label{font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;opacity:.75}.scouter-value{justify-self:end;font-size:1.15rem;font-variant-numeric:tabular-nums;text-shadow:0 0 8px rgba(61,255,138,.7)}.scouter-bar{grid-column:1 / -1;height:5px;background:#3dff8a1f}.scouter-bar i{display:block;height:100%;background:var(--scouter-green);box-shadow:0 0 8px var(--scouter-green);-webkit-mask:repeating-linear-gradient(90deg,#000 0 9px,transparent 9px 11px);mask:repeating-linear-gradient(90deg,#000 0 9px,transparent 9px 11px);transition:width .12s linear}.scouter.idle .scouter-value{opacity:.5;animation:blink 1.2s steps(2) infinite}.scouter.overload{color:#ff7a6a;border-left-color:var(--energy-red);background:linear-gradient(90deg,#e23b2e4d,#e23b2e0d);animation:scouter-shake .45s ease both}.scouter.overload .scouter-value{text-shadow:0 0 10px rgba(255,80,60,.9);animation:blink .5s steps(2) infinite}.scouter.overload .scouter-bar i{background:var(--energy-red);box-shadow:0 0 8px var(--energy-red)}@keyframes scouter-shake{20%{transform:translate(-4px)}40%{transform:translate(4px)}60%{transform:translate(-2px)}80%{transform:translate(2px)}}@keyframes blink{50%{opacity:.35}}.entry-actions{display:flex;flex-direction:column;gap:10px;margin-top:4px}.entry-actions.row{flex-direction:row}.entry-actions.row .entry-btn.gold{flex:2}.entry-actions.row .entry-btn.ghost{flex:1}.entry-btn{position:relative;overflow:hidden;padding:15px 26px;font-family:var(--font-title);font-style:italic;font-size:1.05rem;letter-spacing:.08em;text-transform:uppercase;clip-path:polygon(14px 0,100% 0,calc(100% - 14px) 100%,0 100%);box-shadow:inset 0 2px #ffffff59,inset 0 -3px #00000040}.entry-btn.gold{color:#2a1300;background:linear-gradient(180deg,#ffe680,var(--ssj-gold) 40%,var(--ki-orange))}.entry-btn.blue{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5);background:linear-gradient(180deg,#5596f2,var(--saiyan-blue) 55%,#123a7a)}.entry-btn.ghost{padding:13px 18px;font-size:.9rem;color:var(--text-dim);background:#ffffff12;box-shadow:inset 0 1px #ffffff14}.entry-btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.5) 50%,transparent 65%);transform:translate(-120%);transition:transform .55s ease}.entry-btn:not(:disabled):hover{transform:translateY(-2px);filter:brightness(1.08)}.entry-btn:not(:disabled):hover:after{transform:translate(120%)}.entry-btn:not(:disabled):active{transform:scale(.98)}.entry-btn:focus-visible{outline:none;filter:brightness(1.15);box-shadow:inset 0 0 0 2px #fff}.entry-join{display:flex;flex-direction:column;gap:12px}.code-slots{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.code-slot{display:grid;place-items:center;height:58px;font-family:var(--font-title);font-size:1.7rem;color:var(--ssj-gold);text-shadow:0 0 10px rgba(255,210,63,.6);background:#0006;border-bottom:3px solid rgba(255,255,255,.15);clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%);transition:border-color .15s ease,background .15s ease}.code-slot.filled{border-bottom-color:var(--ki-orange)}.code-slot.active{border-bottom-color:var(--ssj-gold);background:#ffd23f14}.code-slot.active:after{content:"";width:2px;height:26px;background:var(--ssj-gold);animation:blink 1s steps(2) infinite}.code-input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;opacity:0;font-size:16px;cursor:text}.entry-rejoin{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 10px 10px 14px;background:#ffd23f12;border-left:3px solid var(--ssj-gold)}.entry-rejoin p{margin:0;font-size:.85rem;color:var(--text-dim)}.entry-rejoin strong{color:var(--ssj-gold)}.entry-rejoin .entry-btn{flex:none;padding:10px 20px;font-size:.8rem}.entry-status{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:2px;font-size:.78rem;letter-spacing:.04em;color:var(--text-dim)}.entry-status-dot{width:7px;height:7px;border-radius:50%;background:var(--text-dim);animation:blink 1s steps(2) infinite}.entry-status.ok{color:var(--shenron-green)}.entry-status.ok .entry-status-dot{background:var(--scouter-green);box-shadow:0 0 8px var(--scouter-green);animation:none}.lobby{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;padding:24px}.lobby-leave{position:absolute;top:18px;left:18px}.lobby-code{display:flex;flex-direction:column;align-items:center;gap:4px}.lobby-code span{font-size:.8rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.1em}.lobby-code-btn{display:flex;flex-direction:column;align-items:center;gap:4px;background:transparent;border:none;padding:6px 14px;border-radius:var(--radius);transition:background .15s ease}.lobby-code-btn:hover{background:#ffffff0d}.lobby-code strong{font-family:var(--font-title);font-size:3rem;letter-spacing:.4em;color:var(--ssj-gold);text-shadow:var(--glow-gold);padding-left:.4em}.lobby-copy{display:inline-flex;align-items:center;gap:4px;font-size:.75rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.08em}.lobby-code-btn:hover .lobby-copy{color:var(--ssj-gold)}.lobby-player.empty{animation:empty-pulse 2s ease-in-out infinite}@keyframes empty-pulse{50%{opacity:.7}}.lp-ready.on{animation:ready-pop .3s ease}@keyframes ready-pop{0%{transform:scale(.7)}60%{transform:scale(1.15)}}.lobby-players{width:min(440px,92vw);padding:10px;display:flex;flex-direction:column;gap:8px}.lobby-player{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-radius:10px;background:#ffffff0a}.lobby-player.empty{opacity:.4;font-style:italic}.lp-name{font-weight:600}.lp-host{display:inline-flex;align-items:center;gap:3px;margin-left:8px;color:var(--ssj-gold);font-style:normal;font-size:.8rem}.lp-you{color:var(--text-dim);font-size:.8rem}.lp-ready{font-size:.85rem;color:var(--text-dim);padding:4px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.15)}.lp-ready.on{color:var(--void-900);background:var(--shenron-green);border-color:transparent;font-weight:700}.lobby-actions{display:flex;gap:12px}.lobby-hint{color:var(--text-dim);font-size:.85rem}.dragonballs{display:flex;gap:5px;align-items:center}.db{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;font-size:.7em;line-height:1}.db-filled{background:radial-gradient(circle at 35% 30%,#ffe9a8,var(--star-orange) 70%);box-shadow:var(--glow-gold);color:var(--energy-red)}.db-empty{background:#ffffff0f;border:1px solid rgba(255,255,255,.18)}.db-star{font-size:.85em;transform:translateY(-1px)}.card-pin-row{display:flex;flex-direction:column;gap:6px;flex-shrink:0}.card-pin{--pin-accent: var(--text-dim);width:52px;padding:0;border-radius:8px;background:var(--void-900);border:2px solid var(--pin-accent);display:flex;flex-direction:column;align-items:center;gap:2px;box-shadow:0 2px 10px #00000073;animation:pin-in .35s ease}.card-pin-temp{box-shadow:0 0 12px color-mix(in srgb,var(--pin-accent) 45%,transparent)}.card-pin-image{display:block;width:100%;height:auto;border-radius:inherit}@keyframes pin-in{0%{opacity:0;transform:translate(8px) scale(.85)}to{opacity:1;transform:none}}.opp-wrap{display:flex;align-items:flex-start;gap:8px}.opp-wrap .card-pin-row{padding-top:8px}.opp-side{display:flex;flex-direction:column;gap:6px;flex-shrink:0}.t-me-pins{display:flex;align-items:center;gap:8px}.t-me-pins .card-pin-row{flex-direction:row}.revealed-card{--rc-accent: var(--text-dim);display:flex;flex-direction:column;align-items:center;gap:6px;background:var(--void-900);border:2px solid var(--rc-accent);border-radius:12px;box-shadow:0 8px 28px #0000008c}.revealed-card--lg{width:148px;padding:0;animation:revealed-pop .45s ease}.revealed-card--sm{width:58px;padding:0;border-radius:8px;gap:2px;box-shadow:0 2px 10px #0006}.revealed-card-label{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--saiyan-blue)}.revealed-card-image{display:block;width:100%;height:auto;border-radius:inherit}@keyframes revealed-pop{0%{opacity:0;transform:scale(.75)}70%{transform:scale(1.04)}to{opacity:1;transform:scale(1)}}.peek-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:35;display:flex;align-items:center;justify-content:center;background:#04060eb8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:fade-in .25s ease}.peek-box{display:flex;flex-direction:column;align-items:center;gap:14px;padding:28px 36px 24px;max-width:90vw;text-align:center}.peek-title{font-family:var(--font-title);font-size:1.15rem;color:var(--saiyan-blue);margin:0}.peek-target{margin:0;font-size:1rem;color:var(--text)}.peek-target strong{color:var(--ssj-gold)}.peek-hint{margin:0;font-size:.8rem;color:var(--text-dim);font-style:italic}.opp-intel{display:flex;flex-direction:column;align-items:center;gap:4px;flex-shrink:0;padding-top:6px}.opp-intel-tag{font-size:.55rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--saiyan-blue);white-space:nowrap}.round-overlay{max-width:520px;width:92vw;gap:12px}.round-reason{margin:0;font-size:.9rem;color:var(--text-dim)}.round-winners{margin:0;font-size:1.05rem}.round-showdown{width:100%;padding:12px 0 4px;border-top:1px solid rgba(255,255,255,.1)}.round-showdown h3{margin:0 0 10px;font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:var(--ki-orange)}.round-showdown-cards{display:flex;flex-wrap:wrap;gap:14px;justify-content:center}.round-showdown-item{display:flex;flex-direction:column;align-items:center;gap:4px}.round-showdown-name{font-weight:700;font-size:.85rem}.round-showdown-val{font-size:.72rem;color:var(--text-dim)}.round-spy-bonus{margin:0;padding:10px 14px;border-radius:10px;background:#1e5bb833;border:1px solid rgba(30,91,184,.45);font-size:.88rem}.t-faceup{display:flex;flex-direction:column;align-items:center;gap:4px;padding-top:6px;border-top:1px solid rgba(255,255,255,.08);width:100%}.t-faceup-label{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-dim)}.t-faceup-cards{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.t-faceup-item{display:flex;flex-direction:column;align-items:center;gap:3px}.t-faceup-name{font-size:.55rem;color:var(--text-dim);text-align:center;max-width:58px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.t-faceup-hidden{width:58px;height:74px;display:flex;align-items:center;justify-content:center;border-radius:8px;font-family:var(--font-title);font-size:1.6rem;color:#ffd23fe6;text-shadow:0 0 8px rgba(255,210,63,.7);background:radial-gradient(circle at 50% 38%,rgba(255,210,63,.28),transparent 58%),linear-gradient(150deg,var(--ki-orange-deep),var(--saiyan-blue));border:2px dashed rgba(255,210,63,.55);box-shadow:inset 0 0 12px #0000008c}.t-header-center{display:flex;align-items:flex-start;gap:12px;flex-wrap:wrap;justify-content:center}.game-fx{position:fixed;left:50%;top:38%;z-index:7;pointer-events:none;transform:translate(-50%,-50%);text-align:center}.game-fx-ko{animation:fx-ko 1.5s ease forwards}.game-fx-ko-text{display:block;font-family:var(--font-title);font-size:clamp(4rem,14vw,7rem);font-style:italic;color:var(--energy-red);text-shadow:0 0 24px rgba(255,42,26,.9),0 0 60px rgba(255,42,26,.5);line-height:1}.game-fx-ko-name{display:block;margin-top:8px;font-size:1.1rem;font-weight:700;color:var(--text)}@keyframes fx-ko{0%{opacity:0;transform:translate(-50%,-50%) scale(.4) rotate(-8deg)}15%{opacity:1;transform:translate(-50%,-50%) scale(1.15) rotate(2deg)}30%{transform:translate(-50%,-50%) scale(1)}70%{opacity:1}to{opacity:0;transform:translate(-50%,-70%) scale(.95)}}.table-fx-shake{animation:table-shake .45s ease}.game-fx-shake-wrap{position:fixed;top:0;right:0;bottom:0;left:0;z-index:7;pointer-events:none;animation:table-shake .45s ease}@keyframes table-shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(7px)}60%{transform:translate(-5px)}80%{transform:translate(4px)}}.game-fx-duel{min-width:min(420px,92vw);padding:18px 22px;border-radius:16px;background:#06080ee6;border:1px solid rgba(255,255,255,.12);box-shadow:0 0 40px #f47c2040;animation:fx-duel 2.1s ease forwards}.game-fx-duel-title{margin:0 0 12px;font-size:.75rem;text-transform:uppercase;letter-spacing:.12em;color:var(--ki-orange)}.game-fx-duel-cards{display:flex;align-items:center;justify-content:center;gap:14px}.game-fx-duel-side{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 16px;border-radius:12px;border:2px solid;background:#00000059;min-width:110px;animation:fx-duel-side .5s ease both}.game-fx-duel-side:last-child{animation-delay:.12s}.game-fx-duel-val{font-family:var(--font-title);font-size:2.2rem;line-height:1}.game-fx-duel-card{font-size:.72rem;font-weight:700;text-transform:uppercase;color:var(--text)}.game-fx-duel-who{font-size:.78rem;color:var(--text-dim)}.game-fx-duel-vs{font-family:var(--font-title);font-size:1.4rem;color:var(--ssj-gold);animation:fx-duel-vs .4s ease .25s both}.game-fx-duel-result{margin:14px 0 0;font-size:.95rem;color:var(--text-dim)}@keyframes fx-duel{0%{opacity:0;transform:translate(-50%,-50%) scale(.85)}12%{opacity:1;transform:translate(-50%,-50%) scale(1)}75%{opacity:1}to{opacity:0;transform:translate(-50%,-60%) scale(.98)}}@keyframes fx-duel-side{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fx-duel-vs{0%{opacity:0;transform:scale(.3)}to{opacity:1;transform:scale(1)}}.game-fx-swap{padding:20px 28px;border-radius:16px;background:#06080ee6;border:2px solid rgba(168,85,247,.55);box-shadow:0 0 36px #a855f759;animation:fx-swap 1.5s ease forwards}.game-fx-swap-icon{display:block;margin:0 auto;font-size:2.8rem;color:#c084fc;animation:fx-swap-spin .8s ease}.game-fx-swap p{margin:8px 0 4px;font-size:1rem}.game-fx-swap-sub{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-dim)}@keyframes fx-swap{0%{opacity:0;transform:translate(-50%,-50%) scale(.6) rotate(-20deg)}18%{opacity:1;transform:translate(-50%,-50%) scale(1.05) rotate(4deg)}70%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-65%) scale(.95)}}@keyframes fx-swap-spin{0%{transform:rotate(-180deg)}to{transform:rotate(0)}}.rules{width:min(560px,94vw);max-height:88vh;padding:22px 24px;display:flex;flex-direction:column;gap:14px}.rules-head{display:flex;align-items:center;justify-content:space-between}.rules-close{padding:6px 14px;font-size:1rem}.rules-intro{margin:0;color:var(--text-dim);font-size:.9rem;line-height:1.4}.rules-list{overflow-y:auto;display:flex;flex-direction:column;gap:8px;padding-right:4px}.rules-row{display:flex;gap:14px;align-items:flex-start;padding:12px;border-radius:12px;background:#ffffff0a}.rules-badge{flex:0 0 auto;width:46px;height:64px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-family:var(--font-title);font-size:1.7rem;color:#fff;border:1px solid rgba(255,255,255,.3);box-shadow:inset 0 0 12px #00000073}.rules-text{display:flex;flex-direction:column;gap:3px}.rules-name{font-family:var(--font-title);font-size:1.05rem;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.rules-glyph{font-size:1.15rem}.rules-origin{font-style:normal;font-family:var(--font-body);font-size:.78rem;color:var(--text-dim);letter-spacing:.02em}.rules-effect{margin:0;font-size:.9rem;color:var(--text);line-height:1.4}.table{height:100%;overflow:auto;display:grid;grid-template-columns:minmax(0,1fr) 280px;grid-template-rows:auto 1fr auto;grid-template-areas:"header header" "opponents log" "me log";gap:14px;padding:14px}.table-myturn:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:5;box-shadow:inset 0 0 90px #ffd23f38;animation:myturn-glow 2.2s ease-in-out infinite}@keyframes myturn-glow{50%{box-shadow:inset 0 0 130px #ffd23f57}}.t-header{grid-area:header;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px}.t-header-left{display:flex;gap:10px;justify-self:start}.t-header-center{justify-self:center}.t-turn{justify-self:end;text-align:right}.t-deck-block{display:flex;flex-direction:column;align-items:center;gap:8px;padding:8px 14px 10px}.t-leave,.t-info{padding:8px 16px;font-size:.8rem}.t-deck{display:flex;flex-direction:column;align-items:center;background:transparent;border:none;border-radius:0;padding:0}.t-deck-count{font-family:var(--font-title);font-size:1.6rem;color:var(--ssj-gold)}.t-deck-label{font-size:.7rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.1em}.t-turn{font-family:var(--font-title);font-size:1rem}.t-yourturn{color:var(--ssj-gold);text-shadow:var(--glow-gold);animation:pulse 1.4s ease-in-out infinite}.t-timer{display:inline-flex;align-items:center;gap:4px;margin-left:10px;font-family:var(--font-title);font-size:.85rem;color:var(--text-dim);padding:3px 9px;border-radius:999px;background:#0000004d;border:1px solid rgba(255,255,255,.12)}.t-timer.low{color:var(--energy-red);border-color:var(--energy-red);animation:pulse .8s ease-in-out infinite}@keyframes pulse{50%{opacity:.55}}.t-opponents{grid-area:opponents;display:flex;flex-wrap:wrap;gap:16px;align-items:flex-start;justify-content:center;align-content:flex-start;padding-top:10px}.opp{width:150px;padding:12px;border-radius:var(--radius);background:linear-gradient(160deg,var(--void-700),var(--void-900));border:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;align-items:center;gap:8px;transition:transform .15s ease,box-shadow .2s ease,border-color .2s ease}.opp-current{border-color:var(--ssj-gold);box-shadow:var(--glow-gold);transform:translateY(-3px);animation:opp-turn 1.6s ease-in-out infinite}@keyframes opp-turn{50%{box-shadow:0 0 26px #ffd23fbf}}.opp-protected{border-color:var(--shenron-green);box-shadow:0 0 16px #1fa85a80}.opp-out{opacity:.42;filter:grayscale(.7);animation:ko-flash .7s ease}@keyframes ko-flash{0%{opacity:1;filter:none;box-shadow:0 0 #e23b2e00}18%{opacity:1;filter:none;box-shadow:0 0 44px #e23b2ef2;transform:translate(-5px)}38%{transform:translate(5px)}58%{transform:translate(-3px)}78%{transform:translate(2px)}to{opacity:.42;filter:grayscale(.7);transform:none}}.opp-targetable{cursor:pointer;border-color:var(--energy-red);box-shadow:0 0 16px #e23b2e8c}.opp-targetable:hover{transform:translateY(-3px)}.opp-chosen{border-color:var(--energy-red);background:linear-gradient(160deg,#3a1714,var(--void-900))}.opp-cards{display:flex;gap:4px;height:69px}.opp-back{position:relative;width:46px;height:69px;border-radius:7px;background:url(/assets/Dos_carte-CXHjvPQh.webp) center / contain no-repeat;border:1px solid rgba(255,210,63,.4);overflow:hidden}.opp-name{display:flex;align-items:center;justify-content:center;max-width:100%;font-weight:700;font-size:.95rem;text-align:center}.opp-name-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.opp-discard{display:flex;gap:4px;flex-wrap:wrap;justify-content:center;min-height:26px}.opp-disc{width:24px;height:28px;display:inline-flex;align-items:center;justify-content:center;border-radius:5px;font-size:.8rem;font-weight:700;background:#00000059;border:1.5px solid var(--text-dim);color:var(--text-dim)}.play-flash{position:fixed;left:50%;top:40%;z-index:6;pointer-events:none;display:flex;flex-direction:column;align-items:center;gap:4px;padding:16px 28px;border-radius:14px;border:2px solid;background:#06080ed9;box-shadow:0 0 32px currentColor;animation:play-flash 1.2s ease forwards}.pf-val{font-family:var(--font-title);font-size:2.4rem;line-height:1}.pf-name{font-family:var(--font-body);font-weight:700;font-size:.85rem;color:var(--text);text-transform:uppercase;letter-spacing:.05em}@keyframes play-flash{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}18%{opacity:1;transform:translate(-50%,-50%) scale(1.08)}30%{transform:translate(-50%,-50%) scale(1)}70%{opacity:1;transform:translate(-50%,-70%) scale(1)}to{opacity:0;transform:translate(-50%,-120%) scale(.9)}}.t-log{grid-area:log;padding:14px;display:flex;flex-direction:column;min-height:0}.t-log-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.t-log h3{font-size:.9rem;color:var(--ki-orange);text-transform:uppercase;letter-spacing:.08em}.t-log-close,.t-log-ticker,.t-log-backdrop{display:none}.t-log-close{place-items:center;width:32px;height:32px;border-radius:50%;background:#ffffff14;font-size:.9rem}.t-log-ticker{align-items:center;gap:8px;width:100%;padding:7px 14px;border-radius:999px;background:#06080e8c;border:1px solid rgba(255,255,255,.08);color:var(--text-dim);font-size:.8rem;text-align:left}.t-log-ticker-text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.t-log-ticker>.lucide{color:var(--ki-orange)}.t-log-ticker-cta{display:inline-flex;align-items:center;flex:none;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--ki-orange)}.t-log-icon{margin-right:6px}.t-log-icon-ko{color:var(--energy-red)}.t-log-icon-bonus,.t-log-icon-peek{color:#6aa3ff}.t-log-icon-round{color:var(--ssj-gold)}.t-log-icon-victory{color:var(--shenron-green)}.icon-ko{color:var(--energy-red)}.icon-offline{color:var(--text-dim)}.icon-warn{color:var(--ssj-gold)}.opp-status .lucide{width:1em;height:1em;margin-left:4px;vertical-align:-.12em}.t-log-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:44;background:#04060e99}.t-log-lines{overflow-y:auto;display:flex;flex-direction:column;gap:6px;font-size:.85rem;color:var(--text-dim)}.t-log-lines p{margin:0;line-height:1.35}.t-log-empty{font-style:italic}.t-me{grid-area:me;display:flex;flex-direction:column;gap:8px;min-height:0}.t-me-info{display:flex;align-items:center;justify-content:space-between}.t-me-name{font-family:var(--font-title);font-size:1.1rem}.t-hand{height:auto;width:100%;min-height:0}.t-hand-empty{color:var(--text-dim);text-align:center;padding:40px}.t-me-targetable{border-radius:var(--radius);outline:2px dashed var(--energy-red);outline-offset:4px;animation:pulse 1.2s ease-in-out infinite}.t-selftarget{padding:8px 14px;border-radius:999px;font-weight:700;font-size:.85rem;color:#fff;background:linear-gradient(160deg,#b3251c,var(--energy-red));border:1px solid rgba(255,255,255,.25);box-shadow:0 0 14px #e23b2e99;cursor:pointer}.t-selftarget:hover{transform:translateY(-1px)}.opp-target-badge{display:inline-flex;align-items:center;gap:3px;position:absolute;top:-10px;right:-8px;z-index:2;padding:3px 8px;border-radius:999px;font-size:.72rem;font-weight:700;color:#fff;background:var(--energy-red);box-shadow:0 0 12px #e23b2ecc;animation:pulse 1s ease-in-out infinite;pointer-events:none}.opp{position:relative}.t-hint{display:flex;flex-direction:column;gap:8px;padding:10px 14px;border-radius:var(--radius);background:#06080e8c;border:1px solid rgba(255,255,255,.08);min-height:20px}.t-hint-armed{border-color:#ffd23f66;box-shadow:0 0 18px #ffd23f26}.t-hint-card{display:flex;flex-direction:column;gap:2px}.t-hint-name{font-family:var(--font-title);font-size:1.05rem}.t-hint-effect{font-size:.82rem;color:var(--text-dim);line-height:1.3}.t-hint-cta{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.t-hint-text{font-size:.9rem;color:var(--text)}.t-hint-btns{display:flex;gap:8px}.t-hint-btns .btn{padding:8px 18px}.guess-box{width:min(1280px,100%);max-height:calc(100dvh - 24px);overflow-y:auto;padding:clamp(12px,2vw,28px);display:flex;flex-direction:column;align-items:center;gap:16px}.guess-title{font-family:var(--font-title);font-size:clamp(1rem,2vw,1.5rem);text-align:center;overflow-wrap:anywhere}.guess-hint{color:var(--text-dim);font-size:.9rem;text-align:center;margin:0}.guess-fan{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(8px,1.4vw,18px);width:100%}.guess-card{min-width:0;padding:0;background:none;border:none;border-radius:12px;cursor:pointer;transition:transform .15s ease}.guess-card .revealed-card{width:100%}.guess-card:focus-visible,.hand-card:focus-visible{outline:3px solid var(--ssj-gold);outline-offset:3px}@media (hover: hover){.guess-card:hover{transform:translateY(-4px)}.hand-card:not(:disabled):hover{transform:translateY(-8px)}}@media (max-width: 700px){.guess-fan{grid-template-columns:repeat(3,minmax(0,1fr))}}.whis{padding:14px 16px;display:flex;flex-direction:column;align-items:center;gap:12px}.whis-head{display:flex;flex-direction:column;align-items:center;gap:2px;text-align:center}.whis-head strong{font-family:var(--font-title);color:var(--ssj-gold);font-size:1.05rem}.whis-head span{font-size:.85rem;color:var(--text-dim)}.whis-cards{display:flex;gap:14px;flex-wrap:wrap;justify-content:center}.whis-card{position:relative;padding:0;background:none;border:none;border-radius:12px;cursor:pointer;transition:transform .12s ease,filter .12s ease}.whis-card:hover{transform:translateY(-6px)}.whis-card.keep{transform:translateY(-10px);filter:drop-shadow(0 0 16px rgba(255,210,63,.85))}.whis-card.bottom{opacity:.72;filter:grayscale(.35)}.whis-tag{display:inline-flex;align-items:center;gap:3px;position:absolute;top:-12px;left:50%;transform:translate(-50%);z-index:2;padding:2px 8px;border-radius:999px;font-size:.72rem;font-weight:700;white-space:nowrap}.keep-tag{background:var(--ssj-gold);color:var(--void-900)}.bottom-tag{background:#ffffffd9;color:var(--void-900)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#04060ec7;-webkit-backdrop-filter:none;backdrop-filter:none;z-index:40}.overlay-box{padding:32px 40px;text-align:center;display:flex;flex-direction:column;gap:16px;align-items:center;max-width:90vw}.overlay-box h2{font-size:1.8rem}.overlay-wait{color:var(--text-dim);font-style:italic}.overlay-victory{background:radial-gradient(ellipse at 50% 30%,#1fa85a40,#04060eeb)}.shenron-canvas{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.shenron-box{position:relative;z-index:1;margin-top:auto;margin-bottom:8vh;background:#06080eb8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.shenron-actions{display:flex;flex-direction:column;gap:10px;width:100%;max-width:280px}.shenron-actions .btn{width:100%}.overlay-victory{flex-direction:column;justify-content:flex-end}.hand-cards{display:flex;justify-content:center;align-items:flex-end;gap:clamp(12px,3vw,32px);padding:22px 8px 10px}.hand-card{flex:0 1 250px;min-width:0;padding:0;border:0;border-radius:12px;background:transparent;cursor:pointer;transition:transform .18s ease;animation:hand-enter .3s ease}.hand-card img{display:block;width:100%;height:auto;border-radius:inherit}.hand-card:disabled{cursor:default;opacity:1}.hand-card.is-selected{transform:translateY(-14px);outline:3px solid var(--ssj-gold);outline-offset:3px}@keyframes hand-enter{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.overlay{padding:12px}.t-me,.t-opponents,.t-header,.t-log{min-width:0}.whis-cards{width:100%}.whis-card{flex:0 1 180px;min-width:0}.whis-card .revealed-card{width:100%}@media (max-width: 820px),(max-height: 520px) and (orientation: landscape){.table{display:flex;flex-direction:column;gap:10px;padding:10px 10px calc(10px + env(safe-area-inset-bottom))}.t-header{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"left deck" "turn turn";gap:6px 8px;padding-right:46px}.t-header-center{justify-self:end}.t-header-left{grid-area:left;gap:6px}.t-header-center{grid-area:deck}.t-turn{grid-area:turn;justify-self:center;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:4px 8px;font-size:.88rem;text-align:center}.t-timer{margin-left:0}.t-btn-label{display:none}.t-header .t-leave,.t-header .t-info{display:grid;place-items:center;width:40px;height:40px;padding:0;font-size:1rem}.t-deck-block{flex-direction:row;gap:10px;padding:5px 10px}.t-deck-count{font-size:1.15rem;line-height:1}.t-deck-label{font-size:.6rem}.t-faceup{width:auto;padding:0 0 0 10px;border-top:none;border-left:1px solid rgba(255,255,255,.08)}.t-faceup-label,.t-faceup-name{display:none}.t-faceup-cards{flex-wrap:nowrap;gap:4px}.t-faceup .revealed-card--sm{width:22px;border-width:1px;border-radius:3px}.t-faceup-hidden{width:22px;height:33px;font-size:.8rem;border-width:1px;border-radius:3px}.t-opponents{display:grid;grid-template-columns:repeat(var(--opp-cols, 2),minmax(0,1fr));gap:8px;padding-top:6px}.opp-wrap{position:relative;display:block;min-width:0}.opp{width:100%;padding:8px 6px 7px;gap:4px}.opp-current,.opp-targetable:hover{transform:none}.opp-cards{display:none}.opp-name{width:100%;padding:0 18px;font-size:.8rem;line-height:24px}.opp-wrap:has(.opp-side:empty) .opp-name{padding:0 4px}.opp-discard{min-height:20px;gap:3px}.opp-disc{width:18px;height:22px;font-size:.68rem;border-width:1px;border-radius:4px}.opp-target-badge{top:-9px;left:50%;right:auto;transform:translate(-50%);padding:2px 7px;font-size:.65rem;white-space:nowrap}.opp-side{position:absolute;top:5px;left:5px;right:5px;z-index:1;flex-direction:row;justify-content:space-between;align-items:flex-start;pointer-events:none}.opp-wrap .card-pin-row{flex-direction:row;gap:3px;padding-top:0}.opp-side .card-pin{width:16px;border-width:1px;border-radius:3px}.opp-intel{gap:1px;padding-top:0}.opp-intel-tag{font-size:.45rem;line-height:1}.opp-intel .revealed-card--sm{width:16px;border-width:1px;border-radius:3px}.t-log-ticker{display:flex;padding:5px 12px}.t-log-backdrop{display:block}.t-log-close{display:grid}.t-log{position:fixed;left:0;right:0;bottom:0;z-index:45;max-height:60dvh;padding:16px 16px calc(16px + env(safe-area-inset-bottom));border-radius:18px 18px 0 0;transform:translateY(100%);visibility:hidden;transition:transform .25s ease,visibility .25s}.t-log.open{transform:none;visibility:visible}.t-me{flex:1 0 auto;justify-content:flex-end;gap:6px}.t-me:has(.whis) .t-hand{display:none}.t-me-info{flex-wrap:wrap;gap:6px 8px}.t-me-name{font-size:1rem}.t-me-pins .card-pin{width:26px;border-radius:4px}.t-hint{padding:8px 12px}.t-hint-text{font-size:.85rem}.t-hint-cta{flex-wrap:nowrap;gap:8px}.t-hint-btns{flex:none}.t-hint-btns .btn{padding:7px 14px;font-size:.85rem}.t-hand{display:flex;flex:1 1 0;min-height:150px;max-height:min(calc(66vw + 16px),420px)}.hand-cards{flex:1;min-width:0;gap:10px;padding:14px 4px 2px}.hand-card{flex:0 1 auto;height:100%;aspect-ratio:2 / 3;max-width:44vw}.hand-card img{width:100%;height:100%;object-fit:contain}.hand-card.is-selected{transform:translateY(-10px)}.whis-cards{gap:8px}.whis-card{flex-basis:calc((100% - 16px) / 3)}.screen-layer:has(.table)~.sound-control{top:10px;right:10px;bottom:auto;padding:6px 8px}.screen-layer:has(.table)~.sound-control .sound-vol{display:none}}@media (max-height: 520px) and (orientation: landscape){.table{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto 1fr auto;grid-template-areas:"header header" "opponents me" "ticker me"}.t-header{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"left turn deck"}.t-opponents{align-content:start}.t-log-ticker{grid-area:ticker}.t-me{flex:none;align-self:end}.t-hint-effect{display:none}.t-hand{display:block;flex:none;min-height:0;max-height:none}.hand-cards{padding-top:12px}.hand-card{flex:0 1 min(18vw,34dvh);height:auto;aspect-ratio:auto;max-width:none}.hand-card img{height:auto}}@media (max-width: 820px) and (max-height: 700px){.t-hint-effect{display:none}}@media (prefers-reduced-motion: reduce){.hand-card,.guess-card,.table-myturn:after,.opp-current{animation:none;transition:none}}.sound-control{position:fixed;right:16px;bottom:14px;z-index:30;display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;background:#06080e99;border:1px solid rgba(255,255,255,.12);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.sound-btn{display:grid;place-items:center;color:var(--text);background:transparent;font-size:1.1rem;line-height:1;padding:2px}.sound-vol{width:80px;accent-color:var(--ssj-gold);cursor:pointer}:root{--ki-orange: #f47c20;--ki-orange-deep: #d45a00;--saiyan-blue: #1e5bb8;--ssj-gold: #ffd23f;--energy-red: #e23b2e;--shenron-green: #1fa85a;--void-900: #0c0f1a;--void-700: #161b2e;--star-orange: #ff7a00;--scouter-green: #3dff8a;--void-500: #232a45;--text: #f3f5ff;--text-dim: #9aa3c7;--font-title: "Russo One", system-ui, sans-serif;--font-body: "Rubik", system-ui, sans-serif;--radius: 14px;--glow-gold: 0 0 18px rgba(255, 210, 63, .55);--glow-orange: 0 0 22px rgba(244, 124, 32, .5)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font-body);color:var(--text);background:radial-gradient(ellipse 70% 30% at 50% 58%,rgba(255,106,26,.28) 0%,transparent 70%),linear-gradient(180deg,#05060f,#151b3d 40%,#2a1630 57%,#120d18 62%,#07060c);background-attachment:fixed;overflow:hidden}h1,h2,h3{font-family:var(--font-title);letter-spacing:.04em;margin:0}button{font-family:var(--font-body);cursor:pointer;border:none;color:var(--text);transition:transform .12s ease,box-shadow .18s ease,filter .18s ease}button:disabled{opacity:.45;cursor:not-allowed}input{font-family:var(--font-body)}.btn{padding:14px 26px;border-radius:var(--radius);font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;background:linear-gradient(135deg,var(--ki-orange),var(--ki-orange-deep));box-shadow:var(--glow-orange)}.btn:not(:disabled):hover{transform:translateY(-2px);filter:brightness(1.08)}.btn.gold{background:linear-gradient(135deg,var(--ssj-gold),var(--ki-orange));color:var(--void-900);box-shadow:var(--glow-gold)}.btn.ghost{background:#ffffff0f;box-shadow:none;border:1px solid rgba(255,255,255,.15)}.field{width:100%;padding:13px 16px;border-radius:var(--radius);background:#00000059;border:1px solid rgba(255,255,255,.14);color:var(--text);font-size:1rem;outline:none}.field:focus{border-color:var(--ssj-gold);box-shadow:var(--glow-gold)}.lucide{flex:none;width:1.15em;height:1.15em;vertical-align:-.2em}.btn-icon{display:inline-flex;align-items:center;justify-content:center;gap:8px}.title-glow{color:var(--ssj-gold);text-shadow:0 0 6px rgba(255,210,63,.7),0 0 24px rgba(244,124,32,.5),2px 2px 0 var(--ki-orange-deep)}.card-surface{background:linear-gradient(160deg,var(--void-700),var(--void-900));border:1px solid rgba(255,255,255,.08);border-radius:var(--radius)}.fade-in{animation:fadeIn .4s ease both}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}}.scene-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.scene-bg canvas{display:block}.screen-layer{position:relative;z-index:1;height:100%}.toast{position:fixed;top:18px;left:50%;transform:translate(-50%);padding:12px 20px;border-radius:var(--radius);background:var(--energy-red);box-shadow:0 6px 24px #00000080;z-index:50;font-weight:600}