@import "https://fonts.googleapis.com/css2?family=Nunito:wght@600;700;800;900&family=Noto+Sans+SC:wght@500;700;900&display=swap";
:root{--page:#f8f8f0;--paper:#f7f3df;--cream:#fff9e8;--mint-soft:#e6f9f6;--mint:#19c8b9;--mint-hover:#3dd4c6;--mint-press:#11a89b;--focus:#fc0;--brown:#794f27;--body:#725d42;--muted:#9f927d;--edge:#e8ddbf;--shadow:#d8cbaa;--radius-organic:40px 35px 45px 38px / 38px 45px 35px 40px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;color:var(--body);background:radial-gradient(circle at 10% 14%, #f7cd6738, transparent 20rem), radial-gradient(circle at 92% 18%, #19c8b92b, transparent 28rem), var(--page);margin:0;font-family:Nunito,Noto Sans SC,ui-rounded,system-ui,sans-serif}a{color:inherit;text-decoration:none}.skip-link{z-index:200;color:#fff;background:var(--brown);border-radius:50px;padding:12px 16px;font-weight:900;transition:transform .15s;position:fixed;top:12px;left:12px;transform:translateY(-140%)}.skip-link:focus{transform:translateY(0)}button,iframe{font:inherit}button{cursor:pointer}:focus-visible{outline:4px solid var(--focus);outline-offset:4px}.site-header{z-index:20;border-bottom:1px solid var(--edge);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f8f8f0f0;position:sticky;top:0}.site-nav,.page-section,.hero,.footer-inner{width:min(1280px,100% - 40px);margin-inline:auto}.site-nav{justify-content:space-between;align-items:center;gap:24px;min-height:92px;display:flex}.brand{align-items:center;gap:14px;display:inline-flex}.brand-mark{border:3px solid var(--brown);background:var(--mint);border-radius:24px 20px 25px 19px;grid-template-columns:repeat(2,1fr);gap:4px;width:54px;height:54px;padding:8px;display:grid;box-shadow:0 5px #794f2733}.brand-mark span{color:var(--brown);border-radius:6px;place-items:center;font-size:9px;font-weight:900;display:grid}.brand-mark span:first-child{background:#f7cd67}.brand-mark span:nth-child(2){background:#82d5bb}.brand-mark span:nth-child(3){background:#889df0}.brand-mark span:nth-child(4){background:#fc736d}.brand-copy{color:var(--brown);font-size:21px;font-weight:900;line-height:1;display:grid}.brand-copy small{color:var(--muted);margin-top:5px;font-size:12px;font-weight:800}.nav-links{color:var(--body);align-items:center;gap:28px;font-size:15px;font-weight:900;display:flex}.game-button,.fullscreen-link{color:#fff;border:0;border-radius:50px;justify-content:center;align-items:center;min-height:44px;padding:13px 22px;font-weight:900;line-height:1;transition:transform .15s,box-shadow .15s,background .15s;display:inline-flex}.game-button:hover,.fullscreen-link:hover{transform:translateY(-1px)}.game-button:active,.fullscreen-link:active{box-shadow:none;transform:translateY(2px)}.game-button-mint{background:var(--mint);box-shadow:0 6px 0 var(--mint-press)}.game-button-mint:hover{background:var(--mint-hover)}.game-button-amber{color:var(--brown);background:#f7cd67;box-shadow:0 6px #d6a948}.game-button-paper,.fullscreen-link{color:var(--mint-press);border:1px solid var(--mint);background:#fff;box-shadow:0 4px #c7e8df}.hero{grid-template-columns:minmax(0,.82fr) minmax(520px,1fr);align-items:center;gap:30px 46px;min-height:620px;padding:40px 0 56px;display:grid;position:relative}.hero:before,.hero:after{z-index:-1;content:"";border-radius:50%;position:absolute}.hero:before{background:#f7cd6738;width:540px;height:540px;top:58px;left:-270px}.hero:after{background:#19c8b924;width:620px;height:560px;top:70px;right:-220px}.hero-copy{gap:22px;display:grid}.concept-label{border:1px solid var(--mint);width:fit-content;color:var(--mint-press);background:var(--mint-soft);border-radius:50px;padding:9px 16px;font-size:14px;font-weight:900}h1,h2,h3,.start-label,.footer-brand{color:var(--brown);margin:0;font-weight:900;line-height:1.08}h1{letter-spacing:0;max-width:560px;font-size:clamp(3.4rem,6.2vw,5rem)}h2{font-size:clamp(2rem,4vw,2.8rem)}h3{font-size:1.35rem}p{margin:0}.lead{max-width:620px;color:var(--body);font-size:1.16rem;font-weight:800;line-height:1.55}.hero-actions{flex-wrap:wrap;gap:14px;display:flex}.legal-note{border:1px solid var(--edge);color:#8a7b66;background:#fff9e8cc;border-radius:24px;max-width:560px;padding:12px 16px;font-size:.83rem;font-weight:800;line-height:1.35}.player-shell,.notice-board{border:2px solid var(--edge);border-radius:var(--radius-organic);box-shadow:0 11px 0 var(--shadow);background:#f7f3dfdb}.iframe-stage:before,.mobile-card:before,.island-footer:before{content:"";clip-path:polygon(0 48%,18% 22%,36% 42%,52% 28%,70% 44%,84% 24%,100% 38%,100% 100%,0 100%);background:#e6f9f6;height:105px;position:absolute;bottom:0;left:0;right:-40px}.press-start{border:1px solid var(--mint);text-align:center;background:var(--mint-soft);border-radius:28px;place-items:center;min-height:245px;padding:24px;display:grid}.press-start p{color:var(--body);font-weight:800;line-height:1.35}.start-label{font-size:2.35rem}.page-section{padding:48px 0}.player-layout,.shortcut-grid{grid-template-columns:minmax(0,1fr) 430px;align-items:start;gap:28px;display:grid}.player-shell{gap:16px;padding:24px;display:grid}.player-shell-compact{min-height:calc(100vh - 170px)}.player-toolbar{justify-content:flex-start;align-items:center;gap:10px;display:flex}.section-intro{color:var(--muted);margin-top:6px;font-weight:900}.version-tabs{scrollbar-width:thin;flex-wrap:nowrap;gap:10px;min-width:0;padding:0 0 4px;display:flex;overflow-x:auto}.player-actions{justify-content:flex-end;display:flex}.player-fullscreen-link{min-height:44px;padding:13px 22px}.version-tab{color:var(--brown);background:var(--tab-accent);border:0;border-radius:50px;padding:10px 14px;font-size:.84rem;font-weight:900;box-shadow:0 4px #794f272e}.version-tab[aria-selected=true]{outline:3px solid #fff}.iframe-stage{border:2px solid var(--edge);background:var(--cream);border-radius:32px;min-height:clamp(430px,58vh,640px);position:relative;overflow:hidden}.iframe-stage iframe{z-index:1;background:#fff;border:0;width:100%;height:100%;position:absolute;inset:0}.start-overlay{z-index:2;align-content:center;gap:16px;min-height:clamp(430px,58vh,640px);padding:54px 62px;display:grid;position:relative}.start-overlay p:not(.start-label){max-width:520px;font-size:1.05rem;font-weight:800;line-height:1.45}.start-overlay .start-button{width:240px;max-width:100%}.loading-stripes{z-index:3;color:var(--brown);background:repeating-linear-gradient(45deg,#e6f9f6f5 0 18px,#fff9e8f5 18px 36px);place-items:center;font-weight:900;display:grid;position:absolute;inset:0}.player-fallback{z-index:4;width:min(300px,100% - 48px);color:var(--body);background:#fff4e8;border:1px solid #f5c31c;border-radius:24px;gap:8px;padding:16px;font-size:.85rem;font-weight:800;line-height:1.3;display:grid;position:absolute;bottom:60px;right:62px}.player-fallback strong{color:var(--brown);font-size:1.05rem;font-weight:900}.side-stack{gap:16px;display:grid}.island-card{border:1px solid var(--edge);border-radius:34px 29px 38px 31px/31px 38px 29px 34px;padding:24px}.island-card-paper{background:var(--paper)}.island-card-mint{border-color:var(--mint);background:var(--mint-soft)}.island-card-cream{background:var(--cream)}.guide-list{gap:10px;margin-top:14px;padding:0;list-style:none;display:grid}.guide-list li{gap:10px;font-weight:800;line-height:1.35;display:flex}.guide-list li:before{content:"-"}.route-list{gap:12px;margin-top:16px;display:grid}.route-list a{color:var(--mint-press);background:#fff;border-radius:50px;padding:10px 13px;font-weight:900}.section-heading{justify-content:space-between;align-items:end;gap:20px;margin-bottom:24px;display:flex}.section-heading p{max-width:700px}.version-grid,.notice-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid}.version-tile{min-height:190px;color:var(--brown);background:var(--tile-accent);border-radius:28px 24px 32px 26px;gap:10px;padding:20px;display:grid;box-shadow:0 6px #794f2724}.version-tile span{font-size:1.35rem;font-weight:900}.version-tile small,.version-tile em,.version-tile p{font-size:.9rem;font-style:normal;font-weight:900;line-height:1.35}.version-tile em{color:#fff}.split-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.detail-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.step-list{gap:16px;margin:22px 0 0;padding:0;list-style:none;display:grid}.step-list li{grid-template-columns:34px 1fr;align-items:start;gap:14px;font-weight:900;display:grid}.step-list span{color:#fff;background:var(--mint);width:34px;height:34px;box-shadow:0 4px 0 var(--mint-press);border-radius:50%;place-items:center;display:grid}.mobile-card{border:1px solid var(--mint);background:var(--mint-soft);border-radius:35px 42px 30px 38px;padding:48px;position:relative;overflow:hidden}.mobile-card>*{z-index:1;position:relative}.phone-frame{float:left;border:5px solid var(--brown);text-align:center;background:#fff;border-radius:30px;place-items:center;width:188px;height:188px;margin-right:40px;padding:18px;display:grid}.phone-frame strong{color:var(--mint-press);font-size:.9rem;font-weight:900}.notice-board{padding:26px}.notice-grid{margin-top:22px}.notice-item{border:1px solid var(--edge);background:var(--cream);border-radius:24px 22px 28px 23px;min-height:160px;padding:18px}.notice-item p{margin-top:10px;font-size:.95rem;font-weight:800;line-height:1.35}.support-grid{grid-template-columns:minmax(0,1fr) 440px;align-items:start;gap:40px;display:grid}.faq-block{border:1px solid var(--edge);background:var(--cream);border-radius:30px 24px 34px 27px;padding:22px}.faq-list{margin-top:16px}.faq-list details{border-bottom:1px solid var(--edge);padding:12px 0}.faq-list details:last-child{border-bottom:0}.faq-list summary{color:var(--body);cursor:pointer;font-weight:900}.faq-list p{margin-top:8px;font-size:.95rem;font-weight:800;line-height:1.45}.island-footer{border-top:1px solid var(--edge);background:var(--paper);margin-top:48px;position:relative;overflow:hidden}.island-footer:before{height:50px;top:0;bottom:auto}.footer-inner{z-index:1;justify-content:space-between;align-items:center;gap:30px;min-height:150px;padding-top:36px;display:flex;position:relative}.footer-brand{font-size:1.25rem}.footer-disclaimer{max-width:760px;margin-top:8px;font-size:.86rem;font-weight:800;line-height:1.35}.footer-links{color:var(--mint-press);flex-wrap:wrap;gap:20px;font-weight:900;display:flex}.content-page{width:min(1040px,100% - 40px);margin:0 auto;padding:62px 0 24px}.content-hero{gap:20px;margin-bottom:36px;display:grid}.content-player-label{margin-bottom:18px}.related-links{flex-wrap:wrap;gap:12px;margin-top:18px;display:flex}.related-links a{border:1px solid var(--edge);color:var(--mint-press);background:#fff;border-radius:50px;padding:10px 14px;font-weight:900}.fullscreen-player-page{z-index:100;background:#101828;grid-template-rows:52px minmax(0,1fr);width:100vw;height:100vh;display:grid;position:fixed;inset:0}.fullscreen-player-bar{z-index:2;background:#f8f8f0f5;border-bottom:1px solid #794f271f;grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;padding:7px 12px;display:grid;position:relative}.fullscreen-player-title{color:#1f2937;text-align:center;white-space:nowrap;max-width:none;font-size:1rem;line-height:1}.fullscreen-player-back,.fullscreen-player-source{color:#1f2937;background:#fff;border-radius:999px;justify-content:center;align-items:center;width:fit-content;min-height:38px;padding:9px 16px;font-weight:900;display:inline-flex;box-shadow:0 3px #794f271f}.fullscreen-player-source{color:#17310a;background:#6fba2c;justify-self:end}.fullscreen-player-frame{background:#fff;border:0;width:100%;height:100%}@media (max-width:980px){.nav-links{display:none}.hero,.player-layout,.shortcut-grid,.split-grid,.detail-grid,.support-grid{grid-template-columns:1fr}.hero{min-height:0}h1{max-width:720px;font-size:clamp(3.1rem,9vw,4.2rem)}.player-layout,.shortcut-grid{gap:20px}.version-grid,.notice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.site-nav,.page-section,.hero,.footer-inner,.content-page{width:min(100% - 28px,1280px)}.site-nav{min-height:78px}.brand-copy{font-size:16px}.brand-mark{width:46px;height:46px;padding:7px}.site-header .game-button{display:none}h1{font-size:clamp(3.1rem,17vw,4.2rem)}.hero{padding-top:28px}.hero-actions,.player-actions,.section-heading,.footer-inner{flex-direction:column;align-items:stretch}.game-button,.fullscreen-link{width:100%}.player-shell,.notice-board,.island-card,.mobile-card{border-radius:26px;padding:18px}.press-start,.start-overlay{padding:22px}.start-overlay .start-button{width:min(240px,100%)}.start-label{font-size:2rem}.version-grid,.notice-grid{grid-template-columns:1fr}.phone-frame{float:none;width:150px;height:150px;margin:0 0 22px}.footer-inner{padding-bottom:30px}}