.pb-game{--pb-felt1: #1b3a4b;--pb-felt2: #0f2733;--pb-panel: #20323f;--pb-panel2: #2a4150;--pb-ink: #f4efe1;--pb-dim: #8fa6b4;--pb-gold: #ffb62e;--pb-orange: #ff7a3c;--pb-chip: #1a9fff;--pb-mult: #fe5f55;--pb-green: #5fd68a;--pb-line: #0a1a22;--pb-shadow: #060f14;position:relative;max-width:1080px;margin:0 auto;padding:12px 16px 30px;color:var(--pb-ink);font-family:Silkscreen,Courier New,monospace;letter-spacing:.5px;user-select:none;background:linear-gradient(135deg,var(--pb-felt1) 0%,var(--pb-felt2) 55%,#0a1d26 100%);border-radius:10px;overflow:hidden}.pb-game:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:3;background:repeating-linear-gradient(0deg,rgba(0,0,0,.14) 0 2px,transparent 2px 4px);mix-blend-mode:multiply}.pb-game img.pix,.pb-game canvas.pix{image-rendering:pixelated;image-rendering:crisp-edges}.pb-game .font-px{font-family:"Press Start 2P",monospace}.pb-game .topbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px}.pb-game .title{font-family:"Press Start 2P",monospace;font-size:15px;line-height:1.4;color:var(--pb-ink);text-shadow:2px 2px 0 var(--pb-shadow)}.pb-game .title span{color:var(--pb-gold)}.pb-game .roundtag{font-family:"Press Start 2P",monospace;font-size:10px;color:var(--pb-gold);text-shadow:2px 2px 0 var(--pb-shadow);text-align:right}.pb-game .combatant{background:var(--pb-panel);border:3px solid var(--pb-line);border-radius:8px;padding:8px 12px;display:flex;align-items:center;gap:12px;box-shadow:0 5px 0 var(--pb-shadow)}.pb-game .combatant .name{font-family:"Press Start 2P",monospace;font-size:11px;min-width:170px;text-shadow:2px 2px 0 var(--pb-shadow)}.pb-game .enemy .name{color:var(--pb-mult)}.pb-game .player .name{color:var(--pb-green)}.pb-game .hpwrap{flex:1}.pb-game .hpbar{height:18px;background:#08161d;border-radius:4px;overflow:hidden;border:2px solid var(--pb-line)}.pb-game .hpfill{height:100%;transition:width .35s steps(12)}.pb-game .enemy .hpfill{background:repeating-linear-gradient(45deg,#c0303c 0 6px,#e0526b 6px 12px)}.pb-game .player .hpfill{background:repeating-linear-gradient(45deg,#2f9a5e 0 6px,#5fd68a 6px 12px)}.pb-game .hptext{font-size:14px;color:var(--pb-ink);margin-top:2px;text-align:right}.pb-game .intent{font-size:14px;color:var(--pb-gold);min-width:120px;text-align:right}.pb-game .board{margin:12px 0;padding:12px;background:#00000038;border:3px solid var(--pb-line);border-radius:10px;box-shadow:inset 0 0 0 2px #ffffff08,0 5px 0 var(--pb-shadow)}.pb-game .lanes{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.pb-game .lanerow-label{font-family:"Press Start 2P",monospace;font-size:9px;color:var(--pb-dim);letter-spacing:1px;margin:2px 0 8px;text-shadow:1px 1px 0 var(--pb-shadow)}.pb-game .lanerow-label .hint{color:var(--pb-gold)}.pb-game .lanerow-label .hint.warn{color:var(--pb-mult)}.pb-game .slot{aspect-ratio:3 / 3.6;border-radius:6px;border:3px solid #12303c;display:flex;align-items:center;justify-content:center;position:relative;background:#00000040;transition:transform .1s}.pb-game .slot.targetable{cursor:pointer;border-color:var(--pb-gold);border-style:dashed}.pb-game .slot.targetable:hover{box-shadow:0 0 0 3px #ffb62e80;transform:translateY(-2px)}.pb-game .slot.selected-lane{border-color:var(--pb-gold);border-style:solid;box-shadow:0 0 0 3px var(--pb-gold)}.pb-game .slot .empty-hint{color:#3f5964;font-size:14px}.pb-game .creature{width:100%;height:100%;border-radius:5px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4px;text-align:center;border:3px solid var(--pb-line);box-shadow:0 4px 0 var(--pb-shadow)}.pb-game .creature.mine{background:linear-gradient(180deg,#274a5e,#16303d)}.pb-game .creature.foe{background:linear-gradient(180deg,#5a2632,#3a1620)}.pb-game .creature .sprite{width:78%;max-width:64px;aspect-ratio:1}.pb-game .creature .cname{font-size:11px;color:var(--pb-ink);margin-top:1px;min-height:14px;line-height:1;padding:0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.pb-game .stat{position:absolute;bottom:-6px;min-width:24px;height:24px;padding:0 4px;border-radius:4px;display:flex;align-items:center;justify-content:center;font-family:"Press Start 2P",monospace;font-size:10px;border:2px solid var(--pb-line);box-shadow:0 3px 0 var(--pb-shadow)}.pb-game .stat.atk{left:-4px;background:var(--pb-mult);color:#fff}.pb-game .stat.hp{right:-4px;background:var(--pb-green);color:#06280f}.pb-game .creature.hurt{animation:pb-shake .3s steps(4)}@keyframes pb-shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.pb-game .creature.attacking{animation:pb-lunge .3s steps(3)}@keyframes pb-lunge{50%{transform:translateY(-12px)}}.pb-game .creature.foe.attacking{animation:pb-lungeDown .3s steps(3)}@keyframes pb-lungeDown{50%{transform:translateY(12px)}}.pb-game .floattext{position:absolute;top:-6px;left:50%;transform:translate(-50%);font-family:"Press Start 2P",monospace;font-size:14px;color:#fff;-webkit-text-stroke:2px var(--pb-mult);text-shadow:2px 2px 0 var(--pb-shadow);animation:pb-floatup 1s steps(10) forwards;pointer-events:none;z-index:5}@keyframes pb-floatup{0%{opacity:0;transform:translate(-50%,4px)}20%{opacity:1}to{opacity:0;transform:translate(-50%,-34px)}}.pb-game .handzone{margin-top:14px}.pb-game .hand{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;min-height:118px}.pb-game .pcard{width:78px;height:108px;border-radius:8px;position:relative;cursor:pointer;background:#fdfcf7;border:2px solid #23201a;box-shadow:0 5px #b3a682,0 7px 0 var(--pb-shadow);transition:transform .1s;overflow:hidden}.pb-game .pcard:before{content:"";position:absolute;inset:3px;border-radius:5px;border:1px solid rgba(20,17,11,.16);pointer-events:none;z-index:3}.pb-game .pcard:hover{transform:translateY(-8px)}.pb-game .pcard.sel{transform:translateY(-18px);box-shadow:0 0 0 3px var(--pb-gold),0 9px 0 var(--pb-shadow)}.pb-game .pcard .corner{position:absolute;display:flex;flex-direction:column;align-items:center;line-height:1;font-family:"Press Start 2P",monospace;z-index:4}.pb-game .pcard .corner.tl{top:6px;left:6px}.pb-game .pcard .corner.br{bottom:6px;right:6px;transform:rotate(180deg)}.pb-game .pcard .corner .cr{font-size:12px}.pb-game .pcard .corner .cs{font-size:12px;margin-top:3px}.pb-game .pcard .pip{position:absolute;transform:translate(-50%,-50%);line-height:1;font-size:15px;z-index:1}.pb-game .pcard .pip.flip{transform:translate(-50%,-50%) rotate(180deg)}.pb-game .pcard .pip.ace{font-size:42px}.pb-game .pcard .court-sprite{position:absolute;left:50%;top:52%;transform:translate(-50%,-50%);width:64%;height:auto;z-index:1}.pb-game .suit-spade{color:#2f3b57}.pb-game .suit-heart{color:#e23e5c}.pb-game .suit-club{color:#2e9e4f}.pb-game .suit-diamond{color:#ec8a3c}.pb-game .previewbar{display:flex;align-items:center;justify-content:center;gap:12px;margin:10px 0 8px;min-height:70px;flex-wrap:wrap}.pb-game .handname{font-family:"Press Start 2P",monospace;font-size:12px;color:var(--pb-gold);text-shadow:2px 2px 0 var(--pb-shadow);min-width:150px;text-align:center}.pb-game .scorebox{display:flex;align-items:center;gap:0}.pb-game .chipbox,.pb-game .multbox{font-family:"Press Start 2P",monospace;font-size:18px;padding:8px 14px;border:3px solid var(--pb-line);box-shadow:0 4px 0 var(--pb-shadow);color:#fff;text-shadow:2px 2px 0 rgba(0,0,0,.4)}.pb-game .chipbox{background:var(--pb-chip);border-radius:6px 0 0 6px}.pb-game .times{font-family:"Press Start 2P",monospace;font-size:14px;color:var(--pb-mult);padding:0 6px}.pb-game .multbox{background:var(--pb-mult);border-radius:0 6px 6px 0}.pb-game .yields{font-family:"Press Start 2P",monospace;font-size:11px;color:var(--pb-dim)}.pb-game .beastout{display:flex;align-items:center;gap:6px}.pb-game .beastout .sprite{width:38px;height:38px}.pb-game .beastout .tag{font-family:"Press Start 2P",monospace;font-size:10px}.pb-game .beastout .tag.hp{color:var(--pb-green)}.pb-game .beastout .tag.atk{color:var(--pb-mult)}.pb-game .beastout .tag.blood{color:#ff8a8a}.pb-game .arrow{color:var(--pb-dim);font-family:"Press Start 2P",monospace;font-size:12px}.pb-game .controls{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:8px}.pb-game button.btn{font-family:"Press Start 2P",monospace;font-size:11px;cursor:pointer;padding:12px 16px;border-radius:6px;border:3px solid var(--pb-line);background:var(--pb-panel2);color:var(--pb-ink);box-shadow:0 5px 0 var(--pb-shadow);transition:transform .08s,box-shadow .08s;text-shadow:1px 1px 0 var(--pb-shadow)}.pb-game button.btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 7px 0 var(--pb-shadow)}.pb-game button.btn:active:not(:disabled){transform:translateY(3px);box-shadow:0 2px 0 var(--pb-shadow)}.pb-game button.btn:disabled{opacity:.4;cursor:not-allowed}.pb-game button.btn.primary{background:var(--pb-orange);border-color:#7a2f14;color:#fff}.pb-game button.btn.summon{background:var(--pb-chip);border-color:#0c4a7a;color:#fff}.pb-game button.btn.danger{background:var(--pb-mult);border-color:#7a2830;color:#fff}.pb-game .resourcebar{display:flex;justify-content:center;align-items:center;gap:22px;margin:8px 0;font-size:15px;color:var(--pb-dim);flex-wrap:wrap}.pb-game .resourcebar b{color:var(--pb-gold);font-family:"Press Start 2P",monospace;font-size:12px}.pb-game .sortbar{display:flex;align-items:center;gap:6px}.pb-game button.btn.sort{font-size:9px;padding:6px 8px;box-shadow:0 3px 0 var(--pb-shadow)}.pb-game button.btn.sort.active{background:var(--pb-gold);border-color:#7a5510;color:#2a1c00}.pb-game .deckinfo{font-size:13px;color:var(--pb-dim);text-align:center;margin-top:8px}.pb-game .pb-log{margin-top:12px;background:#0000004d;border:3px solid var(--pb-line);border-radius:8px;padding:8px 12px;font-size:14px;color:var(--pb-dim);height:72px;overflow-y:auto;line-height:1.5;box-shadow:0 4px 0 var(--pb-shadow)}.pb-game .pb-log div{margin:2px 0}.pb-game .pb-log .hl{color:var(--pb-gold)}.pb-game .pb-log .dmg{color:var(--pb-mult)}.pb-overlay{position:fixed;inset:0;background:#050c10e6;display:flex;align-items:center;justify-content:center;z-index:150;flex-direction:column;text-align:center;padding:20px;font-family:Silkscreen,Courier New,monospace;color:#f4efe1}.pb-overlay h1{font-family:"Press Start 2P",monospace;font-size:30px;margin:0 0 14px;line-height:1.4;text-shadow:4px 4px 0 #060f14}.pb-overlay p{color:#f4efe1;max-width:600px;line-height:1.6;font-size:16px}.pb-overlay .win{color:#5fd68a}.pb-overlay .lose{color:#fe5f55}.pb-overlay .rules{text-align:left;background:#20323f;border:3px solid #0a1a22;border-radius:10px;padding:16px 20px;margin:18px 0;max-width:640px;font-size:15px;line-height:1.9;box-shadow:0 6px #060f14}.pb-overlay .rules b{color:#ffb62e}.pb-overlay .rules .chip{color:#1a9fff;font-weight:700}.pb-overlay .rules .mult{color:#fe5f55;font-weight:700}.pb-overlay button.btn{font-family:"Press Start 2P",monospace;font-size:12px;cursor:pointer;padding:12px 18px;margin-top:20px;border-radius:6px;border:3px solid #7a2f14;background:#ff7a3c;color:#fff;box-shadow:0 5px #060f14}.pb-overlay button.btn:hover{transform:translateY(-2px)}