*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:#100c1b;color:#f5edff;font-family:system-ui,-apple-system,"Noto Sans JP",sans-serif}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{font:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.45}button:focus-visible,a:focus-visible{outline:3px solid #ffe0a1;outline-offset:3px}main{max-width:1080px;margin:auto;padding:24px}header{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:14px;color:#c7b4df}a{color:#e3ccff;text-decoration:none}header button,#close{border:1px solid #625076;color:inherit;background:transparent;border-radius:8px;padding:8px 14px}.heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:28px 0 20px}.heading small{font-size:12px;letter-spacing:.12em;color:#b79dcd}h1{font-size:clamp(21px,3vw,32px);margin:7px 0}.wallet{text-align:right;white-space:nowrap}.wallet span{display:block;font-size:12px;color:#c6b5d7}.wallet strong{font-size:28px;color:#ffe4a0}.journey{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:16px}.stop{padding:10px;background:#20192c;border-bottom:3px solid #473556;color:#9f8aaf;font-size:14px}.stop.current{color:#ffe9bd;background:#3b2b45;border-color:#e7bd76}.stop.done{color:#dbc3fb;border-color:#9b6ecc}.stop small{display:block;font-size:12px;margin-bottom:3px}.cabinet{border:1px solid #6a4d80;border-radius:20px;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;background:#21172f}.scene{min-height:500px;position:relative;display:flex;flex-direction:column;padding:22px;background:linear-gradient(180deg,#10092255 0%,#10092208 30%,#100922bb 65%,#100922 100%),url('moonlight-treasure.png') 32% center/cover}.scene-top{display:flex;justify-content:space-between;gap:8px;font-size:14px;text-shadow:0 2px 6px #000}.scene-top span{background:#140c24cc;padding:6px 10px;border-radius:6px}.scene-copy{margin-top:auto;text-shadow:0 2px 8px #14051c}.scene-copy small{font-size:12px;letter-spacing:.13em;color:#ffdfa0}.scene-copy h2{font-size:34px;margin:8px 0}.scene-copy p{font-size:16px;line-height:1.6;margin:10px 0 22px}.yona-quote{display:flex;gap:12px;border-top:1px solid #a67fbd77;padding-top:14px;font-size:14px;line-height:1.7;min-height:63px}.yona-quote b{color:#c6a1f6;font-size:12px}.play{padding:24px}.play-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.play-head h2{font-size:18px}.play-head span{font-size:14px;color:#cabbdb}.play-head b{color:#f7d797}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.tile{height:95px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;border:1px solid #77568d;border-radius:10px;color:#e5c6fa;background:linear-gradient(135deg,#473154,#2a1f38);box-shadow:0 4px 0 #150e20;transition:transform .12s,background .12s}.tile:not(:disabled):hover{transform:translateY(-2px);background:#644375}.tile span{font-size:28px}.tile small{font-size:13px}.tile.open{opacity:1;background:#181020;border-color:#46334f;box-shadow:none}.tile.chest{border-color:#efc173;color:#ffe4ad}.result{margin:20px 0 14px;padding:12px;border-left:3px solid #ac77e1;background:#160f23;min-height:65px;font-size:15px;line-height:1.6}.result.hit{border-color:#f8cc7d;background:#3b2834}.primary,.secondary{min-height:46px;padding:12px 10px;border-radius:9px;width:100%;font-weight:700}.primary{background:#d0a2ff;color:#21112f;border:0}.secondary{background:transparent;border:1px solid #745888;color:#e4cdef;margin-top:10px}.note{color:#b9a6ca;font-size:12px;line-height:1.6;margin-bottom:0}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:16px 0;background:#1c1428;border:1px solid #463253;border-radius:12px;padding:16px}.stats span{display:block;font-size:13px;color:#bba6ce}.stats strong{display:block;font-size:25px;margin-top:4px}.guide{font-size:14px;line-height:1.8;color:#cfbedf}.guide p{margin:6px 0}footer{font-size:12px;color:#a48db7;margin:20px 0}dialog{width:calc(100% - 32px);max-width:520px;background:#251932;color:#f5ecff;border:1px solid #a17abb;border-radius:16px;padding:24px;line-height:1.8}dialog::backdrop{background:#080410cf}#close{float:right}li{margin-bottom:12px}details{padding:12px;font-size:14px;background:#241831}@media(max-width:700px){main{padding:14px}.heading{margin:20px 0 16px}.heading small{font-size:10px}header>span{display:none}.wallet strong{font-size:23px}.wallet span{font-size:11px}.stop{font-size:12px;padding:8px 6px}.cabinet{grid-template-columns:1fr}.scene{min-height:225px;padding:14px;background-position:32% 42%}.scene-copy{margin-top:28px}.scene-copy h2{font-size:27px;margin:4px 0}.scene-copy p{display:none}.scene-top{font-size:12px}.yona-quote{margin-top:10px;min-height:48px;font-size:14px}.play{padding:14px}.play-head h2{margin:0 0 12px}.play-head span{margin-bottom:12px}.tile{height:76px}.tile span{font-size:24px}.result{margin:14px 0 12px;min-height:54px}.stats{padding:12px;gap:6px}.stats span{font-size:12px}.stats strong{font-size:22px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
.discovery{position:absolute;top:24%;left:10%;right:10%;padding:22px 10px;text-align:center;background:linear-gradient(135deg,#2f154fee,#553642ef);border:2px solid #ffdb96;box-shadow:0 0 45px #c07aff88;border-radius:14px;color:#ffe4aa;font-size:24px;font-weight:800;white-space:pre-line;animation:discover .4s ease-out}.discovery.rare{border-color:#efd2ff;background:linear-gradient(110deg,#442465ee,#254064ee,#683653ee);box-shadow:0 0 60px #f0b5ff99}@keyframes discover{from{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}@media(max-width:700px){.discovery{left:auto;right:14px;top:55px;width:45%;font-size:19px;padding:14px 6px}}@media(prefers-reduced-motion:reduce){.discovery{animation:none}}