:root{--ink:#f3efe6;--ink-soft:#d4cbb8;--muted:#9aa3b2;--night:#0b1220;--night-2:#121a2b;--panel:#161f31ee;--gold:#d4af61;--gold-soft:#f0d9a0;--east:#5eb0d4;--south:#e07a5f;--west:#c4a574;--north:#7a9bb0;--line:#2e3a52;--shine:#fff6e4;--danger:#ff8a80}*{box-sizing:border-box}body,html{margin:0;padding:0;min-height:100%;color:var(--ink);background-color:var(--night);background-image:radial-gradient(1.5px 1.5px at 12% 18%,#fff8 0,transparent 100%),radial-gradient(1px 1px at 78% 22%,#fff6 0,transparent 100%),radial-gradient(1.2px 1.2px at 40% 70%,#fff5 0,transparent 100%),radial-gradient(1px 1px at 88% 64%,#fff4 0,transparent 100%),radial-gradient(ellipse 1000px 520px at 50% -8%,#3a2a1455,transparent 55%),radial-gradient(ellipse 700px 420px at 100% 30%,#1a3a5540,transparent 50%),linear-gradient(180deg,#0b1220,#121a2b 55%,#0e1624);line-height:1.75}body:before{inset:0;background:#05080f}body:after,body:before{content:"";position:fixed;pointer-events:none;z-index:0}body:after{left:50%;top:8%;transform:translateX(-50%);width:min(820px,120vw);height:min(820px,120vw);opacity:.55;background:url(/atmosphere/houi-zodiac-wheel.png) 50%/contain no-repeat}a{color:var(--gold-soft);text-decoration-thickness:1px;text-underline-offset:.18em}main.site{position:relative;z-index:1;width:min(900px,calc(100% - 1.25rem));margin:0 auto;padding:1rem 0 4.5rem}.nav{display:flex;gap:.75rem;flex-wrap:wrap;align-items:center;justify-content:space-between;margin-bottom:1.25rem}.nav-brand{font-family:var(--font-display),serif;font-weight:500;letter-spacing:.12em;color:var(--gold-soft);text-decoration:none}.hero-bleed{position:relative;margin:0 calc(50% - 50vw);width:100vw;min-height:min(78vh,680px);display:grid;align-content:end;padding:3rem max(1rem,calc(50vw - 450px)) 2.5rem;overflow:hidden}.hero-bleed:before{background:linear-gradient(180deg,#05080f88,#05080ff2 90%)}.hero-bleed:after,.hero-bleed:before{content:"";position:absolute;inset:0;z-index:0}.hero-bleed:after{background:radial-gradient(circle at 50% 40%,#d4af6122,transparent 42%);pointer-events:none}.hero-bleed>*{position:relative;z-index:1}@keyframes slow-drift{0%{transform:scale(1.02) translateY(0)}to{transform:scale(1.06) translateY(-1.5%)}}.hero-compact{min-height:auto;padding-top:1.5rem;padding-bottom:1rem}.seal-wrap{width:min(220px,58vw);margin:0 auto 1.25rem;position:relative;animation:seal-in 1.1s ease both}.seal-wrap-wheel{width:min(260px,68vw)}.hero-wheel{width:100%;height:auto;display:block;filter:drop-shadow(0 0 28px #d4af6144)}@keyframes seal-in{0%{opacity:0;transform:scale(.92) rotate(-4deg)}to{opacity:1;transform:scale(1) rotate(0)}}.seal-wrap .reader-on-seal{position:absolute;left:50%;top:50%;transform:translate(-50%,-52%);width:88px;height:88px;border-radius:50%;object-fit:cover;border:2px solid var(--gold);box-shadow:0 0 0 6px #0b122088,0 12px 40px #0008}.display{font-family:var(--font-display),serif;font-weight:500;letter-spacing:.08em;line-height:1.35;margin:0;color:var(--shine);text-shadow:0 2px 24px #0008}.kicker{display:inline-block;margin:0 0 .5rem;padding:.2rem .7rem;border:1px solid #d4af6166;border-radius:999px;font-size:.72rem;letter-spacing:.22em;color:var(--gold-soft);background:#0b122066}.lead{color:var(--ink-soft);margin:.75rem 0 0;max-width:34em;font-size:1.02rem}.stack{display:grid;grid-gap:.9rem;gap:.9rem}.panel{background:#1a2438f7;border:1px solid #d4af6144;box-shadow:inset 0 0 0 1px #ffffff08,0 18px 50px #0006;border-radius:6px;padding:1.4rem 1.35rem;margin:1rem 0;position:relative;color:var(--ink)}.fortune-panel{background:#1c273efA;border-color:#d4af6166}.panel:before{content:"";position:absolute;inset:8px;border:1px solid #d4af6122;border-radius:3px;pointer-events:none}label{display:grid;grid-gap:.35rem;gap:.35rem;font-size:.9rem;color:var(--muted);letter-spacing:.04em}input{font:inherit;padding:.75rem .85rem;border-radius:4px;border:1px solid var(--line);background:#0b1220cc;color:var(--ink)}input:focus{outline:1px solid var(--gold);border-color:var(--gold)}.button,button{font:inherit;border:0;border-radius:4px;padding:.8rem 1.35rem;background:linear-gradient(180deg,#e0c07a,#b8903e);color:#1a1408;cursor:pointer;text-decoration:none;display:inline-block;letter-spacing:.08em;font-weight:600;box-shadow:0 8px 24px #d4af6133}.button:hover,button:hover{filter:brightness(1.05)}.button.secondary,button.secondary{background:transparent;color:var(--gold-soft);border:1px solid #d4af6166;box-shadow:none;font-weight:500}.muted{color:var(--muted)}.err,.muted{font-size:.92rem}.err{color:var(--danger)}.reader-row{display:flex;gap:1rem;align-items:center}.reader-row img{width:72px;height:72px;border-radius:50%;object-fit:cover;border:2px solid var(--gold);box-shadow:0 0 0 4px #0b1220aa}.star-result{text-align:center;padding:1.75rem 1.25rem 1.5rem;margin:1rem 0 1.5rem;border-radius:8px;border:1px solid #d4af6155;background:radial-gradient(circle at 50% 30%,var(--star-soft,#3a2e12) 0,#121a2b 70%),linear-gradient(180deg,#1c2538,#0f1624);box-shadow:0 20px 60px #0007;animation:result-rise .8s ease both}@keyframes result-rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.star-result .star-num{font-family:var(--font-display),serif;font-size:clamp(2.8rem,10vw,4rem);line-height:1;color:var(--star-accent,var(--gold));text-shadow:0 0 40px color-mix(in srgb,var(--star-accent,var(--gold)) 45%,transparent);margin:.4rem 0 .2rem;letter-spacing:.08em}.star-result .star-name{font-family:var(--font-display),serif;font-size:clamp(1.5rem,4.5vw,2rem);margin:0;color:var(--shine);letter-spacing:.12em}.star-result .star-sub{margin:.65rem 0 0;color:var(--ink-soft);font-size:.95rem}.star-meta{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-top:1rem}.star-chip{border:1px solid #d4af6144;border-radius:999px;padding:.2rem .75rem;font-size:.78rem;letter-spacing:.1em;color:var(--gold-soft);background:#0b122066}.dir-stage{position:relative;margin:1.25rem 0 .5rem;padding:.5rem 0 0}.dir-wheel-hero{position:relative;z-index:1;display:grid;justify-items:center;grid-gap:.65rem;gap:.65rem;margin:0 auto 1.25rem;max-width:min(440px,94vw);padding:.75rem;border-radius:50%;background:radial-gradient(circle,#0a0a0acc 40%,transparent 72%)}.dir-wheel-img{width:100%;height:auto;display:block;filter:drop-shadow(0 8px 32px #000c) brightness(1.08)}.dir-wheel-caption{text-align:center;font-size:.78rem;letter-spacing:.1em;color:var(--gold-soft)}.dir-stage-hint{text-align:center;letter-spacing:.08em;font-size:.78rem;margin:0 0 .85rem}.dir-grid,.dir-stage-hint{position:relative;z-index:1}.dir-grid{display:grid;grid-template-columns:1fr;grid-gap:.75rem;gap:.75rem}@media (min-width:720px){.dir-grid{grid-template-columns:1fr 1.15fr 1fr;grid-template-rows:auto auto auto;gap:.85rem}.dir-north{grid-column:2;grid-row:1}.dir-west{grid-column:1;grid-row:2}.dir-center-spacer{grid-column:2;grid-row:2;display:grid;place-items:center}.dir-east{grid-column:3;grid-row:2}.dir-south{grid-column:2;grid-row:3}}.dir-card{padding:1.15rem;border-radius:6px;background:#1a2438f5;border:1px solid var(--line);border-top:3px solid var(--gold);box-shadow:0 10px 28px #0004;color:var(--ink)}.dir-card[data-dir="東"]{border-top-color:var(--east)}.dir-card[data-dir="南"]{border-top-color:var(--south)}.dir-card[data-dir="西"]{border-top-color:var(--west)}.dir-card[data-dir="北"]{border-top-color:var(--north)}.dir-card h3{margin:0 0 .4rem;font-family:var(--font-display),serif;font-size:1.08rem;font-weight:500;color:var(--shine)}.dir-card .dir-label{display:block;font-size:.7rem;letter-spacing:.2em;color:var(--muted);margin-bottom:.15rem}.dir-card p,.dir-card-preview{margin:0;color:var(--ink-soft);font-size:.94rem}.dir-card-btn,button.dir-card-btn{display:grid;grid-gap:.35rem;gap:.35rem;width:100%;text-align:left;cursor:pointer;font:inherit;color:var(--ink)!important;background:#1a2438f5!important;box-shadow:0 10px 28px #0006;font-weight:400;letter-spacing:normal;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.dir-card-btn:focus-visible,.dir-card-btn:hover{transform:translateY(-2px);box-shadow:0 14px 36px #0007;outline:none}.dir-card-btn.is-active{border-color:var(--gold);box-shadow:0 0 0 1px #d4af6144,0 14px 40px #d4af6122}.dir-card-preview{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.dir-card-cta{margin-top:.35rem;font-size:.75rem;letter-spacing:.14em;color:var(--gold-soft)}.dir-center-spacer .mini-compass{width:140px;height:140px;border-radius:50%;border:1px solid var(--gold);display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 50%,#d4af6122,transparent 60%),#0b1220;box-shadow:0 0 40px #d4af6122}.dir-center-spacer .mini-wheel img{width:132px;height:132px;object-fit:contain}.dir-modal-compass img{width:180px;height:180px;object-fit:contain;filter:drop-shadow(0 0 24px #d4af6144)}.dir-modal-backdrop{position:fixed;inset:0;z-index:40;background:#0b1220cc;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:grid;place-items:center;padding:1rem;animation:result-rise .25s ease both}.dir-modal{width:min(440px,100%);max-height:min(88vh,720px);overflow:auto;padding:1.35rem 1.25rem 1.4rem;border-radius:8px;border:1px solid #d4af6155;background:linear-gradient(180deg,#1a2438,#0f1624);box-shadow:0 24px 80px #000a}.dir-modal[data-dir="東"]{border-top:3px solid var(--east)}.dir-modal[data-dir="南"]{border-top:3px solid var(--south)}.dir-modal[data-dir="西"]{border-top:3px solid var(--west)}.dir-modal[data-dir="北"]{border-top:3px solid var(--north)}.dir-modal-compass{display:grid;place-items:center;margin-bottom:.5rem}.dir-modal-body{margin:.75rem 0 1rem;color:var(--ink-soft);font-size:.98rem}.dir-modal-tip{margin:0 0 1.15rem;padding:.85rem .9rem;border:1px solid #d4af6133;border-radius:4px;background:#0b122066}.dir-modal-tip p{margin:.45rem 0 0;color:var(--shine);font-size:.95rem}.cta-band{margin-top:2rem;padding:1.6rem 1.35rem;border-radius:6px;background:linear-gradient(135deg,#1a2438,#0b1220 60%),url(/atmosphere/quadrants.jpg) 50% /cover;background-blend-mode:multiply,soft-light;border:1px solid #d4af6144;color:var(--shine)}.cta-band h2{font-family:var(--font-display),serif;font-weight:500;margin:0 0 .5rem;font-size:1.3rem;letter-spacing:.08em}.cta-band p{margin:0 0 1rem;color:var(--ink-soft)}.cta-band .button.secondary{margin-left:.5rem}.four-keys{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:.65rem;gap:.65rem;margin-top:1rem}@media (min-width:640px){.four-keys{grid-template-columns:repeat(4,1fr)}}.four-keys span{text-align:center;padding:.7rem .4rem;border:1px solid #d4af6133;border-radius:4px;font-family:var(--font-display),serif;font-size:.85rem;letter-spacing:.12em;color:var(--gold-soft);background:#0b122066}@media (max-width:719px){.dir-center-spacer{display:none}}.mode-tabs{display:grid;grid-template-columns:1fr 1fr;grid-gap:.5rem;gap:.5rem;margin:.5rem 0 0}.mode-tabs button{background:transparent;color:var(--gold-soft);border:1px solid #d4af6144;box-shadow:none;font-weight:500}.mode-tabs button.is-on{background:linear-gradient(180deg,#e0c07a,#b8903e);color:#1a1408;border-color:transparent}select{font:inherit;padding:.75rem .85rem;border-radius:4px;border:1px solid var(--line);background:#0b1220cc;color:var(--ink)}.score-row{display:grid;grid-gap:.35rem;gap:.35rem}.score-row-top{display:flex;justify-content:space-between;font-size:.92rem;color:var(--ink-soft)}.score-track{height:8px;border-radius:999px;background:#0b1220;border:1px solid #d4af6133;overflow:hidden}.score-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#5eb0d4,#d4af61)}.fortune-meta{display:grid;grid-gap:.25rem;gap:.25rem;font-size:.82rem;color:var(--muted)}.fortune-days{display:grid;grid-gap:.75rem;gap:.75rem}@media (min-width:640px){.fortune-days{grid-template-columns:1fr 1fr}}.kihou-box{padding:.9rem 1rem;border:1px solid #d4af6133;border-radius:4px;background:#0b122066}.kihou-list{margin:0;padding-left:1.1rem;color:var(--ink-soft)}.kihou-list li{margin:.25rem 0}