#match-pk{display:flex;justify-content:center;padding:18px 0;background:transparent}#match-pk *{box-sizing:border-box}#match-pk .pk-phone{position:relative;width:408px;max-width:100%;background:#242126;color:#fae8b4;border:5px solid #514546;border-radius:8px;font-family:system-ui,sans-serif;font-size:12px;overflow:hidden;box-shadow:0 16px 40px #0003}#match-pk .pk-heading{padding:12px 13px 4px;display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px;letter-spacing:1px;color:#e7c383}#match-pk .pk-heading span:last-child{white-space:nowrap;color:#ffdc71}#match-pk .pk-crest{position:relative;height:56px;background:linear-gradient(170deg,#47404a,#211d24);border-bottom:5px double #c29653;display:flex;align-items:center;justify-content:center;gap:28px;padding:8px 24px 13px}#match-pk .pk-banner{width:70px;height:22px;background:repeating-linear-gradient(90deg,#35575a 0 12px,#6f9e99 12px 14px);border-top:3px solid #a7c5b8;clip-path:polygon(0 0,100% 0,100% 75%,85% 100%,70% 75%,55% 100%,40% 75%,25% 100%,0 75%)}#match-pk .pk-sun{color:#e9ca79;font-size:34px}#match-pk .pk-turn{padding:9px 12px;display:flex;justify-content:space-between;gap:10px;color:#bdb2a4;font-size:11px;background:#18161b}#match-pk .pk-turn span:first-child{color:#ffd777;white-space:nowrap}#match-pk .pk-board-frame{padding:7px;margin:0 9px;background:#446063;border:4px solid #8ea7a0;box-shadow:0 0 0 2px #332322}#match-pk .pk-board{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:2px;background:#0e1318;padding:3px}#match-pk .pk-tile{position:relative;min-width:0;aspect-ratio:1;padding:0;display:flex;align-items:center;justify-content:center;border:0;border-radius:0;background:#192029;touch-action:manipulation;-webkit-tap-highlight-color:transparent}#match-pk .pk-tile:nth-child(16n+2),#match-pk .pk-tile:nth-child(16n+4),#match-pk .pk-tile:nth-child(16n+6),#match-pk .pk-tile:nth-child(16n+8),#match-pk .pk-tile:nth-child(16n+9),#match-pk .pk-tile:nth-child(16n+11),#match-pk .pk-tile:nth-child(16n+13),#match-pk .pk-tile:nth-child(16n+15){background:#141a22}#match-pk .pk-tile canvas{width:80%;height:80%;image-rendering:pixelated;pointer-events:none}#match-pk .pk-tile.selected{outline:3px solid #ffe57b;outline-offset:-3px;background:#514226}#match-pk .pk-tile.hint{outline:2px solid #71dbf3;outline-offset:-3px}#match-pk .pk-tile.clearing{opacity:.2;transform:scale(.6);transition:transform .15s,opacity .15s}#match-pk .pk-tile .pk-special{position:absolute;right:1px;bottom:0;font-size:13px;font-weight:700;color:#fff4b6;text-shadow:1px 1px #000;background:#4b291acb;padding:0 2px}#match-pk .pk-tile:focus-visible{outline:3px solid #ffffff;outline-offset:-3px}#match-pk .pk-versus{display:flex;justify-content:space-between;align-items:center;gap:6px;padding:13px 10px 11px;margin-top:8px;border-top:4px double #ac8245;border-bottom:4px double #ac8245;background:repeating-linear-gradient(90deg,#38302c 0 8px,#342c29 8px 10px)}#match-pk .pk-fighter{display:flex;align-items:center;gap:6px;flex:1;min-width:0}#match-pk .pk-portrait{width:45px;height:55px;flex:none;background:#1c1d2a;border:3px ridge #c79b57;image-rendering:pixelated}#match-pk .pk-bars{flex:1;min-width:0}#match-pk .pk-fighter-name{font-size:10px;color:#ffda9a;margin-bottom:4px;white-space:nowrap}#match-pk .pk-bars>span{display:block;font-size:10px;color:#f3e6d2;white-space:nowrap;margin:2px 0 4px}#match-pk .pk-hp-track,#match-pk .pk-mana-track{height:7px;background:#0e1117;overflow:hidden}#match-pk .pk-hp-track>div{height:100%;background:linear-gradient(#f25d62,#b63349);transition:width .2s}#match-pk .pk-mana-track>div{height:100%;background:linear-gradient(#5bd4c7,#258f95);transition:width .2s}#match-pk .pk-vs{font-size:11px;color:#c7a86d}#match-pk .boss .pk-bars{text-align:right}#match-pk .pk-log{min-height:52px;padding:11px 13px;color:#dfd3ba;line-height:1.5;background:#211d23}#match-pk .pk-controls{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:0 12px 10px}#match-pk .pk-controls button,#match-pk .pk-result button{min-height:48px;font:600 12px system-ui,sans-serif;background:#483b32;color:#ffe7b1;border:2px solid #9d794d;border-radius:3px;padding:7px}#match-pk .pk-controls button span{display:block;font-size:11px;font-weight:400;color:#cfc1a6;margin-top:3px}#match-pk .pk-controls button:disabled{opacity:.45}#match-pk .pk-controls .pk-skill{background:#55324c;border-color:#a77096}#match-pk .pk-resources{display:flex;justify-content:space-between;padding:9px 13px;background:#17161c;color:#d7c19b;font-size:11px}#match-pk .pk-legend{padding:10px 13px;font-size:11px;color:#d7cbb7;border-top:1px solid #5b4737}#match-pk .pk-legend summary{min-height:28px}#match-pk .pk-legend-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:9px}#match-pk .pk-legend p{line-height:1.6;margin-bottom:3px}#match-pk .pk-result{position:absolute;inset:0;background:#100e16da;display:flex;align-items:center;justify-content:center;padding:20px;z-index:3}#match-pk .pk-result[hidden]{display:none}#match-pk .pk-result-box{width:100%;padding:25px 18px;text-align:center;background:#30262b;border:4px ridge #cb9d56;color:#ffe1a3}#match-pk .pk-result-box>span{font-size:22px;font-weight:700}#match-pk .pk-result-box p{font-size:13px;line-height:1.7;color:#e0d2b6}#match-pk .pk-result button{width:100%;margin-top:12px}@media(max-width:350px){#match-pk .pk-portrait{width:35px;height:46px}#match-pk .pk-versus{gap:3px;padding-left:7px;padding-right:7px}#match-pk .pk-fighter{gap:4px}#match-pk .pk-heading{font-size:10px}#match-pk .pk-turn{font-size:10px}}@media(prefers-reduced-motion:reduce){#match-pk .pk-tile.clearing,#match-pk .pk-hp-track>div,#match-pk .pk-mana-track>div{transition:none}}