.pd-ad-banner{position:fixed;left:50%;bottom:calc(8px + env(safe-area-inset-bottom,0px));transform:translate(-50%);z-index:5;width:min(320px,calc(100% - 24px));height:50px;display:flex;align-items:center;gap:10px;padding:0 10px;background:repeating-linear-gradient(45deg,#ece6da 0 8px,#e4ddd0 8px 16px);border:2px dashed #7a7166;border-radius:6px;color:#3b332c}.pd-ad-banner-copy{display:flex;flex-direction:column;line-height:1.1}.pd-ad-banner-copy b{font-size:14px}.pd-ad-banner-copy small{font-size:11px;opacity:.7}.pd-overlay.pd-ad{position:fixed;z-index:12;background:#1e1b18b8;overscroll-behavior:contain}.pd-ad-overlay{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;padding:16px}.pd-ad-overlay .tag{align-self:flex-start;font-size:11px;letter-spacing:.08em;text-transform:uppercase;background:#7a7166;color:#fff;padding:2px 6px;border-radius:4px}.pd-ad-overlay:focus{outline:none}.pd-ad-confirm{display:flex;flex-direction:column;gap:8px;align-items:center}.pd-ad-confirm p{margin:0}.pd-ad-close{background:none;border:none;text-decoration:underline;color:inherit}.pd-ad-banner-live{position:fixed;left:50%;bottom:calc(8px + env(safe-area-inset-bottom,0px));transform:translate(-50%);z-index:5;width:320px;height:50px}@media (max-width: 343px){.pd-ad-banner-live{display:none}}.pd-ad-banner-live ins.adsbygoogle[data-ad-status=unfilled]{display:none!important}.pd-ad-banner-live:has(ins.adsbygoogle[data-ad-status=unfilled]){display:none}body.pd-ad-banner-on .pd-screen,body.pd-ad-banner-on .pd-title{bottom:calc(66px + env(safe-area-inset-bottom,0px))}@media (min-width: 344px){body.pd-ad-banner-live-on .pd-screen,body.pd-ad-banner-live-on .pd-title{bottom:calc(66px + env(safe-area-inset-bottom,0px))}}.online-form,.online-lobby{max-width:720px}.online-field{display:flex;flex-direction:column;gap:4px;margin:8px 0 4px;font-size:17px}.online-field input,.online-link input{font:inherit;font-size:18px;padding:6px 10px;border:2px solid var(--line, #1c1c22);border-radius:4px 9px 5px 8px;background:#fcfcf7;color:#1c1c22;min-width:0}.online-notice{color:#b3262f;font-weight:600;margin:8px 0}.online-seats{font-size:18px;margin:6px 0 10px}.online-share{display:flex;flex-direction:column;align-items:center;gap:8px;margin:10px 0}.online-share>label{align-self:stretch;font-size:15px}.online-link{display:flex;gap:6px;align-self:stretch;flex-wrap:wrap}.online-link input{flex:1 1 220px}.online-code{margin:0;font-size:16px;letter-spacing:.04em}.online-qr{border:2px solid var(--line, #1c1c22);border-radius:6px;image-rendering:pixelated;background:#fcfcf7}.online-note-small{font-size:15px;margin:4px 0 8px}.pd-online-hud{position:absolute;left:10px;bottom:calc(62px + env(safe-area-inset-bottom,0px));display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;max-width:calc(100% - 20px);padding:3px 10px;font-size:15px;line-height:22px;pointer-events:auto;z-index:3}.pd-online-hud .vs{opacity:.7}.pd-online-hud .away{color:#b3262f;font-style:normal}.pd-online-hud .watching{opacity:.75;font-size:14px}.pd-online-hud button{font-size:14px;padding:2px 10px}.pd-app.fighting .pd-online-hud,.pd-app.titling .pd-online-hud{display:none}.pd-app{--paper: #fcfcf7;--rule: #c9daee;--text: #1c1c22;--line: #1c1c22;--hl: #f4dd4a;--heart: #d9434f;--good: #2e8b4e;--blue: #2f55c4;position:relative;height:100%;overflow:hidden;font-family:Kalam,Segoe Print,Comic Sans MS,cursive;color:var(--text);background:#f4f3ed;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);box-sizing:border-box}@media (prefers-color-scheme: dark){.pd-app{--paper: #23262c;--rule: #36404d;--text: #ececef;--line: #ececef;--hl: #8f7b16;--good: #6fcb8e;--blue: #8ea2ff}}.pd-app *,.pd-app *:before,.pd-app *:after{box-sizing:inherit}.pd-stage{position:absolute;inset:0}.pd-app .card{background:var(--paper);border:2px solid var(--line);border-radius:4px 12px 6px 14px/14px 6px 12px 4px;box-shadow:3px 3px 0 var(--line)}.pd-app .lined{background-image:repeating-linear-gradient(transparent 0 23px,var(--rule) 23px 24px)}.pd-app .top{position:absolute;top:0;left:0;right:0;padding:8px 10px 0 32px;pointer-events:none;transition:opacity .3s,transform .3s}.pd-app .row{display:flex;gap:8px;align-items:flex-start;justify-content:space-between}.pd-app .stats{padding:4px 10px 6px;pointer-events:auto;min-width:0}.pd-app .stats .brand{font-family:Caveat Brush,Segoe Print,cursive;font-weight:400;font-size:26px;margin:0;line-height:1}.pd-app .team{display:flex;align-items:center;gap:6px;font-size:14px;line-height:20px;white-space:nowrap}.pd-app .team .nm{width:72px;position:relative;isolation:isolate}.pd-app .team.turn .nm:before{content:"";position:absolute;left:-4px;right:0;top:38%;height:70%;background:var(--hl);z-index:-1;-webkit-mask:var(--sc9) center/100% 100% no-repeat;mask:var(--sc9) center/100% 100% no-repeat}.pd-app .hearts{display:flex;flex-wrap:wrap;gap:1px;max-width:150px}.pd-app .hearts svg{width:11px;height:11px;display:block}.pd-app .side{display:flex;flex-direction:column;gap:6px;width:128px;flex:none;pointer-events:auto}.pd-app .mapcard{padding:4px 6px 6px}.pd-app .mapcard .lbl,.pd-app .log .lbl{font-size:12px;line-height:14px;display:flex;justify-content:space-between;opacity:.8}.pd-map{width:112px;height:112px;display:block;margin-top:2px}.pd-app .log{padding:3px 8px 4px;font-size:13px;line-height:18px}.pd-app .log .lbl{color:var(--blue);font-size:15px;opacity:1;position:relative;display:inline-block}.pd-app .log .lbl:after{content:"";position:absolute;left:0;right:30%;bottom:-2px;height:6px;background:var(--blue);-webkit-mask:var(--sc20) center/100% 100% no-repeat;mask:var(--sc20) center/100% 100% no-repeat}.pd-app .log ol{margin:0;padding:0;list-style:none}.pd-app .log li{display:flex;gap:4px;white-space:nowrap;overflow:hidden}.pd-app .log .n{opacity:.55;width:22px;flex:none}.pd-app .log .mv{color:var(--good)}.pd-app .grade{color:var(--good);border:1.5px solid var(--good);border-radius:50% 45% 55% 40%/60% 50% 45% 55%;padding:0 5px;font-size:12px;line-height:15px;margin-left:2px}.pd-narr{margin:6px 136px 0 0;padding:1px 10px;font-size:15px;line-height:24px;height:52px;overflow:hidden;pointer-events:none;background:var(--paper);display:inline-block;max-width:calc(100% - 136px);border:1.5px solid var(--line);border-radius:3px 9px 4px 8px}.pd-app .bottom{position:absolute;left:0;right:0;bottom:0;padding:0 10px calc(10px + env(safe-area-inset-bottom,0px)) 32px;display:flex;justify-content:center;pointer-events:none}.pd-app .controls,.pd-attacks{pointer-events:auto;display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.pd-attacks{flex-direction:column;padding:8px;width:min(560px,100%);gap:6px}.pd-attacks p{margin:0;text-align:center;font-size:17px;line-height:22px}.pd-atk-btns{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.pd-app [hidden]{display:none!important}.pd-attacks button{display:flex;flex-direction:column;align-items:center;line-height:1.15;padding:6px 4px}.pd-attacks small{font-size:13px;opacity:.7}.pd-atk-btns button.ult{border-width:3px;background:linear-gradient(transparent 45%,#f4dd4a 45%),#fcfcf7;grid-column:1/-1}.pd-app.fighting .top{opacity:0;transform:translateY(-12px)}.pd-app.fighting .controls,.pd-app.titling .top,.pd-app.titling .bottom{display:none}.pd-fighthud{position:absolute;top:10px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:10px;padding:4px 12px;white-space:nowrap}.pd-fighthud .f{display:flex;flex-direction:column;align-items:center;font-size:15px;line-height:20px}.pd-fighthud .vs{font-family:Caveat Brush,Segoe Print,cursive;font-size:30px;line-height:1}.pd-fighthud .hearts svg{width:16px;height:16px}.pd-combo{position:absolute;top:66px;left:50%;transform:translate(-50%) rotate(-4deg);font-family:Caveat Brush,Segoe Print,cursive;font-size:30px;color:#d9434f;-webkit-text-stroke:1px #1a1a1f;pointer-events:none}.pd-app button.pd-skip{position:absolute;right:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));pointer-events:auto;z-index:6}.pd-replay{position:absolute;left:34px;bottom:16px;z-index:6;font-family:Caveat Brush,Segoe Print,cursive;font-size:26px;color:#d9434f;pointer-events:none}.pd-replay:before{content:"";display:inline-block;width:14px;height:14px;border-radius:50%;background:#d9434f;margin-right:8px;animation:pd-blink 1s steps(2) infinite}@keyframes pd-blink{50%{opacity:0}}.pd-app.titling .pd-stage{pointer-events:none}.pd-loading{position:absolute;inset:0;z-index:11;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;font-size:20px;text-align:center;padding:16px;background:#f4f3ed}.pd-loading:not(.soft)~.pd-title .title-card:before,.pd-loading:not(.soft)~.pd-title .title-nav button:first-child:before{display:none}.pd-loading.soft{background:#f4f3edcc}@media (min-width: 760px){.pd-app .side{width:172px}.pd-map{width:156px;height:156px}.pd-narr{margin-right:180px;max-width:calc(100% - 180px);font-size:17px}.pd-app .hearts{max-width:none}.pd-app .hearts svg{width:13px;height:13px}.pd-app .team{font-size:16px}.pd-app .team .nm{width:84px}}@media (prefers-reduced-motion: reduce){.pd-app .top{transition:none}.pd-replay:before{animation:none}}:root{--wc1: url(/textures/watercolor/wc1.webp);--wc2: url(/textures/watercolor/wc2.webp);--wc3: url(/textures/watercolor/wc3.webp);--wc4: url(/textures/watercolor/wc4.webp);--wc5: url(/textures/watercolor/wc5.webp);--wc6: url(/textures/watercolor/wc6.webp);--wc7: url(/textures/watercolor/wc7.webp);--wc8: url(/textures/watercolor/wc8.webp);--wc9: url(/textures/watercolor/wc9.webp);--wc10: url(/textures/watercolor/wc10.webp);--sc4: url(/textures/scribbles/sc4.webp);--sc9: url(/textures/scribbles/sc9.webp);--sc16: url(/textures/scribbles/sc16.webp);--sc20: url(/textures/scribbles/sc20.webp);--paper: #fcfcf7;--rule: #c9daee;--text: #1c1c22;--line: #1c1c22;--hl: #f4dd4a;--heart: #d9434f;--good: #2e8b4e;--blue: #2f55c4;color-scheme:light;box-sizing:border-box}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--paper: #23262c;--rule: #36404d;--text: #ececef;--line: #ececef;--hl: #8f7b16;--good: #6fcb8e;--blue: #8ea2ff}}:root[data-theme=dark]{--paper: #23262c;--rule: #36404d;--text: #ececef;--line: #ececef;--hl: #8f7b16;--good: #6fcb8e;--blue: #8ea2ff}*,*:before,*:after{box-sizing:inherit}html,body{height:100%;margin:0}body{font-family:Kalam,Segoe Print,Comic Sans MS,cursive;color:var(--text);background:#f4f3ed}body.match-running{overflow:hidden;overscroll-behavior:none}#app-root{position:relative;height:100%;width:100%;overflow:hidden}[hidden]{display:none!important}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.card{background:var(--paper);border:2px solid var(--line);border-radius:4px 12px 6px 14px/14px 6px 12px 4px;box-shadow:3px 3px 0 var(--line)}.lined{background-image:repeating-linear-gradient(transparent 0 23px,var(--rule) 23px 24px)}button{font:inherit;font-size:16px;color:var(--text);background:var(--paper);border:2px solid var(--line);min-height:44px;padding:4px 12px;cursor:pointer;border-radius:255px 15px 225px/15px 225px 15px 255px}button:hover{filter:brightness(.96)}button:focus-visible{outline:3px dashed var(--blue);outline-offset:3px}button:disabled{opacity:.5;cursor:not-allowed}button.danger{color:#b3262f!important;border-color:#b3262f!important}button.danger:hover{background:#fbeaea!important}.pd-screen{position:absolute;inset:0;z-index:8;overflow:auto;background:#f4f3ed;color:#1c1c22;background-image:linear-gradient(90deg,transparent 22px,rgba(227,106,114,.75) 22px,rgba(227,106,114,.75) 24px,transparent 24px),repeating-linear-gradient(transparent 0 31px,#96b4dc59 31px 32px);padding:calc(14px + env(safe-area-inset-top,0px)) 14px calc(24px + env(safe-area-inset-bottom,0px)) 36px}.pd-screen h2{font-family:Caveat Brush,Segoe Print,cursive;font-weight:400;font-size:clamp(40px,9vw,64px);line-height:1;margin:6px 0 10px;transform:rotate(-1.5deg);transform-origin:left}.pd-screen h2:after{content:"";display:block;width:min(320px,80%);height:12px;margin-top:2px;background:#d9434f;opacity:.85;-webkit-mask:var(--sc16) center/100% 100% no-repeat;mask:var(--sc16) center/100% 100% no-repeat}.pd-screen h2:focus{outline:none}.pd-screen button{color:#1c1c22;background:#fcfcf7;border-color:#1c1c22}.pd-screen .inner{max-width:640px;margin:0 auto}.pd-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:16px;background:#f4f3ed99;z-index:9}.pd-overlay .card{position:relative;padding:16px 20px 20px;width:min(360px,100%);background:#fcfcf7;color:#1c1c22;border-color:#1c1c22;box-shadow:4px 4px #1c1c22}.pd-overlay h2{font-family:Caveat Brush,Segoe Print,cursive;font-weight:400;font-size:44px;margin:0 0 6px}.pd-overlay.pd-confirm{background:#f4f3edb3;z-index:10}.pd-overlay button,.pd-title button{color:#1c1c22;background-color:#fcfcf7;border-color:#1c1c22}.pd-overlay.pd-confirm .card{transform:rotate(-.6deg)}.pd-overlay.pd-confirm h2{font-size:40px;line-height:1.05}.pd-overlay.pd-confirm p{margin:0 0 6px;font-size:17px;line-height:26px}.pd-overlay.pd-over .card{padding:18px 22px;text-align:center;width:min(420px,100%)}.pd-overlay.pd-over{background:#f4f3ed8c}.pd-overlay.pd-over h2{font-size:44px;margin:0}.pd-overlay.pd-over .card:before{content:"";position:absolute;left:10%;top:-12px;width:80%;height:110px;background:var(--paint, #f4dd4a);opacity:.45;pointer-events:none;-webkit-mask:var(--wc3) center/100% 100% no-repeat;mask:var(--wc3) center/100% 100% no-repeat}.pd-overlay.pd-over .card>*{position:relative}.pd-overlay.pd-pause .card:before{content:"";position:absolute;left:0;top:-8px;width:70%;height:90px;background:#2f55c4;opacity:.25;pointer-events:none;-webkit-mask:var(--wc6) center/100% 100% no-repeat;mask:var(--wc6) center/100% 100% no-repeat}.pd-overlay.pd-pause .card>*{position:relative}.stack{display:flex;flex-direction:column;gap:10px}.menu-go{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.menu-go.center{justify-content:center}.pd-title{position:absolute;inset:0;z-index:8;display:flex;align-items:center;padding:calc(16px + env(safe-area-inset-top,0px)) 16px calc(16px + env(safe-area-inset-bottom,0px)) 40px;pointer-events:none}.title-card{position:relative;pointer-events:auto;background:#fcfcf7;border:2.5px solid #1c1c22;box-shadow:6px 6px #1c1c22;padding:18px 22px 20px;width:min(380px,100%);border-radius:6px 16px 8px 18px/18px 8px 16px 6px;transform:rotate(-1deg);color:#1c1c22;background-image:repeating-linear-gradient(transparent 0 31px,#96b4dc73 31px 32px)}.title-card:before{content:"";position:absolute;left:4px;top:-10px;width:78%;height:120px;background:#f4dd4a;opacity:.6;pointer-events:none;-webkit-mask:var(--wc4) center/100% 100% no-repeat;mask:var(--wc4) center/100% 100% no-repeat}.title-card>*{position:relative}.logo{font-family:Caveat Brush,Segoe Print,cursive;font-weight:400;font-size:clamp(56px,15vw,86px);line-height:.95;margin:0}.sub{font-size:18px;line-height:32px;margin:4px 0 10px}.title-nav{display:flex;flex-direction:column;gap:10px;align-items:stretch}.title-nav button{font-size:20px;text-align:left;padding:6px 16px}.seg button,.sw,.title-nav button{position:relative;isolation:isolate}.seg:not(.chips) button[aria-pressed=true]:before,.sw[aria-checked=true]:before,.title-nav button:first-child:before{content:"";position:absolute;left:4px;right:4px;top:30%;height:62%;background:#f4dd4a;z-index:-1;pointer-events:none;-webkit-mask:var(--sc9) center/100% 100% no-repeat;mask:var(--sc9) center/100% 100% no-repeat}.rulesnote{font-size:14px;line-height:22px;margin:12px 0 0;opacity:.75}.online-note{font-size:13px;line-height:20px;margin:8px 0 0;color:#b3262f}@media (max-height: 560px){.pd-title{align-items:flex-start;overflow:auto}}.menu-inner{max-width:900px;margin:0 auto}#menuHint,.menu-hint{font-size:17px;line-height:32px;margin:6px 0 4px}.rules-h{font-family:Caveat Brush,Segoe Print,cursive;font-weight:400;font-size:30px;margin:16px 0 4px}.chips{display:flex;flex-wrap:wrap;gap:6px}.chips button{min-height:38px;padding:2px 12px;font-size:16px}.chips button[aria-pressed=true]{background:linear-gradient(transparent 50%,#f4dd4a 50%),#fcfcf7}.chip-desc{font-size:15px;line-height:22px;margin:8px 0 0;min-height:22px}.chip-desc small{display:block;font-size:13px;opacity:.7}#clanGrid,.clan-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}@media (min-width: 720px){#clanGrid,.clan-grid{grid-template-columns:repeat(4,1fr)}}.clan{position:relative;display:flex;flex-direction:column;align-items:stretch;text-align:left;padding:8px 10px 10px;gap:2px;min-height:0;border-radius:6px 14px 8px 16px/16px 8px 14px 6px!important;box-shadow:3px 3px #1c1c22;transition:transform .15s}.clan:hover{transform:rotate(-1deg)}.clan canvas{width:100%;aspect-ratio:4/5;display:block;background:transparent;border:1.5px solid #1c1c22;border-radius:3px;position:relative;z-index:1}.clan b,.clan span:not(.tag),.clan small{position:relative;z-index:1}.clan:before{content:"";position:absolute;left:-4%;top:-3%;width:108%;height:62%;background:var(--paint);opacity:.38;pointer-events:none;z-index:0;-webkit-mask:var(--wash) center/100% 100% no-repeat;mask:var(--wash) center/100% 100% no-repeat}.clan[aria-pressed=true]:before{opacity:.6}.clan b{font-family:Caveat Brush,Segoe Print,cursive;font-weight:400;font-size:28px;line-height:1.1;margin-top:4px}.clan span{font-size:14px;line-height:19px}.clan small{font-size:13px;line-height:17px;color:#1e7a45}.clan .tag{position:absolute;top:14px;left:16px;z-index:2;font-family:Caveat Brush,Segoe Print,cursive;font-size:22px;background:#f4dd4a;border:2px solid #1c1c22;padding:0 8px;border-radius:40% 30% 45% 35%;transform:rotate(-6deg)}.clan[aria-pressed=true]{box-shadow:5px 5px #d9434f;outline:3px solid #d9434f;outline-offset:-1px}.clan:disabled{opacity:.45;cursor:not-allowed}#startBtn,.start-btn{font-size:20px;padding:6px 22px}.set-sec:after{content:"";display:block;width:min(240px,70%);height:10px;margin-top:-4px;background:#2f55c4;-webkit-mask:var(--sc4) center/100% 100% no-repeat;mask:var(--sc4) center/100% 100% no-repeat}.set-sec{font-family:Caveat Brush,Segoe Print,cursive;font-weight:400;font-size:30px;margin:18px 0 2px;color:#2f55c4;text-decoration-line:underline;text-decoration-thickness:2px;text-underline-offset:4px}.set-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:6px 0;border-bottom:1.5px dashed rgba(28,28,34,.25);flex-wrap:wrap}.set-row .txt{flex:1 1 220px;min-width:0}.set-row .lbl{font-size:18px;line-height:26px;display:block}.set-row .desc{font-size:14px;line-height:20px;opacity:.75;display:block}.seg{display:flex;gap:6px;flex-wrap:wrap}.seg button{min-height:40px;padding:2px 12px}.sw{min-width:72px;min-height:40px}.set-row input[type=range]{width:180px;accent-color:#1c1c22;min-height:40px}.back-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.prose p{font-size:17px;line-height:32px;margin:0}.prose h3{font-family:Caveat Brush,Segoe Print,cursive;font-weight:400;font-size:28px;margin:16px 0 0;color:#2f55c4}.prose ol{padding-left:22px}.prose li{font-size:17px;line-height:30px}@media (prefers-reduced-motion: reduce){.clan,button{transition:none!important}}