:root{--cr-gold:#e8bd57;--cr-ink:#07100d;--cr-panel:rgba(7,14,12,.86);--cr-line:rgba(232,189,87,.3)}
*{box-sizing:border-box}.cr-page{min-height:100%;background:#07100d;color:#f7f3e9;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.cr-top{min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px clamp(14px,3vw,40px);background:rgba(4,8,7,.96);border-bottom:1px solid rgba(232,189,87,.14);position:relative;z-index:20}.cr-back,.cr-brand{font-size:11px;letter-spacing:.15em;font-weight:800;color:#ddd8ca;text-decoration:none}.cr-brand{color:var(--cr-gold)}.cr-actions{display:flex;gap:8px}.cr-actions button,.cr-mobile-controls button{border:1px solid rgba(232,189,87,.28);background:#111916;color:#fff;border-radius:999px;font:800 11px/1 inherit;letter-spacing:.08em;padding:10px 14px}.cr-hero{padding:clamp(16px,3vw,40px);max-width:1500px;margin:auto}.cr-head{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(320px,.7fr);gap:24px;align-items:end;margin-bottom:18px}.cr-kicker{font-weight:900;letter-spacing:.22em;color:var(--cr-gold);font-size:11px;margin:0 0 8px}.cr-title{font-size:clamp(42px,8vw,100px);line-height:.82;letter-spacing:-.07em;margin:0}.cr-title em{font-style:normal;color:var(--cr-gold)}.cr-sub{max-width:780px;color:#c7c6be;line-height:1.55;margin:18px 0 0}.cr-hud{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.cr-chip{background:#0e1714;border:1px solid rgba(232,189,87,.16);border-radius:16px;padding:14px}.cr-chip small{display:block;color:#8f978f;font-size:9px;letter-spacing:.18em;font-weight:800}.cr-chip b{font-size:20px}.cr-stage-wrap{position:relative;width:100%;height:min(74vw,820px);min-height:560px;overflow:hidden;border-radius:24px;border:1px solid rgba(232,189,87,.24);background:linear-gradient(#72b0d0,#e4d2a9 63%,#556d42);box-shadow:inset 0 0 90px rgba(0,0,0,.18);touch-action:none;overscroll-behavior:contain;user-select:none;-webkit-user-select:none}.cr-stage-wrap canvas{display:block;width:100%;height:100%;touch-action:none}.cr-vignette{pointer-events:none;position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 55%,rgba(0,0,0,.34) 100%),linear-gradient(180deg,rgba(0,0,0,.07),transparent 18%,transparent 76%,rgba(0,0,0,.23));z-index:3}.cr-toast{position:absolute;z-index:8;left:50%;top:14%;transform:translate(-50%,-12px) scale(.96);opacity:0;background:rgba(8,14,12,.88);border:1px solid var(--cr-gold);color:#fff;border-radius:999px;padding:9px 16px;font-size:11px;font-weight:900;letter-spacing:.13em;pointer-events:none}.cr-toast.show{animation:crToast .85s ease}@keyframes crToast{0%{opacity:0;transform:translate(-50%,-12px) scale(.95)}15%,72%{opacity:1;transform:translate(-50%,0) scale(1)}100%{opacity:0;transform:translate(-50%,-4px) scale(.98)}}
.cr-start,.cr-gameover,.cr-pause{position:absolute;inset:0;z-index:12;display:grid;place-items:center;padding:18px;background:linear-gradient(110deg,rgba(3,8,7,.80),rgba(3,8,7,.35))}.hidden{display:none!important}.cr-card{width:min(620px,95%);max-height:88%;overflow:auto;-webkit-overflow-scrolling:touch;background:rgba(7,14,12,.91);border:1px solid rgba(232,189,87,.35);backdrop-filter:blur(18px);border-radius:26px;padding:clamp(20px,4vw,38px);box-shadow:0 24px 80px rgba(0,0,0,.38)}.cr-card h2{font-size:clamp(30px,6vw,58px);line-height:.96;letter-spacing:-.04em;margin:6px 0 14px}.cr-card p{color:#c5c9c4;line-height:1.55}.stamp{width:68px;height:68px;border-radius:18px;border:1px solid rgba(232,189,87,.34);display:grid;place-items:center;background:linear-gradient(145deg,#26352f,#0b1210);box-shadow:inset 0 0 0 5px rgba(255,255,255,.025)}.stamp span{font-weight:1000;color:var(--cr-gold);font-size:22px}.cr-primary,.cr-secondary{width:100%;min-height:50px;border-radius:999px;font-weight:900;letter-spacing:.1em;margin-top:10px}.cr-primary{border:0;background:linear-gradient(90deg,#d9a842,#f0cc73);color:#12100b}.cr-secondary{border:1px solid rgba(232,189,87,.25);background:#111a17;color:#fff}.cr-help{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:18px}.cr-help span{font-size:9px;line-height:1.4;color:#a8ada8;border-top:1px solid rgba(255,255,255,.08);padding-top:8px}.cr-mobile-controls{position:absolute;z-index:7;left:0;right:0;bottom:max(10px,env(safe-area-inset-bottom));display:none;justify-content:space-between;padding:0 10px;pointer-events:none;opacity:.72}.cr-pad{display:flex;gap:8px}.cr-mobile-controls button{pointer-events:auto;width:48px;height:48px;padding:0;font-size:22px;background:rgba(7,15,12,.72);backdrop-filter:blur(8px)}.cr-switch{margin-top:22px}
@media(max-width:820px){.cr-top{padding:9px 10px}.cr-brand{display:none}.cr-actions button{padding:9px 10px}.cr-hero{padding:10px}.cr-head{grid-template-columns:1fr;gap:12px}.cr-sub{font-size:13px;margin-top:10px}.cr-hud{grid-template-columns:repeat(4,1fr);gap:5px}.cr-chip{padding:8px;border-radius:11px}.cr-chip small{font-size:7px;letter-spacing:.08em}.cr-chip b{font-size:13px}.cr-stage-wrap{height:74vh;min-height:580px;border-radius:16px}.cr-mobile-controls{display:flex}.cr-card{max-height:82%;padding:20px}.cr-help{grid-template-columns:repeat(2,1fr)}}
@media(max-width:480px) and (orientation:portrait){.cr-stage-wrap{height:69vh;min-height:535px}.cr-mobile-controls button{width:46px;height:46px}.cr-title{font-size:48px}.cr-head{margin-bottom:8px}}