*{box-sizing:border-box}:root{--table-card-width: min(calc((100dvh - 8px) / 8.95), calc((100vw - 32px) / 10.2));--card-width: var(--table-card-width);--card-height: calc(var(--card-width) * 88 / 63);--gap: calc(var(--card-width) * .16);--mat-width: calc(var(--card-width) * (2 * 1.35 + 5) + var(--gap) * (6 * 1.2 + 2 * 1.6));--glow: #7cf7c0;--glow-halo: 0 0 30px 8px rgba(124, 247, 192, .9);--lit: 0 0 0 3px var(--glow), var(--glow-halo);--text-size: clamp(11px, calc(var(--card-width) * .115), 15px)}html,body{height:100%}body{margin:0;overflow:hidden;font-family:Trebuchet MS,system-ui,sans-serif;color:#fff;background:radial-gradient(ellipse at 50% 40%,#2c5a6e,#183544 55%,#0d1d27)}.button{font:inherit;font-size:var(--text-size);font-weight:700;padding:.55em 1.3em;border:none;border-radius:999px;background:#ffd23f;color:#333;cursor:pointer;box-shadow:0 4px #c9a227}.button:active{transform:translateY(3px);box-shadow:0 1px #c9a227}.button:disabled{opacity:.45;cursor:default;transform:none;box-shadow:0 4px #c9a227}.button.quiet{background:#ffffff24;color:#fff;box-shadow:0 4px #0000004d}.link{color:#ffffffbf;font-size:var(--text-size)}.corner{position:fixed;top:12px;left:12px;z-index:50;display:flex;align-items:center;gap:14px}.corner .who{font-size:var(--text-size)}.table{height:100dvh;display:flex;flex-direction:column;align-items:center}.mat{position:relative;display:grid;grid-template-columns:calc(var(--card-width) * 1.35) repeat(5,var(--card-width)) calc(var(--card-width) * 1.35);grid-template-rows:repeat(4,var(--card-height));grid-template-areas:"o-discard o-b0 o-b1       o-b2     o-b3  o-b4  o-prizes" "o-deck    .    o-played   o-active o-trainers panel o-prizes" "y-prizes  .    y-trainers y-active y-played panel y-deck" "y-prizes  y-b0 y-b1       y-b2     y-b3  y-b4  y-discard";gap:var(--gap) calc(var(--gap) * 1.2);padding:calc(var(--gap) * 1.1) calc(var(--gap) * 1.6);place-items:center;border-radius:calc(var(--card-width) * .22);box-shadow:0 20px 60px #00000073,inset 0 0 0 2px #ffffff14}.discard-above .mat{grid-template-areas:"o-deck    o-b0 o-b1       o-b2     o-b3  o-b4  o-prizes" "o-discard .    o-played   o-active o-trainers panel o-prizes" "y-prizes  .    y-trainers y-active y-played panel y-discard" "y-prizes  y-b0 y-b1       y-b2     y-b3  y-b4  y-deck"}.mat-half{position:absolute;left:0;right:0;height:50%;pointer-events:none;border-radius:inherit}.opponent-half{top:0;border-bottom-left-radius:0;border-bottom-right-radius:0;background:radial-gradient(ellipse at 50% 100%,rgba(255,255,255,.07),transparent 60%),linear-gradient(#3c2a4f,#4a3263)}.your-half{bottom:0;border-top-left-radius:0;border-top-right-radius:0;background:radial-gradient(ellipse at 50% 0%,rgba(255,255,255,.08),transparent 60%),linear-gradient(#21545b,#1a4248)}.zone{position:relative;width:var(--card-width);height:var(--card-height);border-radius:calc(var(--card-width) * .06)}.zone:before{content:"";position:absolute;inset:0;border-radius:inherit;transition:border-color .15s,background .15s}.zone.active:before,.prizes:before,.pile[data-zone=discard]:before,.bench-frame{border:3px solid rgba(255,255,255,.22);background:#0000001f}.bench-frame{position:relative;align-self:stretch;justify-self:stretch;margin:calc(var(--gap) * -.45);border-radius:calc(var(--card-width) * .1);pointer-events:none}.zone>.card{position:absolute;inset:0;z-index:1}[data-owner=opponent]{--facing: 180}[data-owner=opponent]>.card>.face{transform:rotate(180deg)}.spot{--turned: 0;--turning: .35s ease-in-out;transition:rotate var(--turning)}.spot[data-condition=asleep]{--turned: -90}.spot[data-condition=paralyzed]{--turned: 90}.spot[data-condition=confused]{--turned: 180}.spot{rotate:calc(var(--turned) * 1deg)}.spot>:is(.damage-counter,.condition-token,.lasting,.damage-pop),.spot>.attached>*{rotate:calc(var(--turned) * -1deg);transition:rotate var(--turning)}.mat{--out: -1}.mat [data-owner=opponent]{--out: 1}.trainers>.card{--step: min(50%, (var(--card-width) + var(--gap) * 1.2) / max(var(--last, 1), 1));z-index:calc(10 - var(--i, 0));transform:translate(calc(var(--i, 0) * var(--out) * var(--step)));transition:transform .25s ease-out}.mat{--played-apart: calc(var(--card-width) * .3)}[data-owner=you].played{translate:var(--played-apart)}[data-owner=opponent].played{translate:calc(-1 * var(--played-apart))}.spot>.card.tucked{z-index:0;transform:translate(calc(var(--out) * (20% + var(--i, 0) * 8%)),calc(var(--out) * 6%))}.zone.can-drop:before,.zone.choosable:before{border:3px solid var(--glow);background:#7cf7c01a;box-shadow:var(--glow-halo)}.zone.can-drop.drop-hover:before{background:#7cf7c04d}.zone.can-drop.quiet-drop:not(.drop-hover):before{display:none}.zone.can-drop.drop-hint:before{border-width:2px;border-color:#7cf7c099;background:#7cf7c00f;box-shadow:0 0 8px #7cf7c033}.zone.can-drop:has(>.card):before,.zone.choosable:has(>.card):before{inset:-6px;border-radius:calc(var(--card-width) * .1);z-index:2;pointer-events:none}.zone.choosable{cursor:pointer}.bench-frame.can-drop{border-color:var(--glow);background:#7cf7c01a;box-shadow:var(--glow-halo)}.bench-frame.can-drop.drop-hover{background:#7cf7c033}.mat.can-drop{box-shadow:0 20px 60px #00000073,inset 0 0 0 3px var(--glow),var(--glow-halo)}.mat.can-drop.drop-hover{box-shadow:0 20px 60px #00000073,inset 0 0 0 4px var(--glow),inset 0 0 60px #7cf7c040,var(--glow-halo)}.card.playable,.card.has-moves{box-shadow:var(--lit);cursor:grab}.card.has-moves{cursor:pointer}.spot>.card.evolved{box-shadow:3px -3px 0 -1px #e2ae14,6px -6px 0 -2px #c9960f,0 3px 8px #00000073}.spot>.card.evolved.playable,.spot>.card.evolved.has-moves{box-shadow:var(--lit),4px -4px 0 -1px #e2ae14}.spot[data-owner=opponent]>.card.evolved{box-shadow:-3px 3px 0 -1px #e2ae14,-6px 6px 0 -2px #c9960f,0 3px 8px #00000073}.attached{position:absolute;left:calc(var(--card-width) * -.06);bottom:calc(var(--card-width) * -.08);z-index:3;display:flex;gap:2px;width:max-content;max-width:calc(var(--card-width) * 1.1);flex-wrap:wrap-reverse;pointer-events:none}[data-owner=opponent]>.attached{left:auto;bottom:auto;right:calc(var(--card-width) * -.06);top:calc(var(--card-width) * -.08);flex-direction:row-reverse;flex-wrap:wrap}.attached .energy-symbol{width:calc(var(--card-width) * .17);font-size:0;box-shadow:0 0 0 1.5px #fff,0 2px 4px #00000080}.attached .energy-count{display:inline-flex;align-items:center;gap:2px;padding-right:.35em;border-radius:999px;background:#0a141ee0;box-shadow:0 2px 4px #00000080;font-size:calc(var(--card-width) * .13);font-weight:700;line-height:1}.damage-counter{position:absolute;top:calc(var(--card-width) * -.08);right:calc(var(--card-width) * -.08);z-index:3;min-width:calc(var(--card-width) * .34);padding:.15em .3em;border-radius:999px;background:#d63c2f;border:2px solid white;box-shadow:0 2px 6px #00000080;font-size:calc(var(--card-width) * .16);font-weight:700;text-align:center;pointer-events:none}[data-owner=opponent]>.damage-counter{top:auto;right:auto;bottom:calc(var(--card-width) * -.08);left:calc(var(--card-width) * -.08)}.condition-token{position:absolute;right:calc(var(--card-width) * .07);top:calc(var(--card-width) * .22);z-index:3;width:calc(var(--card-width) * .3);border-radius:50%;box-shadow:0 0 0 1.5px #fff,0 2px 6px #0000008c;pointer-events:none}[data-owner=opponent]>.condition-token{right:auto;top:auto;left:calc(var(--card-width) * .07);bottom:calc(var(--card-width) * .22)}.condition-token~.condition-token{top:calc(var(--card-width) * .56)}[data-owner=opponent]>.condition-token~.condition-token{top:auto;bottom:calc(var(--card-width) * .56)}.lasting{--top: calc(var(--card-width) * -.1);position:absolute;left:50%;top:var(--top);z-index:3;max-width:calc(var(--card-width) * 1.3);transform:translate(-50%);transform-origin:0 calc(var(--card-height) / 2 - var(--top));padding:.1em .5em;border-radius:6px;background:#1e5aa0eb;border:1px solid rgba(255,255,255,.6);font-size:calc(var(--card-width) * .1);font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none}.spot:is([data-condition=asleep],[data-condition=paralyzed])>.lasting{--top: calc((var(--card-height) - var(--card-width)) / 2 - var(--card-width) * .1)}.spot.arriving:has(>.card.in-flight)>:is(.attached,.damage-counter,.condition-token,.lasting){visibility:hidden}.damage-pop{position:absolute;left:50%;top:30%;z-index:10;transform:translate(-50%,-50%);transform-origin:0 calc(var(--card-height) * .2);font-size:calc(var(--card-width) * .32);font-weight:700;color:#ff5a4a;text-shadow:0 2px 0 white,0 0 10px rgba(0,0,0,.6);pointer-events:none;animation:pop-up .9s ease-out forwards}.damage-pop.heal-pop{color:#3ddc84}@keyframes pop-up{0%{transform:translate(-50%,-20%) scale(.6);opacity:0}20%{transform:translate(-50%,-50%) scale(1.15);opacity:1}to{transform:translate(-50%,-120%) scale(1);opacity:0}}.pile>.card{--depth: calc(var(--thickness, 0) * 6px);transform:translate(calc(var(--depth) * -.5),calc(var(--depth) * -1))}.pile[data-zone=deck]>.card{box-shadow:1px 1px #0b1a4d,var(--depth) var(--depth) 0 #0f2263,0 4px 10px #00000080}.pile[data-zone=discard]:has(>.card){cursor:pointer}.pile[data-zone=discard]:has(>.card):hover>.card{box-shadow:0 0 0 2px #fff9,0 4px 12px #00000080}.pile-count{position:absolute;z-index:2;right:-8px;bottom:-8px;min-width:26px;padding:2px 7px;border-radius:99px;background:#0a141ed9;border:2px solid rgba(255,255,255,.7);font-size:13px;font-weight:700;text-align:center;pointer-events:none}.pile-count:empty{display:none}.prizes{--outer-width: var(--card-width);width:calc(var(--card-width) * 1.3);height:calc(var(--card-height) * 2 + var(--gap));display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,1fr);place-items:center}.prizes>.card{--card-width: calc(var(--outer-width) * .6);position:relative;inset:auto;z-index:1}.deck-button{--shift: translateX(calc(100% + var(--gap) * 1.6 + 10px));position:relative;z-index:2;justify-self:end;transform:var(--shift);font-size:clamp(14px,calc(var(--card-width) * .17),22px);padding:.6em 1.3em;white-space:nowrap}.deck-button:active{transform:var(--shift) translateY(3px)}.deck-button:disabled{transform:var(--shift)}.deck-button[hidden]{display:none}.deck-button.lit{box-shadow:0 4px #c9a227,var(--lit)}.deck-button.lit:active{box-shadow:0 1px #c9a227,var(--lit)}.panel{grid-area:o-active-start / y-played-start / panel-end / panel-end;align-self:stretch;justify-self:stretch;display:flex;flex-direction:column;justify-content:center;gap:8px;padding:10px 12px;border-radius:12px;background:#00000040;font-size:var(--text-size);z-index:1}.mat:has([data-owner=you].played>.card) .panel{grid-column-start:panel-start;margin-left:calc(var(--played-apart) + var(--card-width) * .1 - var(--gap) * 1.2);margin-right:calc(var(--gap) * -.8)}.mat:has([data-owner=opponent].trainers>.card) .panel{grid-row-start:y-active-start;align-self:end;min-height:100%;z-index:20}.panel:empty{background:none}.panel .message{margin:0;line-height:1.35;text-align:center}.attack-button{display:flex;align-items:center;gap:6px;width:100%;font:inherit;padding:.45em .7em;border:2px solid rgba(255,255,255,.35);border-radius:10px;background:#ffffff1a;color:#fff;text-align:left;cursor:pointer}.attack-button:hover:not(:disabled){border-color:var(--glow);background:#7cf7c026}.attack-button:disabled{opacity:.4;cursor:default}.attack-button .name{flex:1;font-weight:700}.attack-button .energy-symbol{font-size:.95em}.panel .buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.panel .choices{display:flex;flex-direction:column;gap:6px}.hand{position:relative;flex-shrink:0;width:calc(var(--mat-width) - var(--gap) * 3.2)}.hand>.card{position:absolute;left:50%;top:0;transform:translate(calc(-50% + var(--x, 0px)));transition:transform .25s ease-out,box-shadow .15s}.your-hand{height:var(--card-height);margin:calc(var(--gap) * .9) 0;--lift: calc(var(--card-height) * .1)}body:not(.dragging) .your-hand>.card:hover{transform:translate(calc(-50% + var(--x, 0px)),calc(-1 * var(--lift)));box-shadow:0 10px 22px #0000008c;transition:transform .15s ease-out}body:not(.dragging) .your-hand>.card.playable:hover{box-shadow:var(--lit),0 10px 22px #0000008c}.your-hand>.card.aimed,body:not(.dragging) .your-hand>.card.aimed:hover{transform:translate(calc(-50% + var(--x, 0px)),calc(-2 * var(--lift)));box-shadow:var(--lit),0 14px 26px #0009}body:not(.dragging) .your-hand>.card:hover:after{content:"";position:absolute;left:0;right:0;top:100%;height:var(--lift)}.opponent-hand{--card-width: calc(var(--table-card-width) * .72);height:calc(var(--card-height) * .5);margin-bottom:calc(var(--gap) * .9)}.opponent-hand>.card{top:auto;bottom:0}.dialog{padding:24px 28px;border:none;border-radius:16px;background:#183544;color:#fff;box-shadow:0 30px 80px #0009;font-size:16px}.dialog::backdrop{background:#050c1299;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.dialog h2{margin:0 0 12px}.dialog .result{margin:0 0 14px;font-size:20px;font-weight:700;color:#ffd23f}.dialog fieldset{margin:0 0 18px;padding:10px 14px;border:1px solid rgba(255,255,255,.2);border-radius:10px}.deck-pickers{display:flex;flex-wrap:wrap;gap:0 16px}.dialog .choices{display:flex;flex-direction:column;gap:6px}.dialog .choices label{display:flex;align-items:baseline;gap:6px;cursor:pointer}.dialog .choices small{color:#fff9}.dialog .button{font-size:16px}.dialog .choices{max-height:46vh;overflow-y:auto}.dialog .choices label.not-ready{color:#ffffff73;cursor:default}.dialog .choices label.not-ready small{color:#ffcf5c;opacity:.8}.dialog-buttons{display:flex;align-items:center;gap:18px}.dialog-note{margin:0 0 20px;color:#fffc}.dialog .setting{display:flex;align-items:center;gap:8px;margin:0 0 20px;cursor:pointer}.dialog .setting input{width:18px;height:18px;margin:0;cursor:pointer}.link-button{padding:0;border:none;background:none;font-family:inherit;text-decoration:underline;cursor:pointer}.picker{position:fixed;inset:0;z-index:1500;display:grid;place-content:center;justify-items:center;gap:16px;padding:24px;background:#050c12c7;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:fade-in .15s ease-out}.picker-prompt{margin:0;font-size:18px;font-weight:700;text-align:center}.picker-cards{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;max-width:min(1300px,100vw - 48px);max-height:70vh;overflow-y:auto;padding:6px}.picker-card{padding:0;border:none;background:none;cursor:pointer;border-radius:10px}.picker-card .card{--card-width: clamp(110px, min(13vw, (100vw - 140px) / 7), 170px)}.picker-row{display:grid;justify-items:center;gap:4px}.picker-row-label{margin:0;font-size:15px;color:#ffffffbf}.picker.rows{gap:12px}.picker-row .picker-cards{max-height:none;overflow:visible}.picker-row .picker-card .card{--card-width: clamp(80px, min((100vw - 140px) / 7, (100vh - 290px) / 2.8), 150px)}.picker-cards.many{gap:8px}.picker-cards.many .picker-card .card{--card-width: clamp(84px, 9vw, 124px)}.picker-card:not(.unchoosable):hover .card{transform:translateY(-4px);box-shadow:0 0 0 3px var(--glow),0 10px 24px #00000080}.picker-card.unchoosable{cursor:default}.picker-card .card{transition:transform .15s ease-out,box-shadow .15s}.picker-card.picked .card,.picker-card.picked:hover .card{transform:translateY(-14px);box-shadow:0 0 0 4px var(--glow),0 0 22px #7cf7c0bf,0 16px 28px #0000008c}.picker.many-picks .picker-cards{padding-top:20px}.picker-status{margin:0;font-size:15px;color:#ffffffbf}.button.picker-confirm{font-size:20px;padding:.55em 2.4em}.button.picker-ok{font-size:22px;padding:.7em clamp(1.4em,3.5vw,4em)}.picker .buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:16px clamp(14px,3vw,48px)}.picker-card.unchoosable .card{filter:grayscale(1) brightness(.7)}.arranging-picker .picker-cards{overflow:visible}.arranging-picker .picker-card{cursor:grab;touch-action:none}.arranging-picker .picker-card.arranging{position:relative;z-index:1;cursor:grabbing}.arranging-picker .picker-card.arranging .card{transform:scale(1.06);box-shadow:0 0 0 3px var(--glow),0 18px 36px #0000008c}.pile-viewer{cursor:default}.pile-viewer .picker-card{cursor:zoom-in}.coin-toss{--coin: clamp(48px, min(calc(var(--card-width) * .95), calc(var(--card-width) * 2.4 / var(--coins, 1))), 150px);position:fixed;left:50%;top:50%;z-index:1400;transform:translate(-50%,-50%);font-size:calc(var(--text-size) * 1.15);font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.95),0 0 10px rgba(0,0,0,.7);pointer-events:none;animation:fade-in .15s ease-out;transition:opacity .25s}.coin-toss.beside-active{transform:translateY(-50%)}.coin-toss.leaving{opacity:0}.coins-caption{position:absolute;bottom:calc(100% + 12px);left:50%;translate:-50% 0;white-space:nowrap}.coins{display:flex;gap:calc(var(--coin) * .25);perspective:800px}.coin-holder{position:relative}.coin{position:relative;width:var(--coin);aspect-ratio:1}.coin-shadow{position:absolute;left:8%;right:8%;bottom:-9%;height:22%;border-radius:50%;background:radial-gradient(closest-side,rgba(0,0,0,.85),transparent);opacity:.55}.coin-spin{position:relative;width:100%;height:100%;transform-style:preserve-3d}.coin-face{position:absolute;inset:0;border-radius:50%;backface-visibility:hidden;display:grid;place-items:center}.coin-face:before,.coin-face:after{content:"";position:absolute;inset:0;border-radius:50%;pointer-events:none}.coin-face:before{background:repeating-conic-gradient(rgba(0,0,0,.28) 0 2deg,transparent 2deg 5deg);-webkit-mask:radial-gradient(circle,transparent 0 88%,black 89%);mask:radial-gradient(circle,transparent 0 88%,black 89%)}.coin-face:after{background:linear-gradient(135deg,#ffffff8c,#fff0 38% 70%,#ffffff2e)}.coin-face.heads{background:radial-gradient(circle at 35% 30%,#fff6c4,#f6cd2e 42%,#c8960f 75%,#8f6608);box-shadow:inset 0 0 0 calc(var(--coin) * .035) #8f6608,inset 0 0 0 calc(var(--coin) * .11) #e9b51c,inset 0 0 0 calc(var(--coin) * .125) #a87b0a,0 4px 12px #00000073}.coin-ball{width:52%;aspect-ratio:1;border-radius:50%;transform:rotate(-18deg);background:radial-gradient(circle,#f6f6f6 0 13%,#222 13% 20%,transparent 20%),linear-gradient(transparent 46%,#222 46% 54%,transparent 54%),linear-gradient(#ee4035 50%,#f6f6f6 50%);box-shadow:0 0 0 2px #222}.coin-face.tails{transform:rotateX(180deg);background:repeating-radial-gradient(circle,transparent 0 9%,rgba(255,255,255,.22) 9% 11%),radial-gradient(circle at 35% 30%,#fff,#cfd4dc 42%,#8a929e 75%,#5b626d);box-shadow:inset 0 0 0 calc(var(--coin) * .035) #4d535d,inset 0 0 0 calc(var(--coin) * .11) #b9bfc8,inset 0 0 0 calc(var(--coin) * .125) #6f7784,0 4px 12px #00000073}.coin-star:before{content:"★";font-size:calc(var(--coin) * .42);line-height:1;color:#e9edf2;text-shadow:0 1px 0 #ffffff,0 -1px 1px #5b626d,0 2px 3px rgba(0,0,0,.35)}.moves{position:fixed;inset:0;z-index:2000;display:grid;place-content:center;padding:24px;background:#050c12b8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:fade-in .15s ease-out}.moves[hidden]{display:none}.moves{transition:background-color .2s,backdrop-filter .2s}.moves.leaving{background-color:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;pointer-events:none}.moves.leaving .moves-stack,.moves.leaving .moves-scrim{opacity:0;transition:opacity .12s}.card.lifted{visibility:hidden}.moves .plate,.moves-energy{animation:plate-in var(--plates-ms, .3s) linear}.moves.lifting{animation:backdrop-in .25s ease-out}@keyframes backdrop-in{0%{background-color:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}}.moves-scrim{animation:fade-in var(--plates-ms, .3s) linear}@keyframes plate-in{0%{opacity:0;transform:scale(.95)}}.moves-stage{--big: min(420px, 74vw, calc((100dvh - 160px) * 63 / 88));position:relative;width:var(--big);margin-bottom:3em;font-size:calc(var(--big) / 25);color:#1d1a10;animation:pop-in .18s ease-out}.moves-stage>.card{--card-width: var(--big);box-shadow:0 24px 60px #0009}.moves-scrim{position:absolute;left:0;right:0;bottom:0;border-radius:0 0 calc(var(--big) * .042) calc(var(--big) * .042);-webkit-backdrop-filter:blur(.33em) brightness(.32);backdrop-filter:blur(.33em) brightness(.32)}.moves-stack{position:absolute;left:-8%;right:-8%;display:flex;flex-direction:column;gap:.5em}.moves .plate{display:flex;align-items:center;gap:.67em;padding:.5em .83em;border:.25em solid var(--edge);border-radius:.83em;background:linear-gradient(var(--light),var(--dark));box-shadow:0 .5em 1.33em #0000008c;font-weight:700}.moves .plate[role=button]{cursor:pointer}.moves .plate[role=button]:hover{box-shadow:0 0 0 .2em var(--glow),0 0 1.2em #7cf7c099,0 .5em 1.33em #0000008c}.moves .plate.unusable{filter:grayscale(1) brightness(.45)}.moves .plate .energy-symbol{width:1.83em}.moves .cost{display:flex;flex-direction:column;align-items:center;gap:.25em;width:4.17em;flex-shrink:0}.moves .cost>div{display:flex;gap:.33em}.moves .middle{flex:1}.moves .name{font-size:1.5em;line-height:1.1}.moves .text{margin-top:.15em;line-height:1.22}.moves .text .energy-symbol{width:1.15em;vertical-align:-.25em}.moves .damage{min-width:1.3em;font-size:2.17em;text-align:right;white-space:nowrap}.moves .power-label{color:#c4161c}.moves-prompt{position:absolute;left:-8%;right:-8%;bottom:100%;margin:0 0 .8em;color:#fff;font-size:max(18px,1.15em);font-weight:700;text-align:center}.moves-bottom{display:flex;flex-wrap:wrap-reverse;align-items:center;gap:.5em}.moves .corner-plate{margin-left:auto;min-width:42%;flex-shrink:0;justify-content:flex-end;gap:.5em;padding:.33em .83em}.moves .corner-plate .name{font-size:1.33em}.moves .retreat-cost{display:flex;gap:.25em}.moves-energy{display:flex;flex-wrap:wrap;gap:.5em}.moves-energy .energy-symbol{width:3.17em;filter:drop-shadow(0 .33em .5em rgba(0,0,0,.6))}.moves-energy.counted{column-gap:1em}.energy-group{position:relative;display:flex}.energy-group .count{position:absolute;right:-.58em;bottom:-.67em;color:#fff;font-size:1.75em;font-weight:900;-webkit-text-stroke:.19em #1d1a10;paint-order:stroke fill}.moves-stage.t-lightning{--light: #fff6c2;--dark: #f6d64e;--edge: #5a4706}.moves-stage.t-colorless{--light: #ffffff;--dark: #dcdad2;--edge: #4e4c44}.moves-stage.t-water{--light: #dff1ff;--dark: #8cc6f2;--edge: #123c66}.moves-stage.t-fighting{--light: #ffe7d2;--dark: #e9a874;--edge: #5c2e10}.moves-stage.t-grass{--light: #e8f8d8;--dark: #9fd47a;--edge: #24501a}.moves-stage.t-fire{--light: #ffe2d2;--dark: #f59a72;--edge: #6a1d0c}.moves-stage.t-psychic{--light: #f2e2fa;--dark: #c99ce2;--edge: #4a1f63}:root{--dev-glow: #ff9f43;--dev-width: min(92vw, max(360px, calc((100dvh - 8px) / 8.95 * 3.6 + 64px)))}.dev-corner{position:fixed;top:12px;right:12px;z-index:50}body.dev-open .dev-corner{right:calc(var(--dev-width) + 12px)}.button.dev-toggle{background:var(--dev-glow);color:#222;box-shadow:0 4px #c46f1e;letter-spacing:.04em}.button.dev-toggle:active{box-shadow:0 1px #c46f1e}:root{--dev-halo: 0 0 30px 8px rgba(255, 159, 67, .9)}.zone.can-drop.dev-drop:before{border-color:var(--dev-glow);background:#ff9f431a;box-shadow:var(--dev-halo)}.zone.can-drop.dev-drop.drop-hover:before{background:#ff9f434d}.bench-frame.can-drop.dev-drop{border-color:var(--dev-glow);background:#ff9f431a;box-shadow:var(--dev-halo)}.bench-frame.can-drop.dev-drop.drop-hover{background:#ff9f4338}.hand.can-drop.dev-drop{border-radius:12px;background:#ff9f4314;box-shadow:var(--dev-halo)}.hand.can-drop.dev-drop.drop-hover{background:#ff9f4338}.from-drawer .dev-drawer,.dev-carrying .closer,.dev-carrying .pile-viewer{opacity:.1;pointer-events:none;transition:opacity .15s}.dev-drawer.can-drop{box-shadow:-10px 0 30px #0006,inset 0 0 40px #ff9f4340}.dev-drawer.can-drop.drop-hover{background:#3c220cf7}.dev-drawer.can-drop>:not(.dev-drop-note){opacity:.15}.dev-drop-note{display:none;position:sticky;top:45%;z-index:5;height:0;overflow:visible;color:var(--dev-glow);font-size:18px;font-weight:700;text-align:center}.dev-drawer.can-drop .dev-drop-note{display:block}.dev-drawer.can-drop.drop-hover .dev-drop-note{color:#fff}.dev-mode .closer .card[data-look-uid],.dev-mode .pile-viewer .picker-card,.dev-mode .pile[data-zone=deck]{cursor:grab}.dev-mode .pile[data-zone=deck],.dev-mode .prizes .card{cursor:pointer}.dev-drawer{position:fixed;top:0;right:0;bottom:0;z-index:800;width:var(--dev-width);overflow-y:auto;padding:12px 14px 24px;border-left:2px solid var(--dev-glow);background:#0d1921f5;box-shadow:-10px 0 30px #0006;font-size:13px}.dev-drawer[hidden]{display:none}.dev-header{display:flex;align-items:center;justify-content:space-between}.dev-header h2{margin:0;color:var(--dev-glow);font-size:18px}.dev-section{margin-top:12px;padding-top:10px;border-top:1px solid rgba(255,255,255,.12)}.dev-section h3{margin:0 0 8px;color:#ffffffb3;font-size:12px;letter-spacing:.06em;text-transform:uppercase}.dev-row{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:6px}.dev-button{padding:4px 10px;border:1px solid rgba(255,255,255,.25);border-radius:6px;background:#ffffff14;color:#fff;font:inherit;font-size:13px;cursor:pointer}.dev-button:hover:not(:disabled){background:#ffffff2e}.dev-button:disabled{opacity:.4;cursor:default}.dev-button[aria-pressed=true]{border-color:var(--dev-glow);background:var(--dev-glow);color:#222}.dev-close{padding:2px 9px;font-size:18px;line-height:1}.dev-hint{margin:0 0 6px;color:#ffffff8c;font-size:12px}.dev-label{color:#ffffffb3}.dev-where{color:#fff9}.dev-input{flex:1;min-width:0;padding:5px 8px;border:1px solid rgba(255,255,255,.25);border-radius:6px;background:#0000004d;color:#fff;font:inherit;font-size:13px}.dev-paste{width:100%;height:60px;border:1px solid rgba(255,255,255,.25);border-radius:6px;background:#0000004d;color:#fff;font:12px monospace;resize:vertical}.dev-snapshots{display:grid;gap:4px;max-height:180px;margin-bottom:8px;overflow-y:auto}.dev-snapshot{display:flex;align-items:center;gap:4px}.dev-snapshot-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dev-flips{display:flex;flex-wrap:wrap;gap:3px}.dev-flip{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#ffd23f;color:#333;font-size:11px;font-weight:700}.dev-flip.tails{background:#9fb3c8}.dev-status{min-height:1.3em;margin:6px 0 0;color:var(--dev-glow);opacity:0;transition:opacity .2s}.dev-status.shown{opacity:1}.dev-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.dev-tile{padding:0;border:none;border-radius:6px;background:none;cursor:grab}.dev-tile[hidden]{display:none}.dev-tile .card{--card-width: 100%}.dev-tile:hover .card{box-shadow:0 0 0 2px var(--dev-glow),0 3px 8px #00000073}.dev-controls{display:grid;justify-items:center;gap:4px;padding:10px 14px;border:1px solid var(--dev-glow);border-radius:10px;background:#00000073;font-size:14px;cursor:default}.dev-controls .dev-row{margin:0}.dev-value{min-width:2.5em;font-weight:700;text-align:center}.dialog .dev-dialog{margin:16px 0 0;border-color:var(--dev-glow)}.dev-select{max-width:220px;padding:4px;border-radius:6px;font:inherit;font-size:13px}.dev-dialog-status{min-height:1em;margin:4px 0 0;color:var(--dev-glow);font-size:13px}body.dev-open{--table-card-width: min(calc((100dvh - 8px) / 8.95), calc((100vw - 32px - var(--dev-width)) / 10.2))}body.dev-open .table{padding-right:var(--dev-width)}
