*{box-sizing:border-box}html,body{margin:0;background:#070b22;color:#f4f0ff;font-family:Arial,'Hiragino Kaku Gothic ProN','Yu Gothic',sans-serif}main{height:100svh;min-height:640px;position:relative;overflow:hidden}#scene{position:absolute;inset:0}canvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab}header{position:absolute;top:0;left:0;right:0;padding:32px 4.5%;display:flex;justify-content:space-between;align-items:center;pointer-events:none}.brand{color:inherit;text-decoration:none;display:flex;gap:13px;align-items:center;font-size:17px;letter-spacing:.13em;pointer-events:auto}.mark{font-size:35px;color:#d2bcff}.brand small{display:block;font-size:10px;letter-spacing:.24em;margin-top:7px;color:#b1afc6}.edition{font-size:12px;letter-spacing:.24em;color:#b1afc6}.intro{position:absolute;top:19%;left:8%;pointer-events:none}.eyebrow{font-size:10px;letter-spacing:.24em;color:#b3a4d4}h1{font-family:'Yu Mincho','Hiragino Mincho ProN',serif;font-size:clamp(32px,4vw,58px);font-weight:400;line-height:1.6;letter-spacing:.14em;margin:19px 0}.intro>p:last-child{font-size:13px;color:#c3bfd8;letter-spacing:.07em}.side{position:absolute;right:5%;top:37%;writing-mode:vertical-rl;font-family:serif;font-size:13px;letter-spacing:.35em;color:#c1b5d6}.controls{pointer-events:none;position:absolute;bottom:10%;left:50%;transform:translateX(-50%);text-align:center;width:min(90%,380px)}#status{font-size:13px;letter-spacing:.08em;color:#e0d7f1;min-height:20px}button{width:270px;max-width:100%;border:1px solid #d0bded66;border-radius:40px;padding:18px 24px;background:linear-gradient(110deg,#8a69bf55,#29285199);backdrop-filter:blur(14px);color:#fff;font-size:15px;letter-spacing:.13em;cursor:pointer;box-shadow:0 0 35px #9970ef20;display:inline-flex;align-items:center;justify-content:space-between;transition:.3s}button:hover{background:#665091aa;box-shadow:0 0 40px #ad88fd40}button:focus-visible{outline:2px solid white;outline-offset:5px}button:disabled{cursor:default;opacity:.6}.hint{font-size:11px;color:#a5a0be;letter-spacing:.06em;margin-top:14px}footer{position:absolute;bottom:max(23px,env(safe-area-inset-bottom));left:4.5%;right:4.5%;display:flex;justify-content:space-between;font-size:10px;letter-spacing:.17em;color:#9692b1;pointer-events:none}@media(max-width:600px){main{min-height:580px}header{padding:24px}.brand{font-size:14px}.brand small{font-size:9px}.edition,.side{display:none}.intro{top:15%;left:8%}.eyebrow{font-size:8px}h1{font-size:32px;line-height:1.45;margin:13px 0}.intro>p:last-child{font-size:11px;max-width:250px;line-height:1.9}.controls{bottom:9%}footer{font-size:8px}footer span:last-child{display:none}}@media(prefers-reduced-motion:reduce){button{transition:none}}
.controls button{pointer-events:auto}.side{pointer-events:none}.reset-camera{display:inline-block;width:auto;min-height:44px;padding:10px 18px;background:transparent;border-color:transparent;box-shadow:none;font-size:12px;color:#c5bddb;backdrop-filter:none}.reset-camera:hover{background:#3e345d66;box-shadow:none}.hint{margin-bottom:2px}
#fortune-dialog{box-sizing:border-box;width:min(90vw,420px);max-height:88svh;overflow:auto;padding:32px 28px 26px;border:1px solid #b19bc46b;border-radius:26px;background:linear-gradient(150deg,#262343,#100f26);color:#f8f1ff;text-align:center;box-shadow:0 25px 100px #0009}#fortune-dialog::backdrop{background:#070b22b8;backdrop-filter:blur(7px)}#fortune-dialog [hidden]{display:none!important}.fortune-close{position:absolute;right:10px;top:10px;width:44px;height:44px;display:block;padding:0;border:0;background:transparent;box-shadow:none;font-size:26px}.fortune-kicker{font-size:10px;letter-spacing:.2em;color:#bcb2d6;margin-top:16px}#fortune-heading{font-family:'Yu Mincho',serif;font-size:24px;font-weight:400;letter-spacing:.08em;margin:18px 0}#fortune-progress{font-size:13px;color:#ccc1df;line-height:1.8}#fortune-stage{height:240px;width:240px;margin:8px auto}#fortune-stage canvas{touch-action:auto;cursor:default}.fortune-skip{width:auto;padding:10px 16px;min-height:44px;font-size:13px;margin:auto;background:transparent;box-shadow:none}.fortune-rank{font-family:'Yu Mincho',serif;font-size:64px;letter-spacing:.18em;color:var(--fortune-accent);margin:22px 0 14px;text-indent:.18em;text-shadow:0 0 28px #c899ff55}#fortune-title{font-family:serif;font-size:21px;line-height:1.7;font-weight:400}#fortune-message{font-size:16px;line-height:1.95;color:#dfd7ec}.fortune-color{border-top:1px solid #ffffff21;margin-top:24px;padding-top:20px;display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:13px}.fortune-color strong{font-size:14px;color:var(--fortune-accent)}.fortune-note{color:#a99fbc;font-size:12px;margin-top:24px}.revealed #fortune-result{animation:fortune-arrive .6s ease-out}@keyframes fortune-arrive{from{opacity:0;transform:translateY(15px) scale(.96)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.revealed #fortune-result{animation:none}}
.fortune-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:22px}.fortune-actions button{width:auto;min-height:46px;padding:11px 10px;font-size:12px;letter-spacing:.04em;background:#ffffff12;box-shadow:none}.fortune-actions .fortune-x{grid-column:1/-1;background:#111;color:#fff;border-color:#ffffff38}.fortune-actions button:hover{background:#ffffff24;box-shadow:none}.fortune-actions .fortune-x:hover{background:#333}.share-feedback{font-size:12px;color:#d9c9f4;min-height:18px;margin:12px 0 0}
.fortune-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:22px}.fortune-actions button{width:auto;min-height:46px;padding:11px 10px;font-size:12px;letter-spacing:.04em;background:#ffffff12;box-shadow:none}.fortune-actions .fortune-x{grid-column:1/-1;background:#111;color:#fff;border-color:#ffffff38}.fortune-actions button:hover{background:#ffffff24;box-shadow:none}.fortune-actions .fortune-x:hover{background:#333}