@import"https://fonts.googleapis.com/css2?family=Joti+One&display=swap";@import"https://fonts.googleapis.com/css2?family=WDXL+Lubrifont+TC&display=swap";:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-family:WDXL Lubrifont TC,sans-serif;font-weight:400;font-style:normal}body,html{margin:0;padding:0;min-height:100%;width:100%;box-sizing:border-box}.explosion{will-change:background-position}@keyframes explosion-anim{0%{background-position:0 0}to{background-position:-1632px 0}}body{background:#151515;background-image:url(/assets/bg-BD3V2Gc4.jpg)}#root{margin:0 auto;-webkit-user-select:none;user-select:none}.eliminator{padding:4em}.eliminator .pokemon-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:0}.eliminator .pokemon-card{text-align:center;padding:.5rem;font-size:12px;color:#656565;font-weight:700;line-height:1}.eliminator .pokemon-card:hover{background:#262626;color:#999;z-index:5;box-shadow:0 3px #0d0d0d;border-radius:16px}.eliminator .pokemon-card:hover .pokemon-img{transform:scale(1.5)}.eliminator .pokemon-card:not(.eliminated) .pokemon-img{filter:contrast(1.2) drop-shadow(2px 0px 0px white) drop-shadow(-2px 0px 0px white) drop-shadow(0px 2px 0px white) drop-shadow(0px -2px 0px white) drop-shadow(0px 0px 10px black)}.eliminator .pokemon-card .pokemon-name{font-weight:700;transform:scale(1);transition:transform 50ms,color 50ms,text-shadow 50ms}.eliminator .pokemon-card:hover:not(.eliminated) .pokemon-name{transform:scale(2);color:#fff;text-shadow:0 0 5px black;z-index:10}.eliminator .pokemon-card.eliminated{transition:transform 50ms;color:#2f2f2f!important}.eliminator .pokemon-card.eliminated .pokemon-img{filter:grayscale(1) brightness(.3) drop-shadow(2px 0px 0px #0f0f0f) drop-shadow(-2px 0px 0px #0f0f0f) drop-shadow(0px 2px 0px #0f0f0f) drop-shadow(0px -2px 0px #0f0f0f);transform:scale(1)!important}.eliminator .pokemon-img{width:100px;height:100px;object-fit:contain;transition:transform .2s;pointer-events:none}.splod-gif{position:absolute;left:0;top:0;width:96px;height:96px;pointer-events:none;z-index:2}button{display:block;margin:1em auto;padding:.5em 1em;font-size:1.5em;color:#fff;background:#bb0a0a;border:none;border-radius:4px;cursor:pointer;font-family:Joti One,serif;font-weight:400;font-style:normal;transition:background 50ms,transform 50ms;text-transform:uppercase;text-shadow:0 3px 0 rgba(0,0,0,.5),0 6px 6px rgba(0,0,0,.75);box-shadow:0 3px #00000080,0 6px 6px #000000bf}button:hover{background:#e1450d;transform:scale(1.1) rotate(2deg)}a,a:visited{font-weight:700;color:#bb0a0a}:is(a,a:visited):hover{color:#e1450d}.Intro{margin:0 auto;padding:10em 0;text-align:center;min-height:100vh;background:linear-gradient(to bottom,#000000bf,#0000)}.Intro img{max-width:100%;width:900px;height:auto}.Intro h1{font-family:Joti One,serif;font-weight:400;font-style:normal;font-size:5em;color:#f26913;text-transform:uppercase;text-shadow:0 5px 0 rgba(255,41,3,.5),0 15px 10px rgba(0,0,0,.75);line-height:1;margin:0}.Intro p{font-size:1.25em;color:#ffef8a;background-color:#000000bf;padding:1em;margin:2em 0}.Intro .instructions{background:#ffffff0d;box-shadow:0 0 10px #000000bf;padding:.5em;margin:4em auto;max-width:450px}.Intro .instructions h5{font-size:1em;color:#ffef8a;margin:1em 0;text-transform:uppercase}.Intro .instructions ol{text-align:left}.Intro .instructions ol li{font-size:1.25em;color:#ff9719;padding:.25em;list-style-position:inside}.Intro .instructions ol li::marker{font-size:2em;color:#a7a7a7}.Intro .instructions ol li span{color:#f41d0a;text-transform:uppercase}.Progress{position:sticky;top:0;z-index:100;width:300px;margin:4em auto;background-color:#222;padding:16px 3em;text-align:center;overflow:hidden;clip-path:polygon(0% 0,100% 0,92% 100%,8% 100%);border:solid 2px #f5850c;background:linear-gradient(#000000bf,#000000bf),url(/assets/bg-BD3V2Gc4.jpg)}.Progress h2{margin:0;color:#de1b1b;font-family:Joti One,serif;font-weight:400;font-style:normal;font-size:2em}.Progress .display{display:flex;align-items:center}.Progress .display .progress-bar{width:100%;height:24px;background-color:#1a1a1a;border-radius:12px;overflow:hidden;margin-top:8px}.Progress .display .progress-bar .progress{height:100%;width:0%;transition:width .5s ease-in-out;background:linear-gradient(90deg,#ff1c1c 25%,#ff7512,#ff1c1c 75%);background-size:200% 100%;animation:progress-bar-move 2s linear infinite}.Progress .display .progress-text{white-space:nowrap;font-weight:700;padding:8px;color:#e26319}.Progress .level{font-weight:700;font-size:16px;color:#ffb71a}.Progress .level span{font-size:12px;color:#565656}@keyframes progress-bar-move{0%{background-position:100% 0}to{background-position:0% 0}}.Graveyard{background:#000000bf;border-top:solid 8px #bb0a0a;padding:4em 2em}.Graveyard h1{text-align:center;margin-bottom:2em;font-size:5em}.Graveyard h2{text-align:center;margin-top:6em}.Graveyard .pokemon-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:0}.Graveyard .pokemon-card{text-align:center;padding:.5rem;font-size:12px;color:#656565;font-weight:700;line-height:1}.Graveyard .pokemon-card .pokemon-img{filter:contrast(1.2) drop-shadow(2px 0px 0px white) drop-shadow(-2px 0px 0px white) drop-shadow(0px 2px 0px white) drop-shadow(0px -2px 0px white) drop-shadow(0px 0px 10px black)}.Graveyard .pokemon-card .pokemon-name{font-weight:700;transform:scale(1);transition:transform 50ms,color 50ms,text-shadow 50ms}.Graveyard .pokemon-img{width:100px;height:100px;object-fit:contain;transition:transform .2s;pointer-events:none}.Graveyard .summary{font-size:1.5em;color:#f0d41d;margin:2em 0;text-align:center}.Graveyard .summary span{color:#f5850c;font-weight:700}.LevelUpOverlay{position:fixed;inset:0;z-index:10000;pointer-events:all;display:grid;place-items:center;transition:opacity .5s ease;opacity:1}.LevelUpOverlay .curtain{position:absolute;inset:50% 0;background:linear-gradient(#000000e6,#000000e6),url(/assets/bg-BD3V2Gc4.jpg);transition:top var(--in-ms, .3s) ease,bottom var(--in-ms, .3s) ease;z-index:0}.LevelUpOverlay.entered .curtain{top:0;bottom:0}.LevelUpOverlay.fade-out{opacity:0}.LevelUpOverlay .msg{text-align:center;color:#fff;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Helvetica Neue,Arial,Noto Sans,"Apple Color Emoji","Segoe UI Emoji";position:relative;z-index:1;clip-path:inset(50% 0 50% 0);transition:clip-path var(--in-ms, .3s) ease}.LevelUpOverlay.entered .msg{clip-path:inset(0 0 0 0)}.LevelUpOverlay .title{font-size:64px;font-weight:900;letter-spacing:2px;text-shadow:0 0 24px rgba(0,0,0,.8);transition:opacity .3s ease;color:#ffa719;text-transform:uppercase;text-shadow:0 5px 0 rgba(255,83,9,1),0 15px 10px rgba(0,0,0,.75);font-family:Joti One,serif;font-weight:400;font-style:normal;font-size:5em}.LevelUpOverlay .subtitle{font-size:28px;margin-top:16px;opacity:0;transform:translateY(6px);transition:opacity .3s ease,transform .3s ease;font-family:WDXL Lubrifont TC,sans-serif;font-weight:400;font-style:normal;color:#ff6919}.LevelUpOverlay .subtitle.show{opacity:1;transform:translateY(0)}.Export{--win-margin: 24px;--ui-allowance: 160px;margin:0 auto;display:block;padding:1rem 1.25rem 2rem;background:#000000bf}.Export h2{margin:0 0 .5rem;font-size:4rem;text-align:center;color:#f0781d;text-shadow:0 4px 8px rgba(0,0,0,.5)}.Export .export-actions{display:flex;gap:1rem}.Export .export-actions .hint{opacity:.8;font-size:.9rem}.Export .export-generating{padding:.5rem 0;opacity:.9;text-align:center}.Export .export-canvas{margin-top:.5rem}.Export .export-canvas canvas{display:block;width:100%;height:auto;margin:0 auto}.Export .export-result{margin-top:.75rem;text-align:center}.Export .export-result img{display:block;width:auto;height:auto;max-width:100%;max-height:calc(100vh - (var(--win-margin) * 2) - var(--ui-allowance));margin:0 auto;border-radius:10px;border:1px solid #111;background:#000;box-shadow:0 0 40px #000}.Export .export-result .download{display:flex;flex-direction:column;margin-top:.75rem;gap:.5rem;justify-content:center;align-items:center}.Export .export-result .download .save-hint{opacity:.85;font-size:.9rem}@supports (height: 100dvh){.Export .export-result img{max-height:calc(100dvh - (var(--win-margin) * 2) - var(--ui-allowance))}}.Export .export-error{color:#ff8080;padding-top:.5rem}@media (max-height: 900px){.Export{--ui-allowance: 200px}}@media (max-height: 750px){.Export{--ui-allowance: 230px}.Export h2{font-size:1.4rem}}@media (max-height: 650px){.Export{--ui-allowance: 260px}.Export h2{font-size:1.25rem}}
