: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}}
/* Theme selection: presentation only; category routes and economy are unchanged. */
#gacha-machines{scroll-margin-top:24px;outline:none}
#gacha-machines:focus-visible{outline:2px solid #9ac9e9;outline-offset:10px;border-radius:16px}
.theme-machine{position:relative;min-width:0;padding:15px 14px 12px;border:2px solid #d1e2ed;border-bottom-width:7px;border-radius:22px 22px 18px 18px;background:linear-gradient(160deg,var(--tint),#fdfefe);box-shadow:0 6px 12px #426b8910,inset 0 2px 0 #fff;gap:0}
.machine-label{display:flex;align-items:center;justify-content:space-between;font-size:10px;font-weight:800;letter-spacing:.12em;color:#58718b;margin-bottom:12px}
.machine-label i{width:7px;height:7px;background:#4da994;border-radius:50%;box-shadow:0 0 0 3px #ffffffa0}
.machine-window{display:flex;align-items:center;justify-content:center;gap:4px;min-height:98px;border:3px solid #fff;border-radius:16px;background:linear-gradient(145deg,#ffffffec,#ffffff75);box-shadow:inset 0 2px 5px #688cad21,0 1px 0 #a9c9de60;margin-bottom:16px;position:relative}
.machine-window>span{font-size:28px;line-height:1;display:flex;align-items:center;justify-content:center;width:43px;height:43px;background:linear-gradient(transparent 48%,var(--tint) 49%);border:1px solid #c7ddeb90;border-radius:50%;box-shadow:0 3px 4px #54799912}
.machine-window>span:nth-child(2){translate:0 -10px}
.theme-machine h3{font-size:16px;text-align:center;margin:0 0 10px;min-height:50px;display:flex;align-items:center;justify-content:center;overflow-wrap:anywhere}
.theme-machine .machine-description{font-size:13px;line-height:1.75;margin:0 0 14px;color:#425f78;flex:1;overflow-wrap:anywhere}
.machine-controls{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #bfd6e48c;padding-top:12px;margin:0 6px 12px}
.machine-dial{display:block;width:32px;height:32px;background:#fff;border:3px solid #c4d8e6;border-radius:50%;position:relative}
.machine-dial::after{content:'';position:absolute;width:22px;height:6px;left:2px;top:10px;border-radius:4px;background:#81a6c0;rotate:-30deg}
.machine-hatch{width:62px;height:24px;border:4px solid #c6dce9;border-bottom-width:3px;border-radius:12px 12px 8px 8px;background:#56788f;box-shadow:inset 0 5px 0 #36586f}
.machine-cta{display:flex;align-items:center;justify-content:center;gap:10px;min-height:46px;border-radius:12px;background:#fff;border:1px solid #b5d4eb;color:#146ab4;font-size:14px;font-weight:800;box-shadow:0 3px 0 #c1d9e9}
.theme-machine:hover .machine-cta{background:#e9f5ff;border-color:#79b4df}
.machine-themes{display:block;text-align:center;font-size:10px;color:#58718b;margin-top:10px}
.top-stage .theme-selection-hero h1{font-size:32px;line-height:1.5}
.top-stage .theme-selection-hero p{line-height:1.9;font-size:15px}
@media(max-width:1000px){.machine-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.top-stage .theme-selection-hero .hero-art{display:flex}.top-stage .theme-selection-hero .machine{margin:8px auto -12px;scale:.7}.top-stage .theme-selection-hero .floating-label{right:15%}.top-stage .theme-selection-hero h1{font-size:29px}}
@media(max-width:600px){.machine-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.theme-machine{padding:12px 10px 10px;border-radius:18px;border-bottom-width:6px}.machine-window{min-height:84px;gap:2px;margin-bottom:12px}.machine-window>span{font-size:23px;width:35px;height:35px}.theme-machine h3{font-size:15px;min-height:68px}.theme-machine .machine-description{font-size:13px;line-height:1.7}.machine-cta{font-size:14px;min-height:48px;padding:6px}.machine-themes{font-size:10px}.top-stage .theme-selection-hero h1{font-size:28px;max-width:none}.top-stage .theme-selection-hero p{max-width:none;font-size:14px}.top-stage .theme-selection-hero .hero-art{display:flex;max-height:170px;margin-top:14px}.top-stage .theme-selection-hero .machine{scale:.65;margin:-20px auto}.machine-label{font-size:9px}.machine-controls{margin-inline:2px}}
@media(max-width:360px){.machine-grid{grid-template-columns:1fr}.theme-machine h3{min-height:0}.theme-machine .machine-description{text-align:center}.machine-window>span{font-size:30px;width:46px;height:46px}}
.theme-selection-hero .hero-ending{display:inline-block}
/* Town entrance only; #plaza retains its existing layout. */
.town-view>header,.town-view>nav,.town-view>.prototype{display:none}
#screen.town-screen{max-width:1920px;padding:0;margin:0 auto;width:100%}
.town-map{position:relative;width:100%;line-height:0}
.town-map>img{display:block;width:100%;height:auto}
.town-hotspot{position:absolute;border-radius:18px;display:block;outline-offset:3px}
.town-hotspot:hover,.town-hotspot:focus-visible{outline:4px solid #ffcf4a;background:#fff2;box-shadow:0 0 18px #fff9}
.town-directions{max-width:1150px;margin:0 auto;padding:28px 24px 40px;text-align:center}
.town-directions h2{margin:0;font-size:26px}.town-directions p{color:var(--muted)}
.town-enter{min-height:56px;margin:6px 0 20px;font-size:20px}
.town-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;background:none;padding:0;border:0;max-width:none;white-space:normal}
.town-links a{display:flex;flex-direction:column;justify-content:center;min-height:62px;padding:10px;border:1px solid #c5dfee;border-radius:12px;background:#fff;font-weight:700;overflow-wrap:anywhere}
.town-links small{font-size:12px;color:#526b82;font-weight:400}
.town-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
@media(max-width:700px){.town-directions{padding:20px 16px 28px}.town-directions h2{font-size:23px}.town-directions p{font-size:14px}.town-links{grid-template-columns:repeat(2,minmax(0,1fr))}.town-links a{font-size:14px;min-height:64px}.town-enter{width:100%;font-size:18px}.town-hotspot{border-radius:4px}.town-hotspot:focus-visible{outline-width:2px}}
.town-central{left:40%;top:43%;width:20%;height:27%}
.town-reuse{left:21%;top:27%;width:15%;height:13%}.town-learn{left:42%;top:28%;width:16%;height:13%}.town-home .town-home{left:63%;top:27%;width:17%;height:13%}
.town-travel{left:8%;top:44%;width:16%;height:13%}.town-beauty{left:79%;top:43%;width:16%;height:14%}.town-digital{left:12%;top:62%;width:17%;height:13%}.town-work{left:71%;top:62%;width:16%;height:13%}.town-pets{left:34%;top:70%;width:15%;height:13%}.town-life{left:53%;top:70%;width:14%;height:13%}

/* Compact utility strip directly between the town image and facility guide. */
.town-game-strip{max-width:1440px;margin:12px auto 0;padding:12px 18px;display:grid;grid-template-columns:200px minmax(170px,1fr) minmax(510px,1.7fr);gap:18px;align-items:center;background:#fff;border:2px solid #c9e8fa;border-radius:20px}
.strip-title strong{display:block;color:#e95144;font-size:20px}.strip-title small{display:block;font-size:10px;color:var(--muted)}
.strip-search{display:flex;min-width:0;border:1px solid #2298f2;border-radius:28px;overflow:hidden;height:46px}
.strip-search input{min-width:0;width:100%;border:0;background:#fff;padding:8px 12px;font-size:14px}.strip-search button{border:0;border-radius:0;background:#058afb;color:#fff;padding:0 16px;min-height:44px;font-size:25px}
.strip-games{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:0;border:0;background:none;white-space:normal}
.strip-game{min-width:0;border-left:1px solid #dceaf5;padding-left:10px}.strip-label{display:block;font-size:13px;font-weight:700}.strip-game-link.top-quiz-card{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:0;min-height:48px;border:0;padding:3px 0;background:none;border-radius:6px}.strip-game-link.top-quiz-card strong{font-size:14px}.strip-game-link.top-quiz-card small{font-size:10px;line-height:1.5;margin:0}.strip-label[href]{text-decoration:underline;min-height:24px}
@media(max-width:1000px){.town-game-strip{grid-template-columns:200px 1fr;margin-inline:12px;gap:10px}.strip-games{grid-column:1/-1}}
@media(max-width:600px){.town-game-strip{grid-template-columns:1fr;padding:12px;margin:10px 10px 0;gap:10px;border-radius:16px}.strip-title{display:flex;align-items:center;gap:8px}.strip-title strong{font-size:17px;white-space:nowrap}.strip-title small{font-size:10px}.strip-games{gap:6px}.strip-game{padding-left:6px}.strip-game:first-child{border-left:0;padding-left:0}.strip-label{font-size:12px}.strip-game-link.top-quiz-card strong{font-size:12px}.strip-game-link.top-quiz-card small{font-size:10px}.strip-game-link.top-quiz-card{min-height:64px}}

/* Article portal only; all game and town styles above are preserved. */
.town-articles{width:calc(100% - 40px);max-width:1200px;margin:0 auto;padding:0 0 32px}.town-article-section{margin:0 0 28px}.article-section-head{display:flex;align-items:baseline;gap:20px;margin:0 0 16px}.article-section-head h2{font-size:28px;margin:0;line-height:1.5}.article-section-head h2>span{font-size:24px}.article-section-head p{font-size:14px;color:#49657f;margin:0}.town-article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.town-article-card{min-width:0;background:#fff;border:1px solid #d4e6f3;border-radius:22px;overflow:hidden;box-shadow:0 5px 15px #1b60940c}.article-link{display:flex;flex-direction:column;height:100%;color:var(--ink)}.article-link:hover{background:#f3faff}.article-link:focus-visible{outline:3px solid #238ce0;outline-offset:-4px}.article-art{position:relative;min-height:194px;background:#e0f2fc;display:flex;align-items:center;justify-content:center;flex-direction:column;overflow:hidden;gap:10px}.article-art.tone-pink{background:#fbe9f1}.article-art.tone-green{background:#e5f5ed}.article-art:before,.article-art:after{content:'';position:absolute;width:100px;height:100px;border-radius:50%;background:#fff7;left:-22px;top:-24px}.article-art:after{width:68px;height:68px;left:auto;top:auto;right:22px;bottom:-20px;background:#fff1ad80}.article-fallback{font-size:70px;line-height:1.2;z-index:1}.article-art-caption{font-size:13px;font-weight:700;letter-spacing:.08em;color:#35546d;z-index:1}.article-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:2}.article-art img[hidden]{display:none}.article-copy{padding:22px;display:flex;flex-direction:column;flex:1;min-width:0}.article-category{align-self:flex-start;border-radius:18px;padding:3px 9px;font-size:12px;font-weight:700;margin-bottom:10px;background:#e9f6ff;color:#255572}.article-category.tone-pink{background:#fff0f5;color:#8d365c}.article-category.tone-green{background:#eaf8f0;color:#286144}
.town-article-card h3{font-size:21px;line-height:1.55;margin:0 0 12px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.article-featured h3{min-height:4.65em}.town-article-card p{font-size:14px;line-height:1.8;margin:0 0 14px;color:#466078;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.article-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto}.article-bottom time{font-size:12px;color:#49647c}.article-read{font-size:13px;color:#ae3266;font-weight:700;white-space:nowrap}
.latest-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 20px}.article-compact{border-radius:14px;box-shadow:none}.article-compact .article-link{display:grid;grid-template-columns:72px minmax(0,1fr);gap:16px;padding:16px;align-items:center}.article-compact .article-art{width:72px;min-height:72px;height:72px;border-radius:14px}.article-compact .article-fallback{font-size:34px}.article-compact .article-art:before,.article-compact .article-art:after{display:none}.article-compact .article-copy{padding:0}.article-compact h3{font-size:17px;line-height:1.6;margin-bottom:6px;order:-1;-webkit-line-clamp:2}.article-compact .article-category{font-size:11px;padding:0;background:none;margin-bottom:4px}.article-compact .article-bottom{gap:4px}.article-compact .article-read{font-size:19px;line-height:1}.article-more{text-align:center}.article-more .button{min-width:260px;background:#fff;border-color:#9bc8e7;color:#165e99}
@media(max-width:700px){.town-articles{width:calc(100% - 28px);padding-bottom:24px}.article-section-head{display:block;margin-bottom:14px}.article-section-head h2{font-size:25px}.article-section-head p{font-size:13px;margin-top:3px}.town-article-grid,.latest-grid{grid-template-columns:1fr;gap:14px}.article-featured h3{min-height:0;font-size:20px}.article-art{min-height:180px}.article-copy{padding:20px}.article-compact .article-link{grid-template-columns:58px minmax(0,1fr);padding:14px;gap:12px}.article-compact .article-art{width:58px;min-height:64px;height:64px}.article-compact .article-fallback{font-size:30px}.article-compact h3{font-size:16px;-webkit-line-clamp:3}.article-more .button{width:100%;min-width:0}.article-section-head h2>span{font-size:22px}}