*{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%;background:#0f172a;color:#fff;font-family:"Hiragino Sans","Noto Sans JP",system-ui,sans-serif;overflow:hidden;touch-action:none}
#app{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}
.top{width:min(100vw,720px);display:flex;justify-content:space-between;align-items:center;padding:10px 14px;gap:8px;z-index:2}
.brand{font-weight:800;letter-spacing:.04em;font-size:1rem;color:#fde68a}
.hud{display:flex;gap:10px;font-size:.85rem}
.hud span{background:rgba(255,255,255,.08);padding:4px 8px;border-radius:999px}
#game{width:min(100vw,720px);height:auto;max-height:calc(100vh - 56px);background:#111827;border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,.45);touch-action:none}
.toast{position:absolute;left:50%;top:18%;transform:translateX(-50%);font-size:1.25rem;font-weight:800;color:#fbbf24;text-shadow:0 2px 8px #000;opacity:0;transition:opacity .15s;pointer-events:none;z-index:3;white-space:nowrap}
.toast.show{opacity:1}
.tip{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);font-size:.8rem;opacity:.7;z-index:2;pointer-events:none}
.overlay{position:absolute;inset:0;background:rgba(2,6,23,.78);display:flex;align-items:center;justify-content:center;z-index:5;padding:16px}
.overlay.hidden{display:none}
.card{width:min(92vw,420px);background:linear-gradient(180deg,#1e293b,#0f172a);border:1px solid rgba(253,230,138,.35);border-radius:20px;padding:28px 22px;text-align:center;box-shadow:0 24px 80px rgba(0,0,0,.5)}
.title-face{width:96px;height:96px;border-radius:50%;border:3px solid #fbbf24;margin-bottom:12px;background:#fff}
h1{font-size:1.6rem;margin-bottom:4px;color:#fde68a}
.sub{opacity:.8;margin-bottom:12px;font-size:.9rem}
.msg{margin:12px 0 18px;line-height:1.5;font-size:1rem;white-space:pre-line}
.btn{appearance:none;border:0;border-radius:999px;padding:12px 22px;font-weight:700;font-size:1rem;cursor:pointer;margin:4px;min-width:160px}
.btn.primary{background:#f59e0b;color:#111}
.btn:not(.primary){background:rgba(255,255,255,.12);color:#fff}
.hidden{display:none!important}
.fine{margin-top:14px;font-size:.7rem;opacity:.55;line-height:1.4}