:root{--bg:#0d0a10;--panel:#161219;--line:#342b37;--gold:#d7ad63;--text:#eee5da;--muted:#aaa1a8;--purple:#6d4b79}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at top,#211626 0,#0d0a10 48%,#08070a 100%);color:var(--text);font-family:"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;line-height:1.7}a{color:inherit}
.pageHeader{position:sticky;top:0;z-index:20;background:rgba(8,7,10,.94);border-bottom:1px solid #2d2630;backdrop-filter:blur(10px)}.pageHeaderInner{max-width:1100px;margin:auto;padding:9px 16px;display:flex;align-items:center;gap:16px}.brandLink{display:flex;align-items:center;gap:8px;text-decoration:none;white-space:nowrap}.brandLink b{font-size:13px;letter-spacing:.06em}.brandLink span{font-size:20px}.pageNav{display:flex;gap:3px;overflow-x:auto;margin-left:auto;scrollbar-width:none}.pageNav::-webkit-scrollbar{display:none}.pageNav a{text-decoration:none;white-space:nowrap;color:#a99faa;font-size:10px;font-weight:800;padding:6px 9px;border-radius:7px}.pageNav a:hover,.pageNav a.active{background:#251a2a;color:#ead8aa}
main{max-width:1000px;margin:0 auto;padding:34px 18px 70px}.hero{padding:28px 0 22px;border-bottom:1px solid #2b252e;margin-bottom:28px}.eyebrow{font-size:9px;font-weight:900;letter-spacing:.2em;color:#a68862}.hero h1{font-family:"Hiragino Mincho ProN","Yu Mincho",serif;margin:5px 0 9px;font-size:clamp(25px,4vw,42px)}.hero p{margin:0;color:#bcb2ba;font-size:13px;max-width:760px}.playBtn{display:inline-block;margin-top:17px;text-decoration:none;background:linear-gradient(180deg,#c79a58,#916735);color:#160f0a;border:1px solid #e4bf7c;border-radius:9px;padding:10px 15px;font-size:11px;font-weight:900}
.siteGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.siteGrid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.siteCard,.faqItem,.policyBox,.contactBox,.historyEntry,.howtoCard{border:1px solid var(--line);border-radius:12px;background:linear-gradient(180deg,#18131b,#111014);padding:16px}.siteCard h3,.policyBox h3{margin:0 0 7px;font-size:14px;color:#e3c98e}.siteCard p,.siteCard li,.faqItem p,.policyBox p,.contactBox p{font-size:12px;color:#b4abb2}.siteCard p,.faqItem p,.policyBox p{margin:0}.siteCard ul{padding-left:18px}
.siteSectionHead small,.historyEyebrow,.howtoEyebrow{display:block;color:#9e835f;font-size:9px;font-weight:900;letter-spacing:.18em}.siteSectionHead h2,.historyHero h2,.howtoHero h2{font-family:"Hiragino Mincho ProN","Yu Mincho",serif;font-size:28px;margin:5px 0 8px}.siteSectionHead p,.historyHero p,.howtoHero p{color:#ada4ab;font-size:12px;margin:0 0 20px}.faqList{display:grid;gap:10px}.faqItem b{color:#e5d6bc}.policyBox{padding:20px}.policyBox h3{margin-top:17px}.policyBox h3:first-child{margin-top:0}.policyDate{margin-top:22px;color:#766e74;font-size:10px}.contactPending{margin-top:14px;border:1px dashed #58475e;border-radius:9px;padding:12px;text-align:center;color:#8e818f;font-size:11px}
.historyHero{display:flex;justify-content:space-between;gap:16px;align-items:flex-end;margin-bottom:18px}.historyVersion{font-size:28px;font-weight:900;color:#b89560}.historyList{display:grid;gap:10px}.historyEntry{padding:14px 16px}.historyVer{font-weight:900;color:#e4cf9a}.historyVer span{font-size:10px;color:#827985;margin-left:8px}.historyEntry ul{margin:8px 0 0;padding-left:20px;color:#b2aab0;font-size:11px}.historyEntry.latest{border-color:#765d40;box-shadow:0 0 0 1px rgba(211,168,96,.06) inset}.historyOlder{border:1px solid var(--line);border-radius:10px;padding:11px 13px;background:#121014;color:#b0a7af;font-size:11px}.historyOlder summary{cursor:pointer;color:#d3bd91;font-weight:800}
.howtoGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.howtoCard b{color:#e5cf9d}.howtoCard p{margin:7px 0 0;color:#b0a8ae;font-size:11px}.howtoDebt,.howtoSave{margin-top:12px;border:1px solid var(--line);border-radius:12px;background:#151116;padding:14px;display:flex;gap:10px;align-items:center;color:#bdb4ba;font-size:11px}.howtoDebt b,.howtoSave b{color:#e0c68f}.howtoDebt strong{color:#f2d99f}.howtoSaveButtons{display:none}
.footer{max-width:1000px;margin:0 auto;padding:18px;border-top:1px solid #282229;color:#736c73;font-size:9px;display:flex;justify-content:space-between;gap:15px}.footer nav{display:flex;gap:10px;flex-wrap:wrap}.footer a{text-decoration:none;color:#8d828e}
@media(max-width:760px){.pageHeaderInner{align-items:flex-start;flex-direction:column;gap:4px}.pageNav{width:100%;margin-left:0}.siteGrid,.siteGrid.two,.howtoGrid{grid-template-columns:1fr}.historyHero{align-items:flex-start;flex-direction:column}.historyVersion{font-size:21px}.howtoDebt,.howtoSave{align-items:flex-start;flex-direction:column}.footer{flex-direction:column}}


/* v0.9.2 landing page - intentionally low information density */
.landingPage{min-height:100svh;display:flex;flex-direction:column;background:radial-gradient(circle at 50% 0,rgba(91,58,104,.22),transparent 36%),linear-gradient(180deg,#0e0a11,#08070a 72%);overflow-x:hidden}
.landingHeader{width:min(1100px,calc(100% - 30px));margin:0 auto;padding:15px 2px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid rgba(121,96,128,.18)}
.landingBrand{display:flex;align-items:center;gap:9px;text-decoration:none;color:#eee5da}.landingBrand span{font-size:21px}.landingBrand b{font-size:13px;letter-spacing:.08em}
.landingPlayMini{font-size:10px;font-weight:900;text-decoration:none;color:#e8d3a0;border:1px solid #55432f;border-radius:999px;padding:7px 12px;background:rgba(27,20,16,.64)}
.landingMain{width:min(1040px,calc(100% - 30px));margin:auto;padding:54px 0 42px}
.landingHero{text-align:center;max-width:780px;margin:0 auto;padding:28px 0 42px}
.landingEyebrow{font-size:9px;font-weight:900;letter-spacing:.28em;color:#a88a60;margin-bottom:12px}
.landingHero h1{font-family:"Hiragino Mincho ProN","Yu Mincho",serif;font-size:clamp(36px,7vw,74px);line-height:1.08;letter-spacing:.07em;margin:0;color:#f3eadf;text-shadow:0 10px 42px rgba(0,0,0,.45)}
.landingTagline{font-family:"Hiragino Mincho ProN","Yu Mincho",serif;color:#dbc69f;font-size:clamp(16px,2.3vw,24px);line-height:1.65;margin:22px 0 12px;font-weight:700}
.landingLead{max-width:620px;margin:0 auto;color:#aaa1a8;font-size:12px;line-height:1.9}
.landingActions{margin-top:27px;display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.landingActions a{text-decoration:none;border-radius:9px;padding:11px 18px;font-size:11px;font-weight:900;min-width:145px}.landingPrimary{background:linear-gradient(180deg,#cca05e,#946a38);color:#150f0b;border:1px solid #e5c17f;box-shadow:0 10px 28px rgba(152,105,48,.18)}.landingSecondary{background:#17131a;color:#c8bccb;border:1px solid #433748}
.landingMeta{display:flex;justify-content:center;gap:7px;flex-wrap:wrap;margin-top:17px}.landingMeta span{font-size:9px;color:#827985;border:1px solid #302934;border-radius:999px;padding:4px 8px;background:rgba(18,15,20,.64)}
.landingEntrances{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 auto;max-width:880px}.landingEntrance{text-decoration:none;border:1px solid #2e2731;border-radius:12px;padding:15px 16px;background:linear-gradient(180deg,rgba(23,19,27,.82),rgba(15,13,17,.88));transition:.16s;min-height:112px}.landingEntrance:hover{transform:translateY(-2px);border-color:#5f4b65;background:#1b1620}.landingEntrance.featured{border-color:#5c4933;background:linear-gradient(180deg,rgba(38,29,20,.8),rgba(20,16,19,.9))}.landingEntrance small{display:block;color:#8f7555;font-size:8px;letter-spacing:.18em;font-weight:900;margin-bottom:5px}.landingEntrance b{display:block;color:#e8dfd4;font-size:13px}.landingEntrance span{display:block;color:#8f8790;font-size:10px;line-height:1.6;margin-top:5px}
.landingLinks{display:flex;justify-content:center;gap:4px;flex-wrap:wrap;margin:28px auto 0;max-width:900px;padding-top:17px;border-top:1px solid #272229}.landingLinks a{font-size:9px;color:#8d838e;text-decoration:none;padding:6px 8px;border-radius:6px}.landingLinks a:hover{color:#d8c5d7;background:#171319}
.landingFooter{width:min(1040px,calc(100% - 30px));margin:0 auto;padding:15px 2px 20px;border-top:1px solid rgba(121,96,128,.14);display:flex;justify-content:space-between;color:#625c64;font-size:8px}
@media(max-width:700px){.landingMain{padding:28px 0 30px}.landingHero{padding:18px 0 30px}.landingHero h1{font-size:clamp(35px,12vw,56px)}.landingTagline{font-size:17px}.landingEntrances{grid-template-columns:1fr;max-width:520px}.landingEntrance{min-height:0}.landingHeader{padding-top:max(12px,env(safe-area-inset-top))}.landingLinks{justify-content:flex-start}.landingFooter{flex-direction:column;gap:4px}}

/* v0.9.10 contact form integration */
.contactButton{display:inline-block;margin-top:16px;text-decoration:none;background:linear-gradient(180deg,#c79a58,#916735);color:#160f0a;border:1px solid #e4bf7c;border-radius:9px;padding:10px 15px;font-size:11px;font-weight:900;transition:.15s}.contactButton:hover{filter:brightness(1.08);transform:translateY(-1px)}.contactNote{margin-top:10px!important;color:#817981!important;font-size:10px!important}.textLink{color:#dfc68e;text-decoration:underline;text-underline-offset:3px}.textLink:hover{color:#f0dcaa}.policyExternal{margin-top:10px!important}