:root{--navy:#0b0f2e;--ink:#05060f;--violet:#8a6bff;--gold:#e9c869;--gold2:#ffd36b;--text:#eef0ff;--mute:#9aa3d6;--glass:#100e2cb8;--line:#e9c86947;--serif:"Hiragino Mincho ProN","Yu Mincho","Noto Serif JP",serif;--sans:"Hiragino Sans","Noto Sans JP",system-ui,-apple-system,sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--ink);height:100%;color:var(--text);font-family:var(--sans);overscroll-behavior:none;margin:0;overflow:hidden}#stage{width:100%;height:100%;display:block;position:fixed;inset:0}#ui{pointer-events:none;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);position:fixed;inset:0}.screen{pointer-events:none;flex-direction:column;display:none;position:absolute;inset:0}.screen.on{display:flex}.screen>*{pointer-events:auto}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}button:focus-visible,input:focus-visible{outline:2px solid var(--gold2);outline-offset:2px}.serif{font-family:var(--serif)}.top{pointer-events:none;justify-content:space-between;align-items:center;padding:16px 18px 0;display:flex}.brand{font-family:var(--serif);color:var(--gold);letter-spacing:.14em;font-size:15px}.iconbtn{pointer-events:auto;background:var(--glass);border:1px solid var(--line);width:40px;height:40px;color:var(--gold);border-radius:50%;place-items:center;font-size:15px;display:grid}.spacer{flex:1;pointer-events:none!important}.panel{-webkit-overflow-scrolling:touch;background:linear-gradient(#0b0f2e00,#08081ce0 14%,#05060ff5);max-height:62%;padding:22px 18px 18px;overflow:auto}.panel.solid{background:var(--glass);-webkit-backdrop-filter:blur(14px);border:1px solid var(--line);border-bottom:0;border-radius:22px 22px 0 0}h1,h2,h3{font-family:var(--serif);margin:0;font-weight:600}.tag{color:var(--mute);letter-spacing:.08em;font-size:12px}.btn{letter-spacing:.06em;border-radius:16px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:54px;font-size:16px;font-weight:700;transition:transform .12s;display:flex}.btn:active{transform:scale(.98)}.btn.primary{color:#2a1a04;background:linear-gradient(135deg,#f2d488,#d9a73a);box-shadow:0 6px 28px #e9c86947}.btn.ghost{border:1px solid var(--line);color:var(--text);background:#ffffff0f}.btn.small{width:auto;min-height:44px;padding:0 18px;font-size:14px}.row{gap:10px;display:flex}.row>*{flex:1}.grid2{grid-template-columns:1fr 1fr;gap:10px;margin-top:10px;display:grid}.card{text-align:left;border:1px solid var(--line);background:#ffffff0d;border-radius:16px;flex-direction:column;gap:4px;min-height:76px;padding:14px;display:flex}.card b{font-family:var(--serif);font-size:16px}.card span{color:var(--mute);font-size:12px}.card.soon{opacity:.5;cursor:default;border-style:dashed}.hero{text-align:left;border:1px solid var(--line);background:linear-gradient(135deg,#8a6bff52,#e9c86929);border-radius:20px;width:100%;padding:18px;display:block}.hero b{font-family:var(--serif);margin-bottom:4px;font-size:22px;display:block}.hero span{color:#cfd3f5;font-size:13px}.sec{color:var(--mute);letter-spacing:.12em;margin:18px 0 6px;font-size:12px}.soonrow{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.soonrow .card{min-height:56px;padding:10px 14px}.stars{color:var(--gold2);letter-spacing:.1em}.line{border-top:1px solid #ffffff14;gap:12px;padding:12px 0;display:flex}.line .k{width:62px;color:var(--gold);flex:none;font-size:13px}.line .k .stars{margin-top:2px;font-size:12px;display:block}.line p{color:#dfe2fa;margin:0;font-size:14px;line-height:1.65}.chips{flex-wrap:wrap;gap:8px;margin:10px 0;display:flex}.chip{background:#ffffff12;border-radius:99px;align-items:center;gap:8px;padding:8px 12px;font-size:13px;display:inline-flex}.dot{border:1px solid #fff6;border-radius:50%;width:14px;height:14px}.note{color:var(--mute);margin:12px 0 0;font-size:11.5px;line-height:1.6}.hint{text-align:center;font-family:var(--serif);letter-spacing:.14em;color:#dfe2ff;text-shadow:0 2px 14px #000;font-size:17px;position:absolute;left:0;right:0;pointer-events:none!important}.bar{background:#ffffff1f;border-radius:2px;height:4px;overflow:hidden}.bar i{background:linear-gradient(90deg,var(--violet),var(--gold2));width:0;height:100%;display:block}.pill{letter-spacing:.1em;border:1px solid;border-radius:99px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-block}.newb{background:var(--gold2);color:#2a1a04;letter-spacing:.1em;border-radius:6px;margin-left:8px;padding:2px 8px;font-size:11px;font-weight:800;display:inline-block}.bottombar{flex-direction:column;gap:10px;padding:12px 18px 16px;display:flex}.full{background:linear-gradient(#0b0f2e,#05060f);pointer-events:auto!important}.full .head{align-items:center;gap:12px;padding:16px 18px 8px;display:flex}.full .body{-webkit-overflow-scrolling:touch;flex:1;padding:4px 18px 24px;overflow:auto}.cgrid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.cell{aspect-ratio:3/4;border:1px solid var(--rc,#334);background:#ffffff0d;border-radius:14px;flex-direction:column;justify-content:flex-end;align-items:center;padding:6px 4px 8px;display:flex;position:relative;overflow:hidden}.cell img{object-fit:contain;width:calc(100% - 12px);height:calc(100% - 42px);position:absolute;inset:6px 6px 36px}.cell.lock img{filter:brightness(0)contrast(2);opacity:.55}.cell .nm{text-align:center;font-size:11.5px;line-height:1.3;position:relative}.cell .rb{background:var(--rc);border-radius:50%;width:8px;height:8px;position:absolute;top:6px;left:6px}.cell.lock .nm{color:var(--mute)}.filters{gap:6px;padding:8px 0 12px;display:flex;overflow:auto}.f{background:#ffffff0f;border:1px solid #0000;border-radius:99px;flex:none;padding:7px 12px;font-size:12.5px}.f.on{border-color:var(--gold2);color:var(--gold2)}table{border-collapse:collapse;width:100%;font-size:14px}td,th{text-align:left;border-bottom:1px solid #ffffff14;padding:8px 4px}input[type=text],input[type=date]{border:1px solid var(--line);width:100%;min-height:44px;color:var(--text);font:inherit;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#ffffff0f;border-radius:12px;padding:0 12px}label{color:var(--mute);margin:12px 0 6px;font-size:12.5px;display:block}.hist{text-align:left;background:#ffffff0d;border:1px solid #ffffff14;border-radius:14px;justify-content:space-between;gap:10px;width:100%;margin-bottom:8px;padding:14px;display:flex}#toast{left:50%;bottom:calc(env(safe-area-inset-bottom) + 90px);border:1px solid var(--line);opacity:0;pointer-events:none;text-align:center;z-index:9;background:#141232f2;border-radius:99px;max-width:86vw;padding:10px 16px;font-size:13px;transition:all .25s;position:fixed;transform:translate(-50%,20px)}#toast.on{opacity:1;transform:translate(-50%)}.fade{animation:.5s both fade}@keyframes fade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.fade{animation:none}.btn{transition:none}}@media (width>=820px){.panel{width:100%;max-width:520px;margin:0 auto}.cgrid{grid-template-columns:repeat(4,1fr)}.full .body,.full .head{width:100%;max-width:760px;margin:0 auto}}body.no3d{background:radial-gradient(at 50% 18%,#2b1b63 0%,#0b0f2e 45%,#05060f 100%)}body.no3d .hint{top:26%!important}.tarot{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.tcol{text-align:center;flex-direction:column;align-items:center;gap:6px;display:flex}.tcard{aspect-ratio:3/5;perspective:700px;width:100%;transform-style:preserve-3d;border-radius:10px;transition:transform .7s cubic-bezier(.2,.8,.2,1);position:relative}.tcard.flip{transform:rotateY(180deg)}.tface{backface-visibility:hidden;border:1.5px solid #e9c869;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:6px;display:flex;position:absolute;inset:0}.tface.back{background:radial-gradient(circle at 50% 50%,#e9c86959 0 8%,transparent 9%),repeating-conic-gradient(from 0deg at 50% 50%,#2a1d63 0 15deg,#1a1245 15deg 30deg);box-shadow:inset 0 0 0 4px #0b0f2e,inset 0 0 0 5px #e9c86980}.tface.front{color:#fff1c9;background:linear-gradient(#1f1650,#0d0a28);transform:rotateY(180deg);box-shadow:inset 0 0 0 4px #0b0f2e,inset 0 0 0 5px #e9c86980}.tface.front.rev{transform:rotateY(180deg)rotate(180deg)}.tface .tn{font-style:normal;font-family:var(--serif);color:var(--gold);font-size:14px}.tface .tsym{background:conic-gradient(#e9c869,#8a6bff,#e9c869,#8a6bff,#e9c869);border-radius:50%;width:34px;height:34px;-webkit-mask:radial-gradient(circle,#0000 38%,#000 40% 62%,#0000 64%);mask:radial-gradient(circle,#0000 38%,#000 40% 62%,#0000 64%)}.tface b{font-family:var(--serif);font-size:15px}.tface em{letter-spacing:.06em;color:var(--mute);font-size:8.5px;font-style:normal}.tmean{flex-direction:column;gap:2px;font-size:12px;line-height:1.6;display:flex}.tmean p{color:#dfe2fa;margin:2px 0 0}@media (prefers-reduced-motion:reduce){.tcard{transition:none}}