:root{
  --bg:#07050d;--panel:rgba(10,7,18,.78);--text:#fff;--muted:#c9bfd7;--red:#ff2e22;--orange:#ff7a00;--yellow:#ffd338;--pink:#ff3ac8;--violet:#8a42ff;--cyan:#35d8ff;
}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;overflow-x:hidden}body{min-height:100svh;touch-action:manipulation}
button,a{-webkit-tap-highlight-color:transparent}.bg-art{position:fixed;inset:0;background-image:linear-gradient(180deg,rgba(4,2,10,.5),rgba(4,2,10,.9)),url('../img/hero-neon.webp');background-size:cover;background-position:center 38%;filter:saturate(1.18) contrast(1.05);transform:scale(1.04);z-index:0}.noise{position:fixed;inset:0;z-index:1;pointer-events:none;opacity:.18;background-image:radial-gradient(circle at 20% 10%,rgba(255,61,31,.18),transparent 25%),radial-gradient(circle at 80% 30%,rgba(81,70,255,.18),transparent 30%),repeating-linear-gradient(0deg,rgba(255,255,255,.018) 0 1px,transparent 1px 3px)}
.app{position:relative;z-index:5;min-height:100svh;display:flex;flex-direction:column;max-width:1100px;margin:auto;padding:14px clamp(12px,2.5vw,26px) 18px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{font-weight:1000;letter-spacing:.12em;color:#fff;text-decoration:none;text-shadow:0 0 18px #ff2d55}.top-actions{display:flex;gap:8px}.icon-btn{width:44px;height:44px;border:1px solid rgba(255,255,255,.18);border-radius:50%;background:rgba(12,9,21,.72);color:#fff;font-size:20px;backdrop-filter:blur(12px);cursor:pointer}.icon-btn:active{transform:scale(.94)}
.game-card{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:8px 0}.title-wrap{max-width:850px}.eyebrow{font-weight:900;letter-spacing:.18em;font-size:clamp(10px,1.2vw,13px);color:var(--yellow);margin-bottom:6px}.title-wrap h1{margin:0;font-size:clamp(30px,6.6vw,74px);line-height:.92;font-weight:1000;letter-spacing:-.055em;text-transform:uppercase;text-shadow:0 4px 0 #4a0712,0 0 30px rgba(255,56,35,.55)}.title-wrap h1 span{display:inline-block;background:linear-gradient(180deg,#fff45e 0%,#ff9d00 34%,#ff3423 79%);-webkit-background-clip:text;background-clip:text;color:transparent}.title-wrap p{margin:10px auto 8px;color:#f0e8fa;font-size:clamp(12px,1.8vw,17px);font-weight:650;max-width:680px;text-shadow:0 2px 10px #000}
.counter-box{min-width:min(92vw,420px);display:grid;grid-template-columns:1fr;place-items:center;margin:6px 0 4px;padding:8px 18px 10px;border:1px solid rgba(255,255,255,.16);border-radius:18px;background:linear-gradient(180deg,rgba(11,7,20,.82),rgba(4,3,9,.74));box-shadow:0 12px 45px rgba(0,0,0,.38),inset 0 0 28px rgba(255,60,45,.05);backdrop-filter:blur(14px);position:relative;overflow:hidden}.counter-box::after{content:"";position:absolute;inset:-60% -10%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent);transform:rotate(18deg);animation:scan 4.5s linear infinite}.counter-label{font-size:10px;font-weight:900;letter-spacing:.22em;color:#bcb2cb}.counter{font-family:'Courier New',monospace;font-size:clamp(34px,6vw,58px);line-height:.95;color:#ff4a30;text-shadow:0 0 7px #ff301c,0 0 20px #ff351f;font-variant-numeric:tabular-nums}.rank{font-size:10px;font-weight:1000;letter-spacing:.12em;color:#ffd85a;margin-top:4px}
.button-zone{position:relative;width:min(84vw,430px);aspect-ratio:1;display:grid;place-items:center;margin:-2px 0 -5px;isolation:isolate}.halo{position:absolute;border-radius:50%;inset:7%;border:2px solid rgba(255,76,39,.38);box-shadow:0 0 26px rgba(255,50,28,.55),inset 0 0 35px rgba(255,60,30,.22);animation:spin 11s linear infinite}.halo.h2{inset:0;border-style:dashed;border-color:rgba(87,186,255,.35);animation-direction:reverse;animation-duration:15s}.main-button{position:relative;z-index:4;width:72%;aspect-ratio:1;border-radius:50%;border:clamp(10px,2.6vw,16px) solid #260606;background:radial-gradient(circle at 42% 27%,#ff8b77 0 5%,#ff3828 16%,#d70b11 53%,#74040a 77%,#2c0004 100%);color:#fff;box-shadow:0 12px 0 #330309,0 20px 30px rgba(0,0,0,.65),0 0 0 7px #b89a42,0 0 0 12px #19131a,0 0 40px #ff341f,0 0 80px rgba(255,48,30,.52),inset 0 8px 18px rgba(255,255,255,.38),inset 0 -14px 28px rgba(46,0,0,.7);cursor:pointer;text-transform:uppercase;display:flex;flex-direction:column;justify-content:center;align-items:center;user-select:none;overflow:hidden;transition:transform .08s ease,filter .15s ease}.main-button:hover{filter:saturate(1.25) brightness(1.05)}.main-button:active,.main-button.pressed{transform:translateY(10px) scale(.96);box-shadow:0 2px 0 #330309,0 8px 20px rgba(0,0,0,.65),0 0 0 7px #b89a42,0 0 0 12px #19131a,0 0 38px #ff341f,inset 0 5px 20px rgba(255,255,255,.18),inset 0 -12px 28px rgba(46,0,0,.75)}.button-shine{position:absolute;inset:8%;border-radius:50%;background:linear-gradient(145deg,rgba(255,255,255,.35),transparent 30% 60%,rgba(255,255,255,.08));mix-blend-mode:screen}.button-kicker{font-size:clamp(10px,1.6vw,13px);font-weight:900;letter-spacing:.22em;opacity:.83;z-index:2}.button-word{display:block;max-width:84%;font-size:clamp(16px,3.5vw,28px);line-height:.92;font-weight:1000;letter-spacing:-.035em;text-align:center;text-shadow:0 4px 0 #600007,0 0 12px #fff;z-index:2;transform:scaleX(.9);white-space:nowrap}.button-sub{font-size:clamp(9px,1.3vw,11px);font-weight:900;letter-spacing:.14em;opacity:.72;margin-top:2px;z-index:2}.combo{position:absolute;z-index:5;right:0;bottom:14%;padding:7px 10px;border-radius:999px;background:#100819;border:1px solid rgba(255,255,255,.16);font-weight:1000;font-size:12px;letter-spacing:.08em;color:#ffd33d;box-shadow:0 0 18px rgba(255,210,50,.22);opacity:.55;transition:.2s}.combo.hot{transform:scale(1.16) rotate(-3deg);opacity:1;color:#fff;background:linear-gradient(90deg,#ff1d40,#ff8a00);box-shadow:0 0 28px rgba(255,52,26,.65)}
.insult-panel{width:min(94vw,760px);min-height:92px;display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:8px;padding:12px 14px;border-radius:18px;background:rgba(5,4,11,.72);border:1px solid rgba(255,255,255,.14);box-shadow:0 18px 35px rgba(0,0,0,.32);backdrop-filter:blur(16px)}.quote-mark{font-family:Georgia,serif;font-size:58px;color:#ff4a36;line-height:.7;align-self:start}.insult-panel p{margin:0;text-align:left;font-weight:850;font-size:clamp(15px,2.4vw,22px);line-height:1.15;text-wrap:balance}.share-btn{border:0;border-radius:12px;padding:10px 12px;background:linear-gradient(180deg,#2eebff,#008fb5);color:#041016;font-size:10px;font-weight:1000;cursor:pointer}.share-btn:active{transform:scale(.97)}.next-event{font-size:11px;font-weight:850;color:#bfb7ca;margin-top:8px;letter-spacing:.06em}
footer{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;align-items:center;text-align:center;color:#9c91aa;font-size:11px;margin-top:10px}footer a{color:#fff;text-decoration:none;font-weight:900}
.flash{position:fixed;inset:0;background:#fff;z-index:50;pointer-events:none;opacity:0}.flash.go{animation:flash .18s ease-out}.siren-lights{position:fixed;inset:0;z-index:45;pointer-events:none;opacity:0;background:linear-gradient(90deg,rgba(255,0,0,.42),transparent 40% 60%,rgba(30,70,255,.42));mix-blend-mode:screen}.siren-lights.go{animation:siren .22s linear 14}.particles{position:fixed;inset:0;pointer-events:none;z-index:40;overflow:hidden}.particle{position:absolute;width:8px;height:18px;border-radius:3px;background:var(--c,#ff562e);transform:translate(-50%,-50%);animation:fly .7s cubic-bezier(.1,.5,.2,1) forwards}.flying-word{position:fixed;z-index:60;pointer-events:none;font-weight:1000;font-size:clamp(20px,4vw,38px);color:#fff;text-shadow:0 3px 0 #701017,0 0 12px #ff3c2c;animation:wordFly .75s ease-out forwards}
.rabbit-raid{position:fixed;z-index:80;left:50%;bottom:8%;width:min(92vw,680px);transform:translate(-50%,150%) rotate(2deg);display:grid;grid-template-columns:145px 1fr;align-items:center;background:linear-gradient(90deg,#151020,#08050d);border:2px solid #ff7d00;border-radius:22px;overflow:hidden;box-shadow:0 20px 80px #000,0 0 34px rgba(255,90,0,.55);transition:transform .55s cubic-bezier(.2,.9,.2,1.15)}.rabbit-raid.show{transform:translate(-50%,0) rotate(-1deg)}.rabbit-photo{height:160px;background-image:url('../img/rabbit-chaos.webp');background-size:340%;background-position:7% 87%}.rabbit-copy{padding:16px;text-align:left}.rabbit-copy b{display:block;font-size:clamp(20px,4vw,34px);color:#ffcf33}.rabbit-copy span{font-size:14px;color:#eee}
.event-modal,.ministry-modal{border:0;padding:0;background:transparent;color:#fff;max-width:none}.event-modal::backdrop,.ministry-modal::backdrop{background:rgba(0,0,0,.82);backdrop-filter:blur(7px)}.event-modal{width:min(92vw,760px);border-radius:24px;overflow:hidden;box-shadow:0 30px 120px #000,0 0 60px rgba(255,49,24,.35)}.event-modal[open]{display:grid;grid-template-columns:minmax(180px,38%) 1fr;background:#0d0913;border:1px solid rgba(255,255,255,.16)}.event-visual{min-height:330px;background-image:url('../img/poster-wide.webp');background-size:cover;background-repeat:no-repeat;background-position:center;background-color:#09060f}.event-visual.fit{background-size:contain;background-position:center;background-repeat:no-repeat;background-color:#09060f}.event-content{padding:28px;text-align:left}.event-badge{display:inline-block;padding:6px 10px;border-radius:999px;background:#ff3c20;color:#fff;font-size:11px;font-weight:1000;letter-spacing:.13em}.event-content h2{font-size:clamp(28px,5vw,48px);line-height:.95;margin:14px 0 12px;letter-spacing:-.04em}.event-content p{color:#ded6e6;line-height:1.5}.event-content button,.ministry-paper button{width:100%;margin-top:14px;border:0;border-radius:13px;padding:14px 16px;background:linear-gradient(90deg,#ff2c24,#ff9500);color:#fff;font-weight:1000;font-size:14px;cursor:pointer;box-shadow:0 8px 30px rgba(255,55,20,.28)}
.ministry-modal{width:min(92vw,680px)}.ministry-paper{position:relative;padding:28px clamp(18px,4vw,38px);background:#e9dfc6;color:#201b18;border:12px solid #302b28;box-shadow:0 30px 120px #000;transform:rotate(-.6deg);background-image:linear-gradient(rgba(110,93,68,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(110,93,68,.06) 1px,transparent 1px);background-size:24px 24px}.ministry-seal{width:68px;height:68px;border:4px double #302b28;border-radius:50%;display:grid;place-items:center;margin:auto;font-weight:1000}.ministry-top{text-align:center;font-weight:1000;letter-spacing:.12em;margin:10px 0}.stamp{border:5px solid #b41e1e;color:#b41e1e;font-size:clamp(34px,8vw,60px);font-weight:1000;line-height:.9;padding:10px 8px;text-align:center;transform:rotate(-4deg);margin:16px 0}.ministry-paper p{line-height:1.45}.case-file{display:grid;grid-template-columns:1fr 1.2fr;gap:8px 14px;border-top:2px solid #6d6257;border-bottom:2px solid #6d6257;padding:12px 0}.case-file span{color:#756c62}.case-file strong{text-align:right}.ministry-paper .small{font-size:12px}.ministry-paper button{background:#221f1c}.glitch .counter{animation:glitch .08s steps(2) infinite}.invert{animation:invert .9s ease-in-out}.shake{animation:shake .28s linear}.chaos .bg-art{filter:saturate(1.7) hue-rotate(18deg) contrast(1.15)}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes scan{to{transform:translateX(80%) rotate(18deg)}}@keyframes flash{0%{opacity:.8}100%{opacity:0}}@keyframes siren{0%,100%{opacity:.2;filter:hue-rotate(0)}50%{opacity:.7;filter:hue-rotate(160deg)}}@keyframes fly{to{transform:translate(var(--x),var(--y)) rotate(var(--r));opacity:0}}@keyframes wordFly{0%{opacity:0;transform:translate(-50%,10px) scale(.7) rotate(-5deg)}20%{opacity:1}100%{opacity:0;transform:translate(-50%,-120px) scale(1.25) rotate(5deg)}}@keyframes glitch{0%{transform:translate(2px,-1px);text-shadow:-3px 0 #36f,3px 0 #f20}50%{transform:translate(-2px,1px);text-shadow:3px 0 #3ff,-3px 0 #f0f}100%{transform:none}}@keyframes invert{0%{transform:rotate(0)}45%{transform:rotate(180deg) scale(.88)}65%{transform:rotate(180deg) scale(.88)}100%{transform:rotate(360deg)}}@keyframes shake{0%,100%{transform:none}20%{transform:translate(-6px,3px) rotate(-.4deg)}40%{transform:translate(5px,-2px) rotate(.4deg)}60%{transform:translate(-4px,-1px)}80%{transform:translate(4px,2px)}}
@media(max-width:700px){.app{padding-top:max(8px,env(safe-area-inset-top));padding-bottom:max(10px,env(safe-area-inset-bottom))}.game-card{justify-content:flex-start;padding-top:4px}.title-wrap p{margin:7px auto 4px}.counter-box{margin:4px 0 0;padding:6px 14px 8px}.button-zone{width:min(76vw,330px);margin:-6px 0 -8px}.button-word{font-size:clamp(16px,6.2vw,24px);max-width:86%;transform:scaleX(.93)}.insult-panel{grid-template-columns:26px 1fr;min-height:78px;padding:10px 11px}.quote-mark{font-size:45px}.share-btn{grid-column:1/-1;width:100%;padding:9px}.next-event{margin-top:6px}.rabbit-raid{grid-template-columns:110px 1fr}.rabbit-photo{height:130px}.event-modal[open]{display:block}.event-visual{min-height:220px}.event-content{padding:20px}footer{font-size:10px;margin-top:7px}.title-wrap h1{font-size:clamp(28px,10.5vw,50px)}.title-wrap .eyebrow{font-size:9px}}
@media(max-height:730px) and (min-width:701px){.topbar{position:absolute;left:20px;right:20px}.title-wrap p{display:none}.title-wrap h1{font-size:48px}.counter-box{transform:scale(.88);margin:-4px 0}.button-zone{width:320px;margin:-18px 0}.insult-panel{min-height:72px}.app{padding-bottom:8px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}