:root{--ink:#16365c;--blue:#147de2;--pink:#ed4c91;--line:#dceaf5;--muted:#58718b;--paper:#fff;font-family:'Yu Gothic','Meiryo',system-ui,sans-serif;color:var(--ink);background:#f4faff;font-synthesis:none}*{box-sizing:border-box}body{margin:0;line-height:1.7}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button,.button,.pr-link{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 22px;border:1px solid #c5dff4;border-radius:15px;background:#fff;color:var(--ink);font-weight:700;cursor:pointer;gap:8px;line-height:1.4}button:hover,.button:hover{background:#edf6ff;transform:translateY(-1px)}button:disabled{background:#e2eaf0;color:#5d7181;border-color:#d8e2ea;cursor:not-allowed;transform:none}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #144abe;outline-offset:4px}.primary{background:var(--pink);border-color:var(--pink);color:white;box-shadow:0 5px 0 #d12f76}.primary:hover{background:#dd367d}.secondary{background:#f5faff;box-shadow:none}.skip{position:absolute;left:-9999px}.skip:focus{left:10px;background:white;z-index:100;padding:10px}header{max-width:1240px;margin:auto;padding:16px 28px;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{font-size:34px;letter-spacing:-2px;font-weight:900;line-height:1.2;color:#1160b5}.brand>span{color:var(--pink)}.brand small{display:inline-block;font-size:16px;margin-left:18px;letter-spacing:0;color:var(--ink)}.ticket{border:1px solid #ffe1aa;background:#fff8e7;padding:8px 18px;border-radius:99px;white-space:nowrap}.ticket strong{font-size:24px;color:#b34100}nav{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;border-block:1px solid var(--line);background:white;padding:8px 18px}nav a{padding:8px 16px;min-height:44px;border-radius:10px;font-size:14px;font-weight:700}nav a:hover{background:#edf6ff}.prototype{text-align:center;font-size:12px;color:var(--muted);padding:10px}main{max-width:1160px;margin:auto;padding:8px 26px 54px;outline:0;min-height:65vh}h1,h2,h3,p{margin-top:0}h1{font-size:36px;line-height:1.4;letter-spacing:.01em;margin-bottom:16px}h2{font-size:25px;line-height:1.5}h3{font-size:17px;line-height:1.55}p{color:var(--muted)}em{font-style:normal;color:var(--pink)}.eyebrow{font-size:12px;font-weight:800;letter-spacing:.15em;color:#3180b4;display:block;margin-bottom:10px}.hero{position:relative;isolation:isolate;display:grid;grid-template-columns:1.25fr 1fr;align-items:center;overflow:hidden;border-radius:30px;background:linear-gradient(130deg,#e1f5ff,#fff7f9);min-height:370px;padding:40px 58px 60px;border:1px solid #d7ebf8}.hero h1{font-size:44px;font-weight:900}.hero p{font-size:16px}.hero-art{position:relative;display:flex;align-items:center;justify-content:center}.floating-label{position:absolute;top:2px;right:0;background:white;padding:8px 14px;border-radius:20px;box-shadow:0 5px 20px #8bbadb20;transform:rotate(7deg);font-size:14px;font-weight:700}.town{position:absolute;bottom:-17px;color:#89bfe0;font-size:52px;letter-spacing:40px;white-space:nowrap;opacity:.25;z-index:-1;left:10px}.machine{width:180px;height:240px;position:relative;margin:20px auto;filter:drop-shadow(0 14px 11px #8eb9d04a)}.globe{position:absolute;top:0;width:166px;height:149px;left:7px;border:7px solid #77c5ef;border-radius:50% 50% 35% 35%;background:radial-gradient(ellipse at 30% 22%,white 0 9%,#e5faffb0 11% 50%,#aee1fb 85%);overflow:hidden;box-shadow:inset -5px -5px 4px #198fcd30}.globe i{position:absolute;width:42px;height:42px;border-radius:50%;background:linear-gradient(#ff9bc5 48%,#fff 50%);border:2px solid #f377ac;top:62px;left:12px;transform:rotate(-30deg)}.globe i:nth-child(2){left:55px;top:76px;transform:rotate(20deg);background:linear-gradient(#ffe372 48%,#fff 50%);border-color:#edc24a}.globe i:nth-child(3){left:98px;top:62px;background:linear-gradient(#8de0e5 48%,#fff 50%);border-color:#48b4c3}.globe i:nth-child(4){left:29px;top:25px;background:linear-gradient(#b6a6fb 48%,#fff 50%);border-color:#9781e0}.globe i:nth-child(5){left:78px;top:24px}.globe i:nth-child(6){left:2px;top:102px}.globe i:nth-child(7){left:57px;top:114px}.globe i:nth-child(8){left:103px;top:102px}.machine-base{position:absolute;top:136px;width:180px;height:103px;border:5px solid #1483d3;background:linear-gradient(120deg,#50b9ff,#087bda);border-radius:20px 20px 24px 24px;text-align:center;color:#fff;box-shadow:inset 0 3px #9dddff}.machine-base b{display:block;font-size:19px;line-height:1.4;margin-top:3px}.handle{display:inline-flex;align-items:center;justify-content:center;color:#437cb3;font-size:29px;border:4px solid #dff6ff;background:#91c7f1;width:44px;height:44px;border-radius:50%;margin-top:4px}.outlet{display:block;position:absolute;bottom:6px;right:9px;width:34px;height:17px;background:#164579;border:3px solid #96d6fe;border-radius:9px}.capsule{display:none;position:absolute;bottom:0;right:5px;width:42px;height:42px;border-radius:50%;border:3px solid #dc518c;background:linear-gradient(#ff8bb6 48%,#fff 50%)}.steps{display:flex;gap:12px;list-style:none;margin:24px 0 40px;padding:0;justify-content:center}.steps li{display:flex;align-items:center;gap:10px;font-size:14px;background:#fff;padding:10px 25px;border:1px solid var(--line);border-radius:99px}.steps b{color:var(--pink);font-size:18px}.section-head{margin:20px 0 25px}.section-head p{margin-bottom:0}.category-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}.category{display:flex;flex-direction:column;min-height:216px;border:1px solid #d9e8f3;border-radius:21px;padding:22px 18px 16px;background:linear-gradient(155deg,var(--tint),#fff 90%);box-shadow:0 5px 0 #dcebf43b;transition:transform .18s}.category:hover{transform:translateY(-5px);border-color:#98c8ea}.tone-0{--tint:#ffe8f0}.tone-1{--tint:#e2f2ff}.tone-2{--tint:#fff1da}.tone-3{--tint:#e0f8eb}.tone-4{--tint:#eee8ff}.category-icon{font-size:38px;display:block;margin-bottom:12px;line-height:1.2}.category h3{margin-bottom:18px}.category-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:auto;font-size:11px;color:var(--muted);gap:5px}.category-bottom b{font-size:13px;color:var(--blue)}.mascot{display:flex;justify-content:center;align-items:center;gap:18px;margin-top:38px;padding:20px;border-radius:20px;background:#e6f5ff}.mascot img{width:72px;height:72px;border-radius:50%;object-fit:cover}.mascot p{color:var(--ink);font-weight:bold;margin:0}.back{display:inline-block;color:var(--blue);padding:8px 0;min-height:44px}.sub-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.sub-card{background:white;text-align:center;padding:38px 20px;border:1px solid var(--line);border-radius:24px}.sub-card:hover{border-color:#81baeb;background:#f1f9ff}.spin-panel{display:grid;grid-template-columns:1fr 1.2fr;align-items:center;background:linear-gradient(120deg,#e2f4ff,#fff);padding:30px;border:1px solid var(--line);border-radius:28px;min-height:370px}.spin-panel .machine{transform:scale(1.15)}.spin-copy{padding:12px 22px}.spin-button{width:100%;font-size:20px;margin:8px 0 14px}.pill{display:inline-block;border-radius:99px;padding:5px 13px;background:#eef7ff;color:#2068a5;font-size:12px;font-weight:bold;margin-bottom:12px}.probabilities{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px 22px;margin-top:24px}.probabilities summary{cursor:pointer;min-height:32px;font-weight:700}.probabilities p{font-size:14px;margin-top:16px}.result-card{display:grid;grid-template-columns:1fr 1.1fr;background:white;border:1px solid var(--line);border-radius:30px;overflow:hidden;box-shadow:0 12px 30px #aacbe226}.result-art{position:relative;background:radial-gradient(#fff,#e6f5ff);display:flex;align-items:center;justify-content:center;min-height:360px;padding:24px}.result-art .item-icon{font-size:128px}.result-art .item-image{max-height:340px;width:100%;object-fit:contain}.result-info{padding:36px}.result-info .primary{width:100%;margin:10px 0}.result-info .rarity{font-size:25px;margin:4px 0 10px}.result-info small{display:block;color:var(--muted);margin-top:16px}.sparkle{display:none;position:absolute;top:7%;font-size:32px;color:#d49a00;letter-spacing:30px}.legendary{border:2px solid #e4bc4c;box-shadow:0 0 25px #ffe18966}.legendary .result-art{background:radial-gradient(#fff8df,#f7e0aa,#ffeefb)}.legendary .sparkle{display:block;animation:twinkle 1s ease-in-out 3}.legendary .item-image{animation:prize-in .5s ease-out}.saved{color:#278165;font-size:14px}.actions{display:flex;gap:10px;flex-wrap:wrap}.actions .button{flex:1;font-size:13px;padding:12px 10px}.rarity{display:block;color:#ab7400;letter-spacing:2px;font-size:17px}.item-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}.item-card{padding:18px 14px;background:white;border:1px solid var(--line);border-radius:18px;text-align:center;min-width:0}.item-card h3{font-size:14px;margin:10px 0 6px}.item-card p{font-size:11px;margin-bottom:8px}.item-card strong{font-size:12px;font-weight:600}.item-image{height:100px;max-width:100%;object-fit:contain}.item-icon,.unknown{height:100px;display:flex;align-items:center;justify-content:center;font-size:48px}.unknown{color:#abbac9;font-weight:900;font-size:64px}.unowned{background:#f7fafc}.filter{display:flex;align-items:center;gap:12px;margin-bottom:24px}.filter select,select{min-height:46px;max-width:100%;padding:8px;border:1px solid #b9d3e7;border-radius:10px;background:#fff;color:var(--ink)}.story,.quiz-card{max-width:740px;margin:0 auto 26px;padding:32px;background:white;border:1px solid var(--line);border-radius:24px}.story-scene{font-size:32px;text-align:center;background:linear-gradient(#d7f2ff 60%,#a6d6eb);border-radius:17px;line-height:1.7;margin:10px 0 28px;padding:16px}.story p{line-height:1.95;font-size:17px}.quiz-card{border:2px solid #b8dcf5}.quiz-options{display:grid;gap:12px}.quiz-options button{justify-content:flex-start;min-height:62px;font-size:18px}.quiz-card small{display:block;margin-top:22px;color:var(--muted);font-size:12px}.reward{background:#fff4df;border:1px solid #ffdfa9;border-radius:18px;padding:26px;margin-bottom:18px;text-align:center}.reward>span{font-size:54px}.reward h3{font-size:21px}.info{background:#eaf5fe;border-radius:18px;padding:25px;margin-bottom:26px}.shop-grid{display:grid;gap:18px}.shop-item{display:flex;gap:25px;padding:24px;background:white;border-radius:20px;border:1px solid var(--line);align-items:center}.shop-item .item-image,.shop-item .item-icon{width:110px;flex-shrink:0}.shop-item h2{font-size:18px;margin-bottom:8px}.shop-item p{font-size:14px}.empty{padding:38px 24px;background:white;border-radius:24px;text-align:center;border:1px solid var(--line)}.empty>span{font-size:38px;display:block;margin-bottom:22px}.pr-area{margin-top:64px;border-top:5px solid #697271;border-radius:8px;padding:30px;background:#f0f1ed;color:#35403e}.pr-area p{color:#596461}.pr-label{background:#485650;color:white;font-size:12px;font-weight:bold;padding:5px 12px;display:inline-block;margin-bottom:16px}.pr-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.pr-card{border:1px solid #c5cbc4;border-radius:7px;padding:20px;background:#fff}.pr-card>span{font-size:12px;background:#e9ede7;padding:3px 8px;color:#3c4941}.pr-card h3{margin:14px 0}.pr-card p{font-size:13px}.pr-link{font-size:13px;color:#46594e;border-color:#bbc6bc;border-radius:6px;box-shadow:none;width:100%;background:#edf0e9}.event-list{list-style:none;padding:0}.event-list li{padding:15px;margin-bottom:10px;background:white;border:1px solid var(--line);border-radius:10px;overflow-wrap:anywhere}.event-list time{display:block;font-size:11px;color:var(--muted)}.event-list code{display:block;font-size:12px;color:#57768a}.qa-bar{max-width:1160px;margin:auto;padding:20px;border:2px dashed #b88723;background:#fff6df}.qa-bar p{margin-bottom:10px}.qa-bar button{margin:8px}.qa-bar select{margin-left:10px}#notice:empty{display:none}#notice{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);padding:15px 24px;max-width:calc(100% - 28px);width:max-content;background:#183a59;color:#fff;border-radius:15px;box-shadow:0 4px 20px #0003;z-index:30;pointer-events:none}footer{padding:30px 20px;background:#e5f2fc;text-align:center;color:#496e8f;font-size:12px}footer strong{font-size:15px}footer p{margin:8px}footer a{text-decoration:underline}.spinning .machine{animation:shake .22s ease-in-out 5}.spinning .globe i{animation:bounce .3s alternate 4}.spinning .handle{animation:turn .65s linear 2}.spinning .capsule{display:block;animation:drop .6s ease-out .65s both}@keyframes shake{0%,100%{transform:rotate(0)}25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}@keyframes bounce{to{translate:0 -14px}}@keyframes turn{to{rotate:360deg}}@keyframes drop{from{translate:0 -48px;opacity:0}to{translate:12px 35px;opacity:1}}@keyframes twinkle{50%{opacity:.3;scale:.95}}@keyframes prize-in{from{scale:.8;opacity:.3}to{scale:1;opacity:1}}
@media(max-width:1000px){.category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.item-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hero{padding:30px}.hero h1{font-size:35px}.steps li{padding:10px 16px}.brand small{font-size:13px}}
@media(max-width:600px){header{padding:14px 16px;gap:10px}.brand{font-size:29px}.brand small{display:block;font-size:11px;margin:3px 0 0}.ticket{padding:6px 12px;font-size:12px}.ticket strong{font-size:22px}nav{padding:6px 8px;gap:0;justify-content:space-around}nav a{font-size:11px;padding:9px 5px;display:flex;align-items:center}main{padding:6px 16px 36px}.prototype{font-size:10px;padding:8px}h1{font-size:27px}h2{font-size:22px}.hero{padding:28px 24px 40px;display:block;min-height:unset}.hero h1{font-size:32px;max-width:300px}.hero p{font-size:14px;max-width:240px}.hero .eyebrow{font-size:10px}.hero-art{display:none}.hero .button{width:100%;font-size:15px}.town{font-size:42px;bottom:-15px}.steps{gap:5px;margin:16px 0 26px}.steps li{display:block;text-align:center;padding:8px 4px;border-radius:12px;font-size:10px;flex:1}.steps b{display:block;font-size:16px}.section-head{margin-top:22px}.section-head p{font-size:14px}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.category{padding:18px 14px 14px;min-height:196px}.category h3{font-size:15px;line-height:1.5}.category-icon{font-size:32px;margin-bottom:14px}.category-bottom{font-size:10px;flex-wrap:wrap}.category-bottom b{font-size:12px}.mascot{padding:16px;gap:12px}.mascot p{font-size:13px}.mascot img{width:58px;height:58px}.sub-grid{grid-template-columns:1fr;gap:12px}.sub-card{padding:20px;text-align:left;display:grid;grid-template-columns:48px 1fr;gap:0 12px;align-items:center}.sub-card .category-icon{grid-row:1/4;margin:0}.sub-card h2{font-size:20px;margin-bottom:4px}.sub-card p{font-size:12px;margin-bottom:8px}.sub-card .button{font-size:14px;min-height:44px}.spin-panel{grid-template-columns:1fr;padding:15px}.spin-panel .machine{transform:scale(.88);margin:-5px auto -12px}.spin-copy{padding:14px 8px;text-align:center}.spin-copy h2{font-size:22px}.spin-copy p{font-size:14px}.spin-button{font-size:19px;min-height:60px}.probabilities{padding:16px}.result-card{grid-template-columns:1fr}.result-art{min-height:210px;max-height:285px;padding:15px}.result-art .item-image{max-height:250px}.result-art .item-icon{font-size:100px}.result-info{padding:22px}.result-info h2{font-size:22px}.result-info p{font-size:14px}.result-info .rarity{font-size:24px}.result-info .primary{min-height:56px}.item-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.item-card{padding:15px 10px}.item-card h3{font-size:13px}.item-card p{font-size:10px}.item-card strong{font-size:11px}.item-image,.item-icon,.unknown{height:86px}.filter{display:block;font-size:14px}.filter select{display:block;width:100%;margin-top:8px}.story,.quiz-card{padding:22px 20px}.story p{font-size:16px}.story-scene{font-size:25px}.quiz-options button{font-size:16px}.reward{padding:20px 15px}.reward h3{font-size:19px}.shop-item{display:block;text-align:center;padding:20px}.shop-item .item-icon,.shop-item .item-image{margin:auto}.shop-item button{width:100%;font-size:14px}.pr-area{padding:22px 18px;margin-top:48px}.pr-grid{grid-template-columns:1fr}.pr-area h1{font-size:25px}.info{padding:20px}.qa-bar{margin:10px;padding:15px}.qa-bar label{display:block;font-size:13px}.qa-bar button{font-size:12px;margin:10px 0 0;width:100%}}
.top-stage{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:22px;align-items:stretch}.top-stage .hero{padding:30px 32px 48px;grid-template-columns:1.35fr .8fr}.top-stage .hero h1{font-size:34px}.top-stage .hero .machine{scale:.86}.top-stage .floating-label{font-size:11px;right:-6px}.quiz-entrances{background:#fff;border:1px solid var(--line);border-radius:24px;padding:20px 17px;display:flex;flex-direction:column;gap:12px}.quiz-entrances .eyebrow{margin:0;font-size:10px}.quiz-entrances h2{font-size:18px;margin:0 0 2px}.top-quiz-card{display:flex;align-items:center;gap:10px;min-height:100px;border-radius:16px;padding:16px 12px;border:1px solid #d8e7f4;background:#f0f7ff;transition:transform .15s}.top-quiz-card:hover{transform:translateY(-2px);border-color:#8dbbdf}.top-quiz-card .game-icon{font-size:29px;flex-shrink:0}.top-quiz-card strong{font-size:18px;display:block}.top-quiz-card small{font-size:11px;color:var(--muted);display:block;line-height:1.6;margin-top:3px}.top-quiz-card>b{margin-left:auto;color:var(--blue)}.game-0{background:#fff0f6;border-color:#f0dae5}.game-1{background:#effaf5;border-color:#d8ecdf}.game-2{background:#f3f1ff;border-color:#e2ddf6}.quiz-entrances>p{font-size:10px;line-height:1.7;margin:0}.top-stage+.steps{margin-top:22px}
@media(max-width:1000px){.top-stage{grid-template-columns:minmax(0,1fr) 250px;gap:16px}.top-stage .hero{display:block;padding:28px}.top-stage .hero h1{font-size:32px}.top-stage .hero-art{display:none}}
@media(max-width:700px){.top-stage{grid-template-columns:1fr;gap:16px}.top-stage .hero{padding:28px 24px 40px}.top-stage .hero h1{font-size:30px}.quiz-entrances{padding:18px;gap:10px}.top-quiz-card{min-height:92px;padding:16px}.top-quiz-card strong{font-size:19px}.top-quiz-card small{font-size:13px}.top-quiz-card .game-icon{font-size:32px}.quiz-entrances>p{font-size:11px}.top-stage .hero .button,.top-stage .hero button{width:100%}}
.ticket-badge{display:inline-block!important;margin-top:6px;font-style:normal;font-size:10px;padding:3px 8px;border-radius:7px;background:#fff;border:1px solid #f1c6d9;color:#bc2967;font-weight:700}.top-quiz-card{min-height:114px}
.result-art .item-image{height:320px}
@media(max-width:600px){.result-art .item-image{height:230px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}