html{scroll-behavior:smooth}
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}
.home-main{width:100%;flex:1}
.hero-stage{position:relative;isolation:isolate;display:flex;flex-direction:column;min-height:100svh}
.hero-stage>.scene{position:absolute;inset:0;z-index:-1}
.hero-stage>.hero{min-height:max(650px,calc(100svh - 150px));flex:1;padding-block:20px 70px}
.hero-stage .scene picture,.hero-stage .scene-image{animation:none!important;transform:none!important;will-change:auto;user-select:none;-webkit-user-drag:none}
.overview-entry{display:inline-flex;gap:24px;margin-top:22px;padding:8px 0;border-bottom:1px solid #c39a5d80;color:#e6c48b;font-size:13px;letter-spacing:2px}
.game-overview{padding:52px 32px 35px;background:radial-gradient(ellipse at 20% 45%,#9062272e,transparent 60%),linear-gradient(#30261ced,#241c14f7);border-top:1px solid #d4aa6355;scroll-margin-top:20px}
.overview-container{width:min(1480px,100%);margin:auto}
.overview-heading{text-align:center;margin-bottom:30px}
.overview-heading h2{display:flex;justify-content:center;align-items:center;gap:20px;font:40px/1.5 var(--serif);letter-spacing:2px;color:#fff3cf;text-shadow:0 2px 5px #000}
.overview-heading h2::before,.overview-heading h2::after{content:'';width:100px;height:1px;background:linear-gradient(90deg,transparent,#e6c689)}
.overview-heading h2::after{transform:rotate(180deg)}
.overview-heading h2>span{color:#dfb56a}
.overview-heading p{font-size:12px;line-height:2;letter-spacing:1px;color:#e5d0a5;margin-top:13px}
.overview-panels{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:stretch}
.legend-board{min-width:0;display:flex;flex-direction:column;border-style:solid;border-width:165px 48px 48px;border-image-source:url('assets/recycle-frame.webp');border-image-slice:229 70 64 70;border-image-repeat:stretch;background:radial-gradient(ellipse at top,#0d2028,#05080c 65%);background-clip:padding-box;filter:drop-shadow(0 7px 15px #0006);scroll-margin-top:24px;padding:0 6px}
.intro-board{border-image-source:url('assets/intro-frame.webp')}
.legend-route{font:24px/1.6 var(--serif);color:#f4d68f;text-align:center;margin:1px 0 15px;letter-spacing:2px}
.legend-route span{padding-inline:9px;color:#ddaa58}
.legend-features{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;flex:1}
.legend-features li{grid-column:span 2;display:flex;align-items:center;justify-content:center;gap:7px;padding:7px 4px;min-height:45px;min-width:0;border:1px solid #f5d48c;border-radius:13px;background:linear-gradient(#1c35434d,#030710 54%,#111a25);box-shadow:inset 0 0 0 2px #4e321b,inset 0 0 0 3px #e2c18144}
.legend-features li.feature-wide{grid-column:span 3}
.legend-features li>span{display:grid;place-items:center;width:29px;height:29px;flex-shrink:0;border:1px solid #f0bd5d;outline:1px solid #a97729;outline-offset:-4px;background:radial-gradient(circle,#755019,#1e1308 75%);color:#ffdf8b;font:22px/1 var(--serif);text-shadow:0 0 6px #f6a029}
.legend-features img{width:32px;height:32px;object-fit:contain;flex-shrink:0}
.legend-features strong{font:800 20px/1.4 var(--sans);color:#fff5d6;text-shadow:1px 2px 0 #000;letter-spacing:-.5px;white-space:nowrap}
.legend-features .feature-emphasis{background:linear-gradient(#682019,#190706 55%,#4d160b);border-color:#ffe096}
.legend-features .feature-emphasis strong{color:#ffe46c;font-size:24px;text-shadow:1px 1px 0 #ed3b0c,2px 2px 0 #9e1b04,0 0 7px #ff8223}
.legend-features li.feature-double{grid-column:span 4}
.legend-features .feature-icon{width:31px;height:31px;color:#ffdc81;stroke-width:1.7;filter:drop-shadow(0 1px 1px #a76316);flex-shrink:0}
.legend-features strong em{font:inherit;font-style:normal;color:#ffe466;text-shadow:1px 1px 0 #d82b07,2px 2px 0 #7c1403,0 0 5px #f7661c55}
.legend-features .feature-long strong{font-size:16px}
.legend-features li>span.feature-pk{border:0;outline:0;background:none;font:900 italic 27px/1 Arial,sans-serif;color:#ffd55e;text-shadow:1px 1px 0 #db2805,2px 2px 0 #a20d02}
.legend-note{font-size:13px;color:#f0d28f;letter-spacing:.5px;line-height:1.8;margin:12px 0 0;text-align:center}
.recycle-prices{width:100%;border-collapse:separate;border-spacing:0 5px;table-layout:fixed;margin:-5px 0 0}
.recycle-prices tr{height:44px}
.recycle-icon-column{width:48px}.recycle-price-column{width:140px}
.recycle-prices th,.recycle-prices td{border-block:1px solid #f2c371;background:linear-gradient(#13232a,#030507 54%,#0e1218);box-shadow:inset 0 2px 0 #61451f66,inset 0 -2px 0 #3f2e1a66;padding:3px 9px}
.recycle-prices th{width:auto;border-left:1px solid #f2c371;border-radius:17px 0 0 17px;color:#d7f1ff;text-align:left;font-size:19px;font-weight:700;line-height:1.4;white-space:nowrap;text-shadow:1px 2px 0 #000}
.recycle-prices th::before{content:'◆';color:#e9cc86;font-size:10px;margin-right:7px}
.recycle-prices td.equipment-icon{width:48px;padding:2px 0}
.equipment-icon img{width:40px;height:37px;object-fit:contain;border:1px solid #329bd3;border-radius:2px;box-shadow:0 0 6px #41b9e855;background:#07111a}
.equipment-icon img.immortal-icon{object-fit:contain;border-color:#fa1927;box-shadow:0 0 5px #f8102144;background:#210000}
.recycle-prices td.recycle-price{width:140px;white-space:nowrap;border-right:1px solid #f2c371;border-radius:0 17px 17px 0;text-align:right;padding-right:12px}
.recycle-price>span{font:900 30px/1.1 var(--sans);font-style:italic;letter-spacing:-1px;color:#ffe46b;-webkit-text-stroke:.4px #b5240a;paint-order:stroke fill;text-shadow:1px 1px 0 #ff4a0f,-1px -1px 0 #b22505,2px 3px 0 #701405,0 0 7px #ff6a1c55}
.recycle-price>small{display:inline-block;margin-left:5px;color:#f5d27d;font-size:11px;letter-spacing:0;font-weight:400}
.rare-equipment th{color:#6de2ff}.lucky-equipment th{color:#ffd878}
.overview-links{display:flex;justify-content:center;align-items:center;gap:36px;margin-top:25px;color:#d6b882;font-size:13px;letter-spacing:1px}
.overview-links button,.overview-links a{padding:10px 4px}.overview-links span{margin-left:10px}.overview-links button:hover,.overview-links a:hover{color:#fff0c8}
.home-page .site-footer{position:relative}
.music-player:is([data-state=awaiting],[data-state=error]){border-color:#d6af70;background:#302014}
.overview-links{flex-wrap:wrap}
.overview-links .music-player.music-in-overview{position:static;margin:0;flex-shrink:0;letter-spacing:0}
@media(max-width:1250px){.legend-board{border-width:139px 36px 40px;padding-inline:4px}.overview-panels{gap:14px}.legend-features li{gap:4px;padding-inline:2px;min-height:41px}.legend-features strong{font-size:16px}.legend-features .feature-emphasis strong{font-size:20px}.legend-features li>span{width:24px;height:24px;font-size:19px}.legend-features img{width:27px;height:27px}.legend-route{font-size:21px}.recycle-prices th{font-size:16px;padding-left:6px}.recycle-prices th::before{margin-right:4px}.recycle-prices td.recycle-price{width:117px;padding-right:9px}.recycle-price>span{font-size:26px}.recycle-price>small{font-size:10px;margin-left:3px}.recycle-prices td.equipment-icon{width:39px}.equipment-icon img{width:33px;height:32px}.legend-note{font-size:11px}.home-page .site-header nav{gap:24px}}
@media(max-width:980px){.overview-panels{grid-template-columns:1fr;max-width:730px;margin:auto;gap:25px}.legend-board{border-width:165px 48px 48px;padding-inline:6px}.legend-features strong{font-size:21px}.legend-features .feature-emphasis strong{font-size:25px}.legend-features li{gap:8px;min-height:48px}.legend-features li>span{width:30px;height:30px;font-size:23px}.legend-features img{width:32px;height:32px}.recycle-prices th{font-size:21px;padding-left:10px}.recycle-prices tr{height:47px}.recycle-prices td.recycle-price{width:160px;padding-right:13px}.recycle-price>span{font-size:33px}.recycle-price>small{font-size:13px;margin-left:7px}.recycle-prices td.equipment-icon{width:50px}.equipment-icon img{width:42px;height:39px}.legend-route{font-size:25px}.legend-note{font-size:14px}.overview-heading h2{font-size:35px;gap:16px}.overview-heading h2::before,.overview-heading h2::after{width:55px}.home-page .site-header nav{gap:17px}}
@media(max-width:600px){.hero-stage>.hero{width:100%;min-height:max(660px,calc(100svh - 90px));padding:0 27px 36px}.overview-entry{font-size:12px;letter-spacing:1px;margin-top:15px}.game-overview{padding:35px 9px 25px}.overview-heading{margin:0 10px 24px}.overview-heading h2{font-size:27px;gap:10px;letter-spacing:0;white-space:nowrap}.overview-heading h2::before,.overview-heading h2::after{width:19px;flex-shrink:0}.overview-heading p{font-size:10px;letter-spacing:.5px;line-height:1.9;margin-top:10px}.legend-board{border-width:95px 23px 30px;padding:0 3px}.legend-features{gap:5px}.legend-features li{gap:4px;min-height:34px;padding:5px 2px;border-radius:9px}.legend-features strong{font-size:12px;letter-spacing:-.5px}.legend-features .feature-emphasis strong{font-size:16px}.legend-features li>span{width:19px;height:21px;font-size:16px;outline-offset:-3px}.legend-features img{width:21px;height:22px}.legend-route{font-size:17px;letter-spacing:1px;margin-bottom:10px}.legend-route span{padding-inline:3px}.legend-note{font-size:10px;letter-spacing:0;margin-top:10px}.recycle-prices{border-spacing:0 4px;margin-top:-4px}.recycle-prices tr{height:35px}.recycle-prices th{font-size:13px;letter-spacing:-.4px;padding:3px 5px;border-radius:12px 0 0 12px}.recycle-prices th::before{font-size:7px;margin-right:4px}.recycle-prices td.equipment-icon{width:29px}.equipment-icon img{width:25px;height:26px}.recycle-prices td.recycle-price{width:85px;border-radius:0 12px 12px 0;padding:3px 6px 3px 2px}.recycle-price>span{font-size:21px;letter-spacing:-.5px}.recycle-price>small{font-size:8px;margin-left:3px}.overview-links{font-size:12px;gap:23px;margin-top:19px}.music-player:is([data-state=awaiting],[data-state=error]){width:auto;border-radius:26px;padding:5px 14px 5px 6px;gap:8px}.music-player:is([data-state=awaiting],[data-state=error]) .music-copy{position:static;width:auto;height:auto;overflow:visible;clip-path:none}.music-player:is([data-state=awaiting],[data-state=error]) .music-title{display:none}.music-player:is([data-state=awaiting],[data-state=error]) .music-status{font:600 13px/1.5 var(--sans);letter-spacing:0}}
@media(max-width:370px){.hero-stage>.hero{padding-inline:23px}.overview-heading h2{font-size:25px;gap:8px}.overview-heading h2::before,.overview-heading h2::after{width:14px}.legend-board{border-width:82px 21px 27px;padding-inline:1px}.legend-features strong{font-size:10px;letter-spacing:0}.legend-features .feature-emphasis strong{font-size:13px}.legend-features li{gap:3px;min-height:32px}.legend-features li>span{width:16px;height:19px;font-size:14px}.legend-features img{width:18px;height:20px}.recycle-prices th{font-size:11px;letter-spacing:-.5px;padding-left:4px}.recycle-prices th::before{margin-right:2px;font-size:6px}.recycle-prices td.recycle-price{width:72px;padding-right:5px}.recycle-price>span{font-size:19px}.recycle-price>small{font-size:7px;margin-left:2px}.recycle-prices td.equipment-icon{width:25px}.equipment-icon img{width:22px;height:24px}.legend-note{font-size:9px}.legend-route{font-size:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media(max-width:1250px){.recycle-icon-column{width:39px}.recycle-price-column{width:117px}}
@media(max-width:980px){.recycle-icon-column{width:50px}.recycle-price-column{width:160px}}
@media(max-width:600px){.recycle-icon-column{width:29px}.recycle-price-column{width:85px}}
@media(max-width:370px){.recycle-icon-column{width:25px}.recycle-price-column{width:72px}}
@media(max-width:1250px){.legend-features .feature-icon{width:25px;height:25px}.legend-features .feature-long strong{font-size:13px}}
@media(max-width:980px){.legend-features .feature-icon{width:31px;height:31px}.legend-features .feature-long strong{font-size:17px}}
@media(max-width:600px){.legend-features .feature-icon{width:20px;height:22px}.legend-features .feature-long strong{font-size:11px;white-space:normal;text-align:center}.legend-features li>span.feature-pk{font-size:20px}}
@media(max-width:370px){.legend-features .feature-icon{width:17px;height:19px}.legend-features .feature-long strong{font-size:10px}.legend-features li>span.feature-pk{font-size:17px}}
