.pp-page{color:#eef7ff;max-width:1600px;margin:auto;padding:12px 20px 35px}.pp-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:12px;display:flex}.pp-heading h1{color:#fff;margin:5px 0;font-size:clamp(26px,4vw,46px);line-height:1}.pp-heading p{color:#a9b9cf;margin:6px 0}.pp-kicker{letter-spacing:3px;color:#ffcf78;font-size:11px}.pp-heading a{color:#7edce6}.pp-controls{background:#152238;border:1px solid #30465b;border-radius:14px;flex-wrap:wrap;align-items:end;gap:10px;margin-bottom:12px;padding:12px;display:flex}.pp-page label{color:#bcd0e5;gap:4px;font-size:12px;display:grid}.pp-page select,.pp-page input:not([type=range]){color:#f3f9ff;background:#0c1729;border:1px solid #3a536c;border-radius:8px;max-width:100%;padding:8px}.pp-page button{color:#fff;cursor:pointer;background:#223750;border:1px solid #45617b;border-radius:8px;padding:9px 15px}.pp-page button:disabled{opacity:.5;cursor:default}.pp-page button.pp-start{color:#271b14;background:#ffc975;border-color:#ffc975;font-weight:800}.pp-shell{background:#08101f;border:1px solid #3d5e74;border-radius:18px;position:relative;overflow:hidden;box-shadow:0 20px 70px #0005}.pp-scoreboard{color:#b8cbde;background:#111e30;justify-content:space-between;align-items:center;gap:10px;padding:9px 18px;display:flex}.pp-scoreboard strong{color:#fff;font-variant-numeric:tabular-nums;font-size:27px}.pp-court{line-height:0;position:relative}.pp-court canvas{object-fit:contain;touch-action:none;width:100%;min-height:240px;max-height:calc(100dvh - 260px);display:block}.pp-overlay{pointer-events:none;justify-content:center;align-items:center;line-height:1.5;display:flex;position:absolute;inset:0}.pp-overlay>div{pointer-events:auto;text-align:center;background:#081323ec;border:1px solid #6aa0bb;border-radius:18px;max-width:90%;padding:22px 32px;box-shadow:0 12px 80px #0009}.pp-overlay h2{color:#ffd590;margin:0 0 8px;font-size:clamp(24px,4vw,40px)}.pp-overlay p{color:#cad6e8}.pp-foot{color:#abc0d5;background:#111e30;flex-wrap:wrap;justify-content:space-between;gap:8px;padding:10px 16px;font-size:12px;line-height:1.5;display:flex}.pp-tourney{background:#152238;border:1px solid #30465b;border-radius:14px;margin-bottom:12px;padding:16px}.pp-entrants{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.pp-bracket{flex-wrap:wrap;gap:10px;display:flex}.pp-bracket article{background:#0b1627;border-left:3px solid #80dbe5;min-width:190px;padding:10px}.pp-bracket h3{margin:0 0 5px}.pp-touch{justify-content:space-between;gap:20px;margin:10px 0;display:none}.pp-touch div{gap:8px;display:flex}.pp-touch button{touch-action:none;-webkit-user-select:none;user-select:none;min-width:64px;min-height:52px}.pp-shell:-webkit-full-screen{border-radius:0;flex-direction:column;width:100vw;height:100dvh;display:flex}.pp-shell:fullscreen{border-radius:0;flex-direction:column;width:100vw;height:100dvh;display:flex}.pp-shell:-webkit-full-screen .pp-court{flex:1;justify-content:center;align-items:center;min-height:0;display:flex}.pp-shell:fullscreen .pp-court{flex:1;justify-content:center;align-items:center;min-height:0;display:flex}.pp-shell:-webkit-full-screen canvas{object-fit:contain;width:100%;height:100%;min-height:0;max-height:100%}.pp-shell:fullscreen canvas{object-fit:contain;width:100%;height:100%;min-height:0;max-height:100%}.pp-shell:-webkit-full-screen .pp-touch{padding:0 14px;display:flex}.pp-shell:fullscreen .pp-touch{padding:0 14px;display:flex}.pp-radio-note{color:#acbfd4;font-size:12px}.pp-page .pug-radio{max-width:none}.pp-cover{background:radial-gradient(#31547b,#0a172d);justify-content:space-around;align-items:center;min-height:170px;display:flex;position:relative;overflow:hidden}.pp-cover img{object-fit:contain;filter:drop-shadow(0 0 12px #7ee4f5);width:30%;height:140px}.pp-cover b{color:#ffd28b;text-align:center;font-size:28px;line-height:1}.pp-cover:after{content:"●";color:#ffd48d;font-size:32px;position:absolute;bottom:20px;left:49%}@media (pointer:coarse){.pp-touch{display:flex}.pp-court canvas{max-height:calc(100dvh - 320px)}}@media (max-width:700px){.pp-page{padding:8px}.pp-heading{gap:8px}.pp-heading p{font-size:12px}.pp-entrants{grid-template-columns:repeat(2,minmax(0,1fr))}.pp-controls{gap:8px}.pp-controls label{flex:1;min-width:120px}.pp-scoreboard{padding:6px 10px;font-size:12px}.pp-scoreboard strong{font-size:24px}.pp-overlay>div{padding:14px}.pp-foot{font-size:11px}}.pp-wardrobe{background:#142237;border:1px solid #35516b;border-radius:12px;margin-bottom:12px;padding:12px 16px}.pp-wardrobe summary{cursor:pointer;color:#ffd28c;font-weight:700}.pp-look-grid{grid-template-columns:1fr 1fr;gap:14px;margin:12px 0;display:grid}.pp-look-grid fieldset{border:1px solid #425b73;border-radius:12px;flex-wrap:wrap;gap:12px;padding:12px;display:flex}.pp-look-grid legend{color:#eff7ff;padding:0 8px}.pp-look-grid p,.pp-wardrobe small{color:#adbed2;font-size:12px}.pp-swatches{flex-wrap:wrap;gap:7px;width:100%;display:flex}.pp-page .pp-swatches button{border:2px solid #24374a;border-radius:50%;width:30px;height:30px;padding:0}.pp-page .pp-swatches button[aria-pressed=true]{outline-offset:2px;outline:2px solid #fff}.pp-page input[type=color]{cursor:pointer;width:52px;height:35px;padding:2px}.pp-look-grid label{min-width:110px}@media (max-width:650px){.pp-look-grid{grid-template-columns:1fr}}.pp-comic-cover{background:linear-gradient(90deg,#13283ddd,#14223766,#13283ddd),url(/pinball/comic-worlds-v3.webp) 20% 0/600% 300%;border:2px solid #172437}.pp-comic-cover b{z-index:1;text-shadow:2px 3px #081321,-1px -1px #081321;position:relative}.pp-comic-cover img{filter:drop-shadow(2px 3px #07111d)drop-shadow(0 0 8px #80cfdd66)}.pp-page .pp-shell{border:2px solid #172b3b;box-shadow:0 8px #07111c,0 12px 30px #0005}.pp-page .pp-scoreboard{background:linear-gradient(90deg,#162c3e,#1c2940,#162c3e)}
