/* Navy ocean / gold foil / independent illustrated deck. */
:root{--ink:#f2edf9;--gold:#f1cb80;--line:#c1a46b;color-scheme:dark}body{background:radial-gradient(ellipse at 85% 8%,#24365b 0,transparent 44%),radial-gradient(ellipse at 3% 50%,#282049 0,transparent 42%),#101b32;color:var(--ink);font-family:'Hiragino Kaku Gothic ProN','Yu Gothic',sans-serif}body:before{opacity:.4;color:#cba76b;top:24%;font-size:13px}header{border-color:#d4bb8533;padding:20px 30px;max-width:1120px}.brand{font-size:25px}.brand span{font-family:Georgia,serif;font-size:21px;letter-spacing:2px;color:#fff5db}#language{background:#ffffff0b;color:#f5e7cb;border-color:#d4bb8577}main{max-width:1050px;padding:34px 36px 28px}.hero-layout{display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:330px;gap:30px;margin:0 0 22px}.hero-copy{text-align:left}.hero-copy .eyebrow{font-size:9px;letter-spacing:2px;color:#e1c899}h1{font-family:'Hiragino Mincho ProN','Yu Mincho',Georgia,serif;font-size:clamp(32px,4.5vw,49px);line-height:1.45;letter-spacing:2px;margin:15px 0 12px}.free-label{font-family:'Hiragino Kaku Gothic ProN','Yu Gothic',sans-serif;background:#ebef8a;color:#182640;padding:5px 12px;font-size:14px;letter-spacing:3px;display:inline-block;transform:rotate(-3deg);line-height:1.5;box-shadow:3px 3px 0 #958259}.hero-copy .intro{margin:12px 0;color:#d7deef;font-size:13px;line-height:2;max-width:380px}.hero-note{font-size:10px;color:#d1b986;letter-spacing:1px;margin-top:17px}.showcase{height:305px;position:relative;isolation:isolate}.art{background-size:600% 500%;background-repeat:no-repeat;display:block}.sample-card{position:absolute;width:160px;height:250px;top:18px;border:1px solid #e0c48b;border-radius:11px;padding:5px;background:#dbc38f;box-shadow:0 20px 32px #0006;overflow:hidden}.sample-card .art{height:214px;border-radius:6px}.sample-card small{display:block;font:8px/24px Georgia,serif;letter-spacing:1.7px;color:#342951}.sample-a{left:0;transform:rotate(-14deg);top:35px;z-index:1}.sample-b{left:calc(50% - 80px);z-index:3;transform:rotate(1deg)}.sample-c{right:0;transform:rotate(14deg);top:35px;z-index:2}.sticker{position:absolute;right:-8px;bottom:0;padding:11px 14px;background:#ff9cc9;color:#342044;border:2px solid #ebc583;border-radius:50%;font:10px/1.5 Georgia,serif;letter-spacing:1px;transform:rotate(-12deg);z-index:4;box-shadow:3px 5px 0 #050d1d66}.question-panel{max-width:730px;background:#f6f1e9;color:#26314b;border:1px solid #dbc18b;box-shadow:0 12px 25px #0002;border-radius:13px;margin:0 auto 23px;padding:20px 27px 15px}.step{color:#8c6437;font-weight:600}label{font-size:16px;margin-bottom:10px;color:#2c2944}select{background:#fffdfa;color:#29344c;border-color:#bdaccb;padding:12px 15px;font-size:14px;cursor:pointer;color-scheme:light}.hint{color:#63576c;font-size:10px}.cards{gap:22px;padding:13px 0}.oracle-card{width:166px;height:266px}.face{border-color:#d5b573;box-shadow:0 12px 30px #03091777}.face:after{border-color:#d8b973aa}.back{background:radial-gradient(ellipse at 50% 45%,#51407055,transparent 60%),repeating-radial-gradient(ellipse at 50% 45%,transparent 0,transparent 20px,#b6a06b15 21px,transparent 22px),#172d48;color:#efcd88}.back .moon{font-size:77px;text-shadow:0 0 25px #ccb66344}.back small{font-size:9px;letter-spacing:3px}.back .constellation{opacity:.8;color:#b9bde8}.front{background:#f4e9d0;padding:0;color:#26314b}.front .card-art{position:absolute;inset:0 0 53px;width:100%;z-index:0}.front .number{position:absolute;top:14px;left:13px;font-size:8px;line-height:20px;background:#14233dde;color:#f4d18c;padding:0 7px;border-radius:3px;z-index:2}.front strong{position:absolute;bottom:27px;left:9px;right:9px;font-size:13px;font-family:'Hiragino Mincho ProN','Yu Mincho',serif;font-weight:600;z-index:1}.front small{position:absolute;left:8px;right:8px;bottom:11px;margin:0;font-size:8px;letter-spacing:1px;color:#725531;z-index:1}.front:after{z-index:3}.draw-hint{color:#e2d4b4;font-size:12px}.oracle-card.muted{opacity:.25}#result{background:#f7f1e8;color:#28344b;max-width:670px;border-color:#d6b87d;border-radius:13px;padding:30px 35px;box-shadow:0 15px 40px #0002}#result .eyebrow{color:#926a32}#result h2{color:#292640;font-family:'Hiragino Mincho ProN','Yu Mincho',Georgia,serif;font-size:23px;line-height:1.9}.result-card{color:#8b6732}.result-question{color:#6a5a76;border-color:#bba9c355}#reading{font-size:14px}.scene{border-color:#c5ad7d88}.scene h3{color:#80602f}.scene p{font-size:13px}.advice{background:#e9e1ec;border-left-color:#a38243}.advice span{color:#735426}.advice p{font-size:13px}.primary{background:#65447d;color:#fff8e9;box-shadow:0 4px 10px #72517b22;padding:12px 24px}.primary:hover{background:#7a5096}.text-button{color:#e6c88c;border-color:#bba47b77;padding:6px 0}#result .text-button{color:#69506e;border-color:#9981a4}.about{max-width:730px;border-color:#d4bb8544}.about h2{color:#f2d7a5}.about h3{color:#e7c991}.about p{color:#c9d0df;font-size:12px}.about h2{font-family:'Hiragino Mincho ProN','Yu Mincho',Georgia,serif}#deck{grid-template-columns:repeat(5,1fr);gap:15px;max-width:900px;margin:auto}.deck-item{padding:4px 4px 11px;background:#f1e8d8;color:#2d2945;border-color:#d2b06a;overflow:hidden;box-shadow:0 8px 19px #0003}.deck-art{width:100%;aspect-ratio:2/3;border-radius:6px;margin-bottom:9px}.deck-item span{font-size:11px}.deck-item small{font-size:7px;color:#806038}footer{color:#bcc5d8}footer span{color:#b3a88d}.ad-slot{max-width:730px;margin:28px auto;min-height:120px;border:1px solid #c9b58344;border-radius:9px}.ad-slot[hidden]{display:none}button:focus-visible,select:focus-visible{outline:3px solid #f3c98a;outline-offset:4px}
@media(min-width:1100px){.sample-card{width:175px;height:270px}.sample-card .art{height:234px}.sample-b{left:calc(50% - 87px)}.showcase{height:320px}}
@media(max-width:700px){header{padding:16px 20px}.brand span{font-size:17px;letter-spacing:1px}main{padding:25px 18px}.hero-layout{gap:8px;grid-template-columns:1fr 1fr;min-height:250px;margin-bottom:22px}.hero-copy .eyebrow{font-size:7px;letter-spacing:1px}h1{font-size:29px;line-height:1.5;letter-spacing:.5px}.free-label{font-size:11px;padding:3px 8px;letter-spacing:2px}.hero-copy .intro{font-size:11px;line-height:1.9}.hero-note{font-size:8px;letter-spacing:0}.showcase{height:240px}.sample-card{width:105px;height:173px;top:35px;padding:3px;border-radius:7px}.sample-card .art{height:145px;border-radius:4px}.sample-card small{font-size:6px;letter-spacing:.3px;line-height:22px}.sample-a{left:-7px;top:49px;transform:rotate(-15deg)}.sample-b{left:calc(50% - 52px);top:24px}.sample-c{right:-5px;top:52px;transform:rotate(15deg)}.sticker{font-size:7px;padding:8px 10px;right:-3px;bottom:8px}.question-panel{padding:16px;margin-bottom:15px}.cards{gap:12px}.oracle-card{width:calc((100vw - 60px)/3);height:205px;max-width:166px}.front .card-art{bottom:47px}.front strong{font-size:11px;bottom:24px}.front small{font-size:6px;bottom:10px;letter-spacing:.3px}.back .moon{font-size:55px}.back small{font-size:7px;letter-spacing:1.5px}#deck{grid-template-columns:repeat(3,1fr);gap:9px}.deck-item span{font-size:10px}.deck-item small{font-size:6px}#result{padding:23px}#result h2{font-size:20px}.hint{font-size:9px}.draw-hint{font-size:10px}select{font-size:12px}}
@media(max-width:390px){h1{font-size:25px}.hero-layout{gap:4px}.sample-card{width:91px;height:155px}.sample-card .art{height:128px}.sample-b{left:calc(50% - 45px)}.oracle-card{height:185px}.sticker{right:-4px}.hero-note{font-size:7px}}

.header-actions{display:flex;align-items:center;gap:10px}#music-toggle{font:11px/1.5 sans-serif;border:1px solid #d4bb8577;border-radius:24px;padding:7px 12px;background:#ffffff0b;color:#f5e7cb;white-space:nowrap}#music-toggle[aria-pressed=true]{background:#e8d38f;color:#182640}.music-status{position:relative;max-width:750px;margin:8px auto;font:12px/1.7 sans-serif;color:#f6d899;padding:0 20px}#result h2{text-wrap:pretty;line-break:strict;overflow-wrap:break-word}#reading{line-break:strict}@media(max-width:450px){.brand span{font-size:14px}.header-actions{gap:6px}#music-toggle{font-size:10px;padding:6px 8px}#language{padding:4px 10px}header{padding:15px 13px}}