:root{--bg: #0f0f14;--card: #1a1a24;--card2: #23232f;--border: #2d2d3c;--text: #f2f2f7;--muted: #9a9ab0;--accent: #f5c542;--accent-text: #0f0f14;--good: #3ddc84;--bad: #ff5c6c;--blue: #4f8cff;--purple: #b56cff;--radius: 16px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Inter,sans-serif;font-size:16px}body{min-height:100dvh;overscroll-behavior-y:none}#root{max-width:520px;margin:0 auto;padding:calc(12px + var(--safe-top)) 16px calc(24px + var(--safe-bottom))}h1,h2,h3{margin:0 0 8px;letter-spacing:-.01em}h1{font-size:26px}h2{font-size:19px}h3{font-size:15px;color:var(--muted);font-weight:600;text-transform:uppercase;letter-spacing:.06em}p{margin:0 0 10px;line-height:1.45}a{color:var(--accent)}.muted{color:var(--muted)}.small{font-size:13px}.row{display:flex;align-items:center;gap:10px}.row.between{justify-content:space-between}.row.wrap{flex-wrap:wrap}.stack{display:flex;flex-direction:column;gap:12px}.grow{flex:1;min-width:0}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.card.clickable{cursor:pointer;transition:transform .08s,border-color .12s}.card.clickable:active{transform:scale(.985)}.card.clickable:hover{border-color:#444459}button,.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:12px;padding:12px 16px;font-size:16px;font-weight:600;background:var(--card2);color:var(--text);cursor:pointer;font-family:inherit;transition:filter .1s,transform .08s;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none}button:active,.btn:active{transform:scale(.97)}button:disabled{opacity:.45;cursor:not-allowed;transform:none}button.primary{background:var(--accent);color:var(--accent-text)}button.danger{background:transparent;color:var(--bad);border:1px solid var(--bad)}button.ghost{background:transparent;color:var(--muted)}button.block{width:100%}button.big{padding:18px;font-size:18px;border-radius:16px}input,select{width:100%;border:1px solid var(--border);background:var(--card2);color:var(--text);border-radius:12px;padding:12px 14px;font-size:16px;font-family:inherit;outline:none}input:focus,select:focus{border-color:var(--accent)}label{display:block;font-size:13px;color:var(--muted);margin-bottom:6px;font-weight:600}.field{margin-bottom:12px}.error{color:var(--bad);font-size:14px;margin:6px 0}.pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:13px;font-weight:600;background:var(--card2);color:var(--muted)}.pill.accent{background:#f5c54226;color:var(--accent)}.pill.good{background:#3ddc8426;color:var(--good)}.pill.bad{background:#ff5c6c26;color:var(--bad)}.tabs{display:flex;gap:6px;background:var(--card);padding:4px;border-radius:14px;border:1px solid var(--border)}.tabs button{flex:1;padding:10px;background:transparent;color:var(--muted);font-size:14px;border-radius:10px}.tabs button.active{background:var(--card2);color:var(--text)}.board{display:flex;flex-direction:column;gap:6px}.board .entry{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;background:var(--card2)}.board .entry.me{outline:1px solid var(--accent)}.board .rank{font-weight:800;color:var(--muted);text-align:center}.board .rank.r1{color:var(--accent)}.board .rank.r2{color:#c9c9d6}.board .rank.r3{color:#d69a5b}.board .name{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.board .score{font-variant-numeric:tabular-nums;font-weight:700}.emoji-big{font-size:56px;line-height:1}.center{text-align:center}.topbar{display:flex;align-items:center;gap:10px;margin-bottom:14px}.topbar .back{width:40px;height:40px;padding:0;border-radius:12px;font-size:20px}.tries{display:flex;gap:6px}.tries span{width:12px;height:12px;border-radius:50%;background:var(--border)}.tries span.on{background:var(--accent)}.code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:22px;letter-spacing:.2em;font-weight:800}hr{border:0;border-top:1px solid var(--border);margin:14px 0}.game-shell{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg);z-index:50;display:flex;flex-direction:column;padding:calc(12px + var(--safe-top)) 16px calc(16px + var(--safe-bottom));max-width:520px;margin:0 auto;user-select:none;-webkit-user-select:none}.game-hud{display:flex;justify-content:space-between;align-items:center;font-weight:700;font-variant-numeric:tabular-nums;margin-bottom:12px}.game-area{flex:1;display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:16px;min-height:0}.big-number{font-size:64px;font-weight:800;text-align:center;font-variant-numeric:tabular-nums}.pad{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.pad button{padding:16px;font-size:22px}.choice2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.choice2 button{padding:22px;font-size:20px}.reaction-box{flex:1;border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:800;cursor:pointer}.challenge{border-top:1px solid var(--border);padding:10px 0 4px}.challenge:first-of-type{border-top:0}button.small{padding:6px 12px;font-size:14px}.dice-row{display:flex;justify-content:center;gap:12px}.die{width:64px;height:64px;border-radius:14px;background:#f4f4f8;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);padding:9px;gap:2px;box-shadow:inset 0 -3px #0000002e;transition:transform .08s}.die.rolling{animation:tumble .16s linear infinite}@keyframes tumble{0%{transform:rotate(-8deg) translateY(-2px)}50%{transform:rotate(8deg) translateY(2px)}to{transform:rotate(-8deg) translateY(-2px)}}.pip{width:100%;height:100%;border-radius:50%;background:#0f0f14;align-self:center;justify-self:center;max-width:12px;max-height:12px}.dice-entry{height:72px;border-radius:16px;background:var(--card);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:40px;font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:.05em;overflow:hidden;white-space:nowrap}.dice-entry .hint{font-size:18px;font-weight:600;letter-spacing:0}.dice-msg{height:20px;margin:0;text-align:center}.dice-entry.wrong{border-color:var(--bad);animation:shake .3s}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-8px)}75%{transform:translate(8px)}}.keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;max-width:320px;width:100%;margin:0 auto}.keypad button{font-size:24px;font-weight:700;padding:14px 0;border-radius:14px}.keypad button:last-child{grid-column:2}.simon{display:grid;grid-template-columns:1fr 1fr;gap:12px;aspect-ratio:1;max-height:60dvh;margin:0 auto;width:100%;max-width:360px}.simon button{border-radius:20px;opacity:.45;transition:opacity .08s,transform .08s;font-size:0}.simon button.lit{opacity:1;transform:scale(1.03)}.aim-field{flex:1;position:relative;border-radius:20px;background:var(--card);border:1px solid var(--border);overflow:hidden;touch-action:none}.target{position:absolute;border-radius:50%;background:radial-gradient(circle,#fff 0 18%,var(--bad) 20% 45%,#fff 47% 60%,var(--bad) 62%);transform:translate(-50%,-50%);cursor:pointer}.chimp-grid{display:grid;grid-template-columns:repeat(5,1fr);grid-auto-rows:1fr;gap:8px;aspect-ratio:5/6;max-height:60dvh;width:100%;margin:0 auto}.chimp-grid button{padding:0;font-size:22px;border-radius:12px}.chimp-grid button.hidden-num{font-size:0;background:var(--blue)}.chimp-grid button.empty{background:transparent;pointer-events:none}.stroop-word{font-size:52px;font-weight:900;text-align:center;letter-spacing:.02em}.typing-word{font-size:40px;font-weight:800;text-align:center;letter-spacing:.04em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.typing-word .ok{color:var(--good)}.typing-word .err{color:var(--bad)}.countdown{font-size:90px;font-weight:900;text-align:center}.fade{animation:fade .25s ease-out}@keyframes fade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.chat{display:flex;flex-direction:column;height:calc(100dvh - 210px - var(--safe-top) - var(--safe-bottom));min-height:360px}.chat-log{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:8px;padding:4px 2px 10px}.msg{max-width:82%;display:flex;flex-direction:column;gap:2px}.msg.mine{align-self:flex-end;align-items:flex-end}.msg .who{font-size:12px;color:var(--muted);font-weight:600;cursor:pointer}.msg .bubble{background:var(--card2);padding:9px 12px;border-radius:16px 16px 16px 4px;line-height:1.35;overflow-wrap:anywhere}.msg.mine .bubble{background:var(--accent);color:var(--accent-text);border-radius:16px 16px 4px}.msg .bubble img{display:block;max-width:min(200px,60vw);max-height:200px;width:auto;height:auto;border-radius:12px;background:var(--card)}.msg.gif .bubble{padding:4px}.sys{align-self:center;text-align:center;font-size:13px;color:var(--muted);background:var(--card);border:1px solid var(--border);padding:6px 12px;border-radius:999px}.sys b{color:var(--text)}.sys .pts{color:var(--accent);font-weight:800}.chat-input{display:flex;gap:8px;padding-top:8px;border-top:1px solid var(--border)}.chat-input input{flex:1}.chat-input button{padding:10px 14px}.gif-sheet{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#0009;display:flex;align-items:flex-end}.gif-panel{background:var(--card);border-radius:20px 20px 0 0;width:100%;max-width:520px;margin:0 auto;height:70dvh;display:flex;flex-direction:column;padding:12px 12px calc(12px + var(--safe-bottom));gap:10px}.gif-grid{flex:1;overflow-y:auto;columns:3;column-gap:6px}.gif-grid img{width:100%;display:block;border-radius:8px;margin-bottom:6px;cursor:pointer;background:var(--card2);break-inside:avoid}.klipy{text-align:center;font-size:12px;color:var(--muted);font-weight:700;letter-spacing:.06em}.modal-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#0009;display:flex;align-items:center;justify-content:center;padding:16px}.modal{background:var(--card);border:1px solid var(--border);border-radius:20px;width:100%;max-width:420px;padding:18px;max-height:85dvh;overflow-y:auto}.chip-row{display:flex;gap:6px;flex-wrap:wrap}.chip-row .pill{font-variant-numeric:tabular-nums}.round-row{cursor:pointer}.group-img{object-fit:cover;display:inline-flex;align-items:center;justify-content:center;font-weight:800;color:#0f0f14;flex:none;background:var(--card2)}.avatar{border-radius:50%;object-fit:cover;display:inline-flex;align-items:center;justify-content:center;font-weight:800;color:#0f0f14;flex:none;background:var(--card2)}.board .entry{grid-template-columns:34px auto 1fr auto}.board .entry.noavatar{grid-template-columns:34px 1fr auto}.msg .who{display:flex;align-items:center;gap:6px}.profile-btn{display:flex;align-items:center;gap:10px;background:transparent;padding:0;text-align:left}.canvas-box{flex:1;min-height:0;border-radius:20px;background:var(--card);border:1px solid var(--border);overflow:hidden;position:relative;touch-action:none;cursor:pointer}.canvas-box canvas{display:block}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--card2);height:14px;border-radius:7px;padding:0;border:0}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:26px;height:26px;border-radius:50%;background:#fff;border:3px solid var(--bg);box-shadow:0 0 0 1px var(--border)}input[type=range]::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:#fff;border:3px solid var(--bg)}.toasts{position:fixed;top:calc(10px + var(--safe-top));left:12px;right:12px;z-index:80;display:flex;flex-direction:column;gap:8px;max-width:496px;margin:0 auto;pointer-events:none}.toast{pointer-events:auto;background:var(--card2);border:1px solid var(--accent);border-radius:14px;padding:12px 14px;box-shadow:0 10px 30px #00000080;cursor:pointer}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 0;border-top:1px solid var(--border)}.admin table{width:100%;border-collapse:collapse;font-size:13px}.admin th{text-align:left;color:var(--muted);font-weight:600;padding:4px 6px;border-bottom:1px solid var(--border)}.admin td{padding:6px;border-bottom:1px solid var(--border);vertical-align:middle}.admin .card{overflow-x:auto}.legal-text h3{margin:18px 0 6px;font-size:15px}.legal-text p,.legal-text li{font-size:14px;line-height:1.5}.legal-text ul{padding-left:18px}.legal a,.muted a{color:var(--muted)}.ptr{position:fixed;top:0;left:0;right:0;display:flex;justify-content:center;z-index:90;pointer-events:none;padding-top:var(--safe-top)}.ptr-dot{width:26px;height:26px;border-radius:50%;border:3px solid var(--border);border-top-color:var(--muted);background:var(--card);box-shadow:0 4px 14px #0006}.ptr-dot.spin{animation:ptr-spin .8s linear infinite}@keyframes ptr-spin{to{transform:rotate(360deg)}}