/*
Theme Name: LUNARIA
Author: LUNARIA
Description: 日本語の恋愛タロット。全78枚・1枚/3枚引き・任意読み上げ。
Version: 1.0.1
Requires at least: 6.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
Text Domain: lunaria
*/
:root{--bg:#100d16;--panel:#1c1523;--gold:#d7b77d;--ink:#f3eadd;--muted:#c1b3c5;--line:#594453;--wine:#732d49;--serif:"Yu Mincho","Hiragino Mincho ProN",serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--ink);font-family:"Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;line-height:1.9}a{color:inherit}button,input{font:inherit}button,a,input{touch-action:manipulation}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible+span,summary:focus-visible{outline:3px solid var(--gold);outline-offset:5px}button:disabled{opacity:.45;cursor:default}.skip{position:absolute;top:-100px;padding:10px;background:var(--bg);z-index:50}.skip:focus{top:0}.site-header{max-width:1280px;margin:auto;display:flex;justify-content:space-between;align-items:center;padding:27px 5%;border-bottom:1px solid #40303d}.brand{text-decoration:none;font-family:Georgia,serif;letter-spacing:.17em;font-size:27px;color:var(--gold);line-height:1.3}.brand>span{font-size:33px;vertical-align:middle}.brand small{display:block;font:9px sans-serif;letter-spacing:.3em;text-align:center;margin-top:7px}.site-header nav{display:flex;gap:32px;font-size:12px;letter-spacing:.08em}.site-header nav a{text-decoration:none}.hero{max-width:1280px;margin:auto;min-height:580px;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;padding:70px 7% 64px;overflow:hidden;background:radial-gradient(ellipse at 77% 50%,#42203f70,transparent 60%)}.eyebrow{font-size:10px;letter-spacing:.27em;color:var(--gold);font-family:Georgia,serif}.hero h1{font-family:var(--serif);font-size:clamp(34px,4vw,53px);line-height:1.65;letter-spacing:.13em;font-weight:400;margin:22px 0}.intro{font-size:13px;line-height:2.3;color:var(--muted);margin-bottom:31px}.button{display:inline-flex;align-items:center;justify-content:center;gap:32px;text-decoration:none;color:var(--ink);background:linear-gradient(120deg,#843c55,#54253e);border:1px solid #b78371;padding:14px 30px;min-height:52px;font-size:14px;cursor:pointer;letter-spacing:.1em;border-radius:2px}.button:hover{filter:brightness(1.15)}.fine{font-size:11px;color:var(--muted);line-height:1.9}.hero .fine{margin-top:14px}.celestial{height:390px;position:relative;display:flex;align-items:center;justify-content:center}.orbit{width:350px;height:350px;border:1px solid #8d6d4a66;border-radius:50%;position:absolute;outline:1px solid #8d6d4a30;outline-offset:22px}.hero-card{width:153px;height:260px;border:1px solid var(--gold);background:linear-gradient(145deg,#2d1a34,#16111f);position:absolute;border-radius:9px;box-shadow:0 15px 45px #0008;display:flex;align-items:center;justify-content:center;outline:1px solid #a77e4f66;outline-offset:-10px;color:var(--gold)}.hero-card.left{transform:rotate(-19deg) translateX(-72px);font-size:76px;background:repeating-linear-gradient(45deg,#281a30,#281a30 12px,#392239 13px,#281a30 14px)}.hero-card.right{transform:rotate(19deg) translateX(72px);font-size:76px;background:repeating-linear-gradient(-45deg,#281a30,#281a30 12px,#392239 13px,#281a30 14px)}.hero-card.center{height:290px;width:170px;flex-direction:column;gap:15px;transform:translateY(-7px)}.hero-card small{font:10px Georgia,serif;letter-spacing:.2em}.hero-card span{font:13px Georgia,serif;letter-spacing:.15em}.moon{font:118px Georgia,serif;line-height:1.2;text-shadow:0 0 28px #d7b77d44}.star{position:absolute;color:var(--gold);font-size:27px}.s1{left:12px;top:30px}.s2{right:15px;top:65px;font-size:18px}.s3{bottom:8px;right:55px}.promise{display:flex;justify-content:center;gap:70px;border-block:1px solid #40303d;padding:18px 20px;font-family:var(--serif);font-size:12px;letter-spacing:.13em;color:var(--gold);background:#19121e}.section{max-width:1080px;margin:auto;padding:76px 36px}.section-title{text-align:center;margin-bottom:33px}.section-title h2,.about h2,.offer h2{font-family:var(--serif);font-size:29px;letter-spacing:.1em;font-weight:400;margin:13px 0}.section-title>p:last-child{color:var(--muted);font-size:12px}.reading-box{max-width:840px;margin:auto;background:linear-gradient(140deg,#261a2b,#19151f);border:1px solid var(--line);padding:38px 42px;border-radius:6px}fieldset{border:0;padding:0;margin:0 0 28px}legend{font-family:var(--serif);font-size:16px;margin-bottom:15px}.step{font:12px Georgia,serif;color:var(--gold);margin-right:13px}.choices{display:grid;gap:10px}.categories{grid-template-columns:repeat(3,1fr)}.choices label{position:relative;cursor:pointer}.choices input{position:absolute;opacity:0;width:1px;height:1px}.choices span{display:block;border:1px solid var(--line);text-align:center;padding:12px 7px;font-size:13px;border-radius:3px;transition:background .15s}.choices input:checked+span{border-color:var(--gold);background:#563043;color:#ffe8c2}.spreads{grid-template-columns:1fr 1fr}.spreads span{font-family:var(--serif);font-size:19px;padding:15px}.spreads small{display:block;font:11px/1.8 sans-serif;color:var(--muted);margin-top:5px}.centered{text-align:center}.draw-button{display:flex;margin:22px auto;width:270px;max-width:100%}.ai-note{margin-top:28px;padding-top:20px;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}.ai-note span{color:var(--gold)}.ai-note p{margin-bottom:0}.result{border-top:1px solid var(--line);padding-top:24px}.result h3{text-align:center;font-family:var(--serif);font-weight:400}.result-grid{display:grid;gap:20px;grid-template-columns:repeat(3,minmax(0,1fr))}.result-grid.single{grid-template-columns:minmax(0,360px);justify-content:center}.result-card{min-width:0}.result-card h4{font-family:var(--serif);font-size:19px;margin:14px 0 2px;font-weight:400}.result-card p{font-size:12px;color:var(--muted)}.position{color:var(--gold)!important}.card-face{height:190px;max-width:135px;margin:14px auto;border:1px solid var(--gold);border-radius:6px;background:radial-gradient(ellipse,#52304f,#201726 70%);display:flex;align-items:center;justify-content:center;flex-direction:column;color:var(--gold);outline:1px solid #d7b77d44;outline-offset:-7px}.card-face .sigil{font:65px Georgia,serif}.card-face small{font:10px Georgia,serif;letter-spacing:.15em}.card-face.reverse .sigil{transform:rotate(180deg)}.result-context,#result-context{text-align:center;font-size:12px;color:var(--gold)}.secondary{color:var(--gold);background:transparent;border:1px solid var(--line);padding:10px 15px;cursor:pointer;font-size:12px;border-radius:2px;min-height:44px}.speech-controls{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:20px}.theme-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.theme-grid a{text-decoration:none;border:1px solid var(--line);padding:25px 18px;background:linear-gradient(160deg,#281b2d,#15121c);border-radius:4px}.theme-grid a:hover{border-color:var(--gold)}.theme-grid span{color:var(--gold);font:30px Georgia,serif}.theme-grid h3{font:18px var(--serif);margin:17px 0}.theme-grid p{font-size:12px;color:var(--muted)}.theme-grid b{font-size:10px;font-weight:400;color:var(--gold)}.about{text-align:center;max-width:none;background:radial-gradient(ellipse at center,#36203988,transparent 70%);border-block:1px solid #40303d}.about p:not(.eyebrow){font-size:12px;color:var(--muted);line-height:2.5}.about h2{line-height:1.8}.offer{text-align:center}.offer p{font-size:12px}.policies{padding-top:40px;padding-bottom:40px}details{border-bottom:1px solid var(--line);font-size:12px}summary{padding:18px 0;cursor:pointer;color:var(--gold)}details>div{padding:0 12px 20px;color:var(--muted)}details h3{color:var(--ink);font-size:14px}.site-footer{text-align:center;padding:40px 24px;border-top:1px solid #40303d}.site-footer .brand{font-size:22px}.site-footer>p{font-size:11px;color:var(--muted)}.site-footer nav{display:flex;justify-content:center;gap:24px;font-size:11px;margin:23px 0}.article-list{min-height:60vh}.entry-content{overflow-wrap:anywhere}.entry-content img{max-width:100%;height:auto}.article-list article{margin-bottom:45px}.article-list h1{font:32px/1.6 var(--serif)}[hidden]{display:none!important}
@media(max-width:760px){.site-header{padding:20px 22px}.brand{font-size:23px}.site-header nav{gap:15px;font-size:10px}.site-header nav a:last-child{display:none}.hero{grid-template-columns:1fr;padding:45px 26px 25px;text-align:center}.hero h1{font-size:36px}.hero .intro{font-size:12px}.celestial{height:330px;margin:10px auto 0;width:min(100%,370px)}.orbit{width:270px;height:270px}.hero-card.center{height:246px;width:145px}.hero-card.left,.hero-card.right{width:130px;height:215px}.moon{font-size:90px}.promise{gap:18px;font-size:10px;letter-spacing:0;padding:16px 8px}.section{padding:50px 20px}.section-title h2,.about h2{font-size:25px}.reading-box{padding:25px 18px}.categories{grid-template-columns:repeat(2,1fr)}.theme-grid{grid-template-columns:1fr 1fr;gap:12px}.theme-grid a{padding:22px 15px}.result-grid{grid-template-columns:1fr}.result-card{padding-bottom:15px;border-bottom:1px solid var(--line)}.result-card p{font-size:13px}.about p br{display:none}.site-footer nav{gap:17px}.spreads small{font-size:10px}.choices span{font-size:12px}.spreads span{font-size:18px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
