:root{--bg:#0b1026;--ink:#e8ecff;--muted:#9aa6d6;--silk:#dfe8ff;--accent:#ffd36b;--danger:#ff6b6b;--panel:#0e1430d1;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--ink);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;margin:0;overflow:hidden}#game{touch-action:none;cursor:crosshair;width:100vw;height:100dvh;display:block;position:fixed;inset:0}.hidden{display:none!important}#hud{padding:max(10px, env(safe-area-inset-top)) 14px 10px;pointer-events:none;text-shadow:0 1px 3px #000c;justify-content:space-between;align-items:flex-start;gap:12px;display:flex;position:fixed;top:0;left:0;right:0}.hud-left,.hud-right{align-items:flex-start;gap:14px;display:flex}.hud-center{flex-direction:column;flex:1;align-items:center;gap:6px;max-width:320px;display:flex}.hud-item{flex-direction:column;align-items:flex-start;min-width:48px;display:flex}.label{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:11px}.value{font-variant-numeric:tabular-nums;font-size:22px;font-weight:700}.combo{color:var(--accent);transform-origin:0;display:inline-block}.combo.pulse{animation:.45s ease-out pulse}.combo.hot{color:#ff9f5a}@keyframes pulse{0%{transform:scale(1)}35%{filter:drop-shadow(0 0 8px var(--accent));transform:scale(1.6)}to{transform:scale(1)}}.silk{width:100%}.silk-bar{background:#ffffff1f;border:1px solid #dce6ff40;border-radius:6px;height:10px;position:relative;overflow:hidden}#silk-fill{background:linear-gradient(90deg,#a9c1ff,#f2f6ff);width:100%;position:absolute;inset:0 auto 0 0;box-shadow:0 0 10px #c8dcffcc}#silk-preview{background:#ffd36bbf;width:0;position:absolute;top:0;bottom:0;left:0}#silk-preview.bad{background:#ff6b6bd9}.hunger{align-items:center;gap:8px;display:flex}#hunger-pips{gap:3px;display:flex}.pip{background:#ffffff26;border:1px solid #ffffff4d;border-radius:50%;width:10px;height:10px;transition:background .3s,transform .3s}.pip.on{background:var(--danger);border-color:#ffb0b0;transform:scale(1.15)}.icon-btn{pointer-events:auto;width:42px;height:42px;color:var(--ink);cursor:pointer;background:#0e143099;border:1px solid #dce6ff59;border-radius:50%;font-size:18px}.icon-btn:hover{background:#28346ecc}.banner{letter-spacing:.06em;color:#fff;text-shadow:0 0 18px #aac8ffe6,0 2px 4px #000;pointer-events:none;text-align:center;font-size:clamp(28px,6vw,56px);font-weight:800;animation:2.4s ease-out forwards banner;position:fixed;top:30%;left:50%;transform:translate(-50%,-50%)}.banner small{color:var(--accent);font-size:.4em;font-weight:600;display:block}@keyframes banner{0%{opacity:0;transform:translate(-50%,-30%)scale(.8)}15%{opacity:1;transform:translate(-50%,-50%)scale(1)}80%{opacity:1}to{opacity:0;transform:translate(-50%,-70%)}}.toast{bottom:max(18px, env(safe-area-inset-bottom));background:var(--panel);pointer-events:none;border-radius:20px;padding:8px 14px;font-size:14px;position:fixed;left:50%;transform:translate(-50%)}.screen{background:radial-gradient(#0b102659,#050814bf);justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.panel{background:var(--panel);text-align:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid #c8d7ff33;border-radius:18px;width:100%;max-width:440px;max-height:100%;padding:22px 26px;overflow:auto;box-shadow:0 10px 40px #00000080,0 0 60px #7896ff1f}#title-web{width:200px;height:auto;margin:0 auto -6px;display:block}.title{letter-spacing:.03em;background:linear-gradient(90deg,#cfdcff,#fff,#cfdcff) 0 0/200% 100%;color:#0000;-webkit-background-clip:text;background-clip:text;margin:0 0 10px;font-size:clamp(30px,7vw,44px);font-weight:800;animation:4s linear infinite shine}.title span{color:#0000}@keyframes shine{to{background-position:-200% 0}}.tutorial{text-align:left;color:#d5dcf7;margin:0 0 14px;padding-left:22px;font-size:15px;line-height:1.45}.tutorial li{margin-bottom:6px}.tutorial b{color:var(--accent)}.check{cursor:pointer;align-items:center;gap:8px;margin:4px 0 14px;font-size:15px;display:inline-flex}.check input{width:18px;height:18px;accent-color:var(--accent)}.big-btn{cursor:pointer;color:#1b1a2e;background:linear-gradient(#ffe39a,#f2b84b);border:none;border-radius:12px;width:100%;padding:14px;font-size:20px;font-weight:700;display:block;box-shadow:0 4px #a8792a,0 0 22px #ffd36b59}.big-btn:active{transform:translateY(2px);box-shadow:0 2px #a8792a}.link-btn{color:var(--muted);cursor:pointer;background:0 0;border:none;margin-top:10px;font-size:14px;text-decoration:underline}.record{color:var(--muted);margin:12px 0 0}.record-value{color:var(--accent);font-weight:700}.hint{color:var(--muted);margin-bottom:0;font-size:13px}.stats{text-align:left;grid-template-columns:1fr auto;gap:6px 16px;margin:0 0 18px;font-size:17px;display:grid}.stats dt{color:var(--muted)}.stats dd{text-align:right;margin:0;font-weight:700}.new-record{color:#7dffb0;margin-left:4px;font-size:13px;animation:1s infinite pulse;display:inline-block}button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (width<=600px){.value{font-size:18px}.hud-left{gap:8px}.hud-item{min-width:36px}#hud{flex-wrap:wrap}.hud-center{flex-basis:100%;order:3;max-width:none}.pip{width:8px;height:8px}}