*{box-sizing:border-box;margin:0;padding:0}:root{--bg-color: #fcfcfc;--text-color: #333;--primary-color: #2c3e50;--accent-color: #3498db;--danger-color: #e74c3c;--header-h: 50px;--footer-h: 60px;--safe-bottom: env(safe-area-inset-bottom, 0px);--footer-total-h: calc(var(--footer-h) + var(--safe-bottom));--panel-bg: white;--border-color: #ddd}body.dark-mode{--bg-color: #222;--text-color: #eee;--primary-color: #1a1a1a;--panel-bg: #333;--border-color: #555}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:var(--bg-color);color:var(--text-color);line-height:1.6;overflow:hidden;min-height:100vh;min-height:100svh;min-height:100dvh}#app-container{display:grid;grid-template-rows:var(--header-h) minmax(0,1fr) auto var(--footer-total-h);height:100vh;height:100svh;height:100dvh;max-width:600px;margin:0 auto;position:relative;background-color:var(--bg-color);box-shadow:0 0 10px #0000001a}#status-bar{display:flex;justify-content:space-between;align-items:center;height:var(--header-h);background-color:var(--primary-color);color:#fff;padding:0 12px;font-weight:700;font-size:1.1em;z-index:10}.status-item{margin-right:15px}.status-item:last-child{margin-right:0}#main-area{min-height:0;overflow-y:auto;padding:15px}#media-container{margin-bottom:15px;text-align:center}#media-image{max-width:100%;border-radius:4px;border:1px solid var(--border-color)}#story-container p{margin-bottom:1em}#story-container .inline-img{display:block;max-width:100%;height:auto;margin:15px auto;border-radius:6px;border:1px solid var(--border-color);background:#eee}.score-card{margin:20px 0 24px;padding:20px 18px;border:1px solid rgba(201,156,74,.55);border-radius:14px;background:radial-gradient(circle at top,#ffe08a33,#ffe08a00),linear-gradient(180deg,#3c2c12f2,#1c150afa);box-shadow:0 10px 30px #00000038,inset 0 0 0 1px #ffefc414;text-align:center}.score-card-label{margin-bottom:8px;color:#f0d79d;font-size:.82rem;font-weight:700;letter-spacing:.28em}.score-card-value{color:#fff6dd;font-size:clamp(2rem,8vw,3.2rem);font-weight:800;line-height:1.1;text-shadow:0 2px 12px rgba(0,0,0,.4)}#choice-area{display:grid;gap:10px;padding:12px 15px;border-top:1px solid var(--border-color);background:var(--panel-bg);min-height:0;max-height:min(34dvh,20rem);max-height:min(34svh,20rem);max-height:min(34vh,20rem);overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}#choice-area:empty{display:none;padding:0;border-top:none}#choice-area .choice-container{display:grid;gap:10px}#choice-area .choice{display:block;width:100%;border:none;padding:12px;background-color:var(--accent-color);color:#fff;text-decoration:none;border-radius:6px;text-align:left;cursor:pointer;font-weight:700;font:inherit}#choice-area .choice:active{background-color:#2980b9;transform:scale(.98)}@media (max-height: 720px){#choice-area{max-height:min(30dvh,16rem);max-height:min(30svh,16rem);max-height:min(30vh,16rem)}}#command-bar{display:flex;min-height:var(--footer-h);height:var(--footer-total-h);padding-bottom:var(--safe-bottom);background-color:var(--primary-color);border-top:1px solid #111;z-index:10}.cmd-btn{flex:1;background:transparent;color:#fff;border:none;border-right:1px solid #444;font-size:.9em;padding:5px;cursor:pointer}.cmd-btn:last-child{border-right:none}.cmd-btn:active{background:#fff3}#modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:50;display:block}#modal-overlay.hidden{display:none}.panel{position:absolute;top:5%;left:5%;right:5%;bottom:5%;background:var(--panel-bg);border-radius:8px;display:flex;flex-direction:column;z-index:100;box-shadow:0 4px 15px #0000004d}.panel.hidden{display:none}.panel-header{display:flex;justify-content:space-between;align-items:center;padding:12px 15px;border-bottom:1px solid var(--border-color);background:var(--bg-color);border-radius:8px 8px 0 0}.panel-header h2{font-size:1.2em;margin:0}.close-btn{background:none;border:none;font-size:1.5em;cursor:pointer;color:var(--text-color)}.panel-content{flex:1;overflow-y:auto;padding:15px}.grid-container{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.inv-slot{aspect-ratio:1;border:1px solid var(--border-color);border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:.8em;background:var(--bg-color);text-align:center;word-break:break-all;padding:2px}#panel-discard{z-index:110}.discard-message{margin-bottom:12px;font-weight:700}.discard-list{display:grid;gap:10px}.discard-item{width:100%;padding:12px;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-color);color:var(--text-color);text-align:left;cursor:pointer}.discard-item strong{display:block;margin-bottom:4px}.discard-item small{display:block;color:#666;line-height:1.4}.sys-btn{display:block;width:100%;padding:12px;margin-bottom:10px;background:var(--accent-color);color:#fff;border:none;border-radius:4px;font-size:1em;cursor:pointer}.warning-msg{color:var(--danger-color);font-size:.9em;text-align:center}#title-screen{position:absolute;top:0;right:0;bottom:0;left:0;z-index:120;display:flex;align-items:stretch;justify-content:center;padding:0;background:radial-gradient(circle at center,#2614081f,#040303d1),linear-gradient(180deg,#0807052e,#08070599)}#title-screen.hidden{display:none}#title-screen-start{width:100%;border:none;padding:0;background:#120e0c;color:#f4dfbf;cursor:pointer;position:relative;overflow:hidden;font:inherit}#title-screen-start img{width:100%;height:100%;object-fit:cover;display:block}#title-screen-start:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0a080614,#0a08069e 68%,#0a0806d6)}.title-screen-copy{position:absolute;left:24px;right:24px;bottom:24px;z-index:1;display:grid;gap:8px;text-align:center;text-shadow:0 2px 18px rgba(0,0,0,.72)}.title-screen-copy strong{font-size:clamp(1.8rem,5vw,2.6rem);letter-spacing:.08em}.title-screen-copy span{font-size:.95rem;line-height:1.5;color:#fff1d6eb}.title-screen-copy .title-screen-credit{margin-top:8px;font-size:.82rem;color:#ffecccd1;letter-spacing:.03em}.credits-section{display:grid;gap:8px;font-size:.95rem;line-height:1.6}.credits-section h3{font-size:1rem}.credits-note{color:#666;font-size:.9rem}body.dark-mode .credits-note{color:#bbb}