body{margin:0;background:var(--ddol-bg, #eaf6ff);color:var(--ddol-ink, #2b3a45);font-family:Galmuri11,system-ui,sans-serif;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}:root{--chrome: 96px;--safe-l: env(safe-area-inset-left, 0px);--safe-r: env(safe-area-inset-right, 0px);--safe-b: env(safe-area-inset-bottom, 0px)}#app{box-sizing:border-box;max-width:860px;min-height:100dvh;margin:0 auto;padding:8px calc(8px + var(--safe-r)) calc(8px + var(--safe-b)) calc(8px + var(--safe-l));display:flex;flex-direction:column;justify-content:center}.screen{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%}.screen__title{margin:4px 0 0;font-size:1.4rem}.screen__lead,.screen__note,.hint{margin:0;font-size:.82rem;opacity:.75;text-align:center}.screen__note--intro,.screen__note--signin{max-width:34rem;margin:0 auto;padding:.6rem .8rem;border-radius:.6rem;line-height:1.5;opacity:1;color:var(--ddol-ink, #2b3a45);background:color-mix(in srgb,currentColor 7%,transparent)}.screen__note--signin a{white-space:nowrap;font-weight:700;color:inherit}.muted{opacity:.7}:root{--type-normal: #9099a1;--type-fire: #ff9d55;--type-water: #5090d6;--type-electric: #f4d23c;--type-grass: #63bc5a;--type-ice: #73cec0;--type-fighting: #ce4069;--type-poison: #aa6bc8;--type-ground: #d97845;--type-flying: #8fa9de;--type-psychic: #fa7179;--type-bug: #91c12f;--type-rock: #c5b78c;--type-ghost: #5269ad;--type-dragon: #0b6dc3;--type-dark: #5a5465;--type-steel: #5a8ea2;--type-fairy: #ec8fe6}.mute{position:fixed;top:calc(8px + env(safe-area-inset-top,0px));left:calc(8px + var(--safe-l));z-index:40;width:36px;height:36px;padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:2px solid rgba(43,58,69,.16);border-radius:50%;background:#ffffffdb;font-size:.9rem;line-height:1;cursor:pointer}.mute--off{opacity:.55}.mute:active{transform:scale(.92)}.hero__title{margin:0;font-size:1.8rem;letter-spacing:-.02em}.hero__art{width:100%;max-width:560px;height:auto;aspect-ratio:1200 / 630;border-radius:12px;margin:2px 0 4px}.hero__lead{margin:0 0 6px;font-size:.88rem;opacity:.78;text-align:center;line-height:1.55}.portal-links{margin:6px 0 0;font-size:.78rem;opacity:.75;text-align:center}.portal-links a{color:inherit}.portal-links--on-card{opacity:.9}.section{width:100%}.section__title{margin:0 0 6px;font-size:.86rem;opacity:.75}.filters{display:flex;flex-direction:column;gap:6px;width:100%}.search{width:100%;box-sizing:border-box;padding:9px 12px;border:2px solid rgba(43,58,69,.14);border-radius:12px;background:#fff;font:inherit;font-size:.9rem;color:inherit}.search:focus{outline:none;border-color:var(--ddol-accent, #ffc40d)}.chips{display:flex;flex-wrap:wrap;gap:4px}.chip{padding:4px 10px;border:2px solid rgba(43,58,69,.14);border-radius:999px;background:#fff;font:inherit;font-size:.74rem;color:inherit;cursor:pointer;opacity:.72}.chip.is-on{opacity:1;border-color:var(--ddol-accent, #ffc40d);background:var(--ddol-accent, #ffc40d);font-weight:700}.chip--type{border-color:var(--c)}.chip--type.is-on{background:var(--c);border-color:var(--c);color:#fff;text-shadow:0 1px 1px rgba(0,0,0,.35)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px;width:100%}.pick{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 4px;border:2px solid rgba(43,58,69,.12);border-radius:12px;background:#fff;cursor:pointer;font:inherit;font-size:.78rem;transition:transform .08s,border-color .12s}.pick:hover,.pick:focus-visible{transform:translateY(-2px);border-color:var(--ddol-accent, #ffc40d)}.pick--rare{position:relative;border-color:#d9a520;background:linear-gradient(180deg,#fffaea,#fff 60%)}.pick--rare[data-rarity="2"]{border-color:#a06bd0;background:linear-gradient(180deg,#f8f0ff,#fff 60%)}.pick__mark{position:absolute;top:3px;right:5px;font-size:.72rem;line-height:1;color:#d9a520}.pick--rare[data-rarity="2"] .pick__mark{color:#a06bd0}.pick__art{width:48px;height:48px;background-repeat:no-repeat;image-rendering:pixelated}.pick__name{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.pick__types{display:flex;gap:3px}.dot{width:8px;height:8px;border-radius:50%;box-shadow:inset 0 -1px 1px #0000002e}.pick__bars{display:flex;gap:2px;width:80%}.bar{flex:1;height:4px;border-radius:2px;background:#2b3a451f;overflow:hidden}.bar i{display:block;height:100%}.bar--size i{background:#7a8ea0}.bar--speed i{background:#4cc2f1}.bar--power i{background:#ff8a5c}.link-btn{border:0;background:none;font:inherit;font-size:.82rem;text-decoration:underline;cursor:pointer;color:inherit;opacity:.8}.screen--match{gap:8px}.stage{position:relative;width:min(100%,calc((100dvh - var(--chrome)) * 16 / 9));aspect-ratio:16 / 9;margin:0 auto}#court{display:block;width:100%;height:100%;border-radius:12px;background:#79c9fc;touch-action:none}.pads{display:flex;justify-content:space-between;align-items:flex-end;width:100%;gap:12px;box-sizing:border-box}.pads__left,.pads__right{display:flex;gap:8px;align-items:flex-end}.pad{min-width:60px;min-height:56px;padding:0 12px;border:0;border-radius:14px;background:#ffffffeb;box-shadow:0 2px #2b3a4538;font:inherit;font-size:.86rem;font-weight:700;color:inherit;cursor:pointer;touch-action:none}.pad--hit{min-width:84px;min-height:64px;background:#ffd45ef2}.pad--jump{min-width:72px;background:#a9e6fff2}.pad--down{min-width:52px;min-height:44px}.pad.is-held{transform:translateY(2px);box-shadow:none;filter:brightness(.94)}.pads,.hint{display:none}@media (hover: hover) and (pointer: fine){.hint{display:block}}@media (pointer: coarse){.pads{display:flex}}@media (orientation: landscape) and (pointer: coarse){:root{--chrome: 16px}#app{padding-top:4px;padding-bottom:4px}.screen--match{gap:0}.pads{position:fixed;inset:auto 0 0 0;align-items:flex-end;padding:0 calc(10px + var(--safe-r)) calc(10px + var(--safe-b)) calc(10px + var(--safe-l));pointer-events:none}.pad{pointer-events:auto;opacity:.82;box-shadow:0 2px #2b3a454d}}@media (orientation: portrait) and (pointer: coarse){:root{--chrome: 210px}.pad{min-height:64px}.pad--hit{min-height:76px}}.rotate-tip{display:none}@media (orientation: portrait) and (pointer: coarse){.rotate-tip{display:flex;align-items:center;gap:8px;width:100%;box-sizing:border-box;padding:8px 10px;border-radius:10px;background:#ffc40d38;font-size:.8rem}.rotate-tip button{margin-left:auto;border:0;background:none;font:inherit;font-size:1rem;cursor:pointer;color:inherit;opacity:.6}.rotate-tip[hidden]{display:none}}.screen--intro{gap:14px;padding:18px 0;background:linear-gradient(180deg,#4aa8e8,#8fd4fb);border-radius:14px;color:#fff;text-shadow:0 2px 3px rgba(0,0,0,.28);overflow:hidden}.screen--intro.is-rare{background:radial-gradient(circle at 50% 40%,#3b3050,#171225);box-shadow:inset 0 0 60px #e8bb3a52}.vs{display:flex;align-items:center;justify-content:center;gap:10px;width:100%}.vs__side{display:flex;flex-direction:column;align-items:center;gap:4px;flex:1;max-width:200px}.vs__side--home{animation:vs-in-left .42s cubic-bezier(.2,1.2,.4,1) both}.vs__side--away{animation:vs-in-right .42s cubic-bezier(.2,1.2,.4,1) both}@keyframes vs-in-left{0%{opacity:0;transform:translate(-70px)}to{opacity:1;transform:none}}@keyframes vs-in-right{0%{opacity:0;transform:translate(70px)}to{opacity:1;transform:none}}.vs__art{width:104px;height:104px;image-rendering:auto;filter:drop-shadow(0 6px 6px rgba(0,0,0,.3))}.vs__side--home .vs__art{transform:scaleX(-1)}.vs__name{font-weight:700;font-size:1rem}.vs__types{display:flex;gap:3px}.vs__type{padding:1px 7px;border-radius:999px;font-size:.66rem;color:#fff}.vs__stars{font-size:.78rem;letter-spacing:.08em}.vs__mark{font-size:1.9rem;font-weight:700;font-style:italic;color:#ffe14d;animation:vs-pop .5s .28s cubic-bezier(.2,1.6,.4,1) both}@keyframes vs-pop{0%{opacity:0;transform:scale(2.6) rotate(-12deg)}to{opacity:1;transform:none}}.vs__badge{margin:0;font-weight:700;font-size:.9rem;letter-spacing:.08em;color:#ffd75e;animation:vs-pop .4s .6s ease-out both}.screen--intro[data-rarity="2"] .vs__badge{color:#d9aef5}.vs__hint{margin:0;font-size:.74rem;opacity:.8}.result-group{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%}.result-card{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%;box-sizing:border-box;padding:16px 12px;border-radius:14px;color:#fff;text-shadow:0 2px 3px rgba(0,0,0,.28);background:linear-gradient(180deg,#4aa8e8,#8fd4fb)}.result-card.is-lost{background:linear-gradient(180deg,#5b6b78,#93a3ae)}.vs__side.is-lost{opacity:.75}.vs__side.is-lost .vs__art{filter:grayscale(1) brightness(.72)}.vs__side--home.is-lost .vs__art{transform:scaleX(-1) rotate(-9deg) translateY(4px)}.vs__side--away.is-lost .vs__art{transform:rotate(9deg) translateY(4px)}.vs__side.is-lost .vs__type{filter:grayscale(.85)}.screen--result .vs__side,.screen--result .vs__mark{animation:none}.screen--result .vs__mark{opacity:.55;font-size:1.4rem}.screen--result .vs__art{width:84px;height:84px}.score-line{margin:0;font-size:2rem;font-weight:700;letter-spacing:.1em}.reward{min-height:2.4em;text-align:center;font-size:.9rem}.reward__got{font-weight:700}.actions{display:flex;gap:8px}.btn{padding:10px 18px;border:0;border-radius:12px;background:#fff;box-shadow:0 2px #2b3a4538;font:inherit;font-weight:700;cursor:pointer;color:var(--ddol-ink, #2b3a45);text-shadow:none}.btn--primary{background:var(--ddol-accent, #ffc40d)}.result-ad{width:100%;max-width:480px;margin-bottom:84px}.screen--loading{min-height:40vh;justify-content:center}