:root{--ink:#eaf0ff;--muted:#95a4c7;--line:#26324d;--panel:#131b2c;--panel2:#19243a;--blue:#6ea2ff;--mint:#46e2b6;--orange:#ffab53;--danger:#ff6d77}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 50% -20%,#24365f 0,#0b1020 42%,#080c17 100%);color:var(--ink);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;min-height:100vh}.shell{max-width:980px;margin:auto;padding:30px 24px 60px}.topbar{height:56px;display:flex;align-items:center;justify-content:space-between;margin-bottom:44px}.brand{color:#fff;text-decoration:none;font:800 28px/1 system-ui,sans-serif;letter-spacing:-1.5px}.brand span{color:var(--orange)}.catalog-pill{color:var(--muted);font-size:12px;display:flex;align-items:center;gap:7px}.catalog-pill i{width:8px;height:8px;background:var(--mint);border-radius:50%;box-shadow:0 0 13px var(--mint)}.catalog-pill strong{color:#dfe7ff}.panel{border:1px solid var(--line);background:linear-gradient(145deg,rgba(25,36,58,.93),rgba(14,20,34,.93));border-radius:18px;box-shadow:0 22px 80px rgba(0,0,0,.25)}.setup{padding:44px;max-width:820px;margin:auto;text-align:center}.eyebrow{color:var(--mint);font-size:12px;font-weight:800;letter-spacing:2px;margin:0 0 15px}.setup h1{font:800 clamp(34px,6vw,58px)/1.02 system-ui,sans-serif;letter-spacing:-2.5px;margin:0}.intro{max-width:600px;line-height:1.7;color:var(--muted);margin:18px auto 30px}.difficulty-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;text-align:left;margin-bottom:28px}.difficulty{font-family:inherit;padding:15px 16px;border:1px solid #32405e;border-radius:10px;background:#111a2b;color:var(--ink);cursor:pointer;transition:.15s}.difficulty:hover,.difficulty.selected{border-color:var(--blue);background:#1a2945;transform:translateY(-1px)}.difficulty b{display:block;font-size:14px}.difficulty small{display:block;color:var(--muted);font-size:11px;margin-top:5px}.difficulty.danger.selected{border-color:var(--danger);background:#391d2a}.primary,.secondary{font:700 14px ui-monospace,monospace;border-radius:10px;padding:14px 23px;cursor:pointer}.primary{background:var(--blue);color:#071226;border:0;box-shadow:0 8px 24px rgba(110,162,255,.25)}.primary:hover{filter:brightness(1.08)}.primary:disabled{opacity:.45;cursor:not-allowed}.primary span{font-size:18px;margin-left:5px}.loading{margin:17px 0 0;color:var(--muted);font-size:12px}.hidden{display:none!important}.arena{max-width:760px;margin:auto}.match-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.fighter{display:flex;align-items:center;gap:10px}.fighter.bot{text-align:right}.fighter b{font-family:system-ui,sans-serif;font-size:15px}.fighter small{display:block;color:var(--danger);letter-spacing:2px;margin-top:3px}.avatar{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#22345b;color:#a8c6ff;font-weight:900}.bot .avatar{background:#4b2737;color:#ffc2c6}.round{text-align:center;color:var(--muted);font-size:10px;letter-spacing:1.5px}.round strong{display:block;color:var(--ink);font-size:21px;letter-spacing:0}.timer-wrap{height:10px;background:#131a29;border:1px solid var(--line);border-radius:99px;overflow:hidden}.timer{height:100%;width:100%;background:linear-gradient(90deg,var(--mint),var(--blue));transition:width .1s linear}.turn-message{text-align:center;color:var(--mint);font-size:12px;font-weight:800;letter-spacing:1.4px;margin:26px 0 11px}.letter-card{text-align:center;background:rgba(25,36,58,.8);border:1px solid var(--line);border-radius:16px;padding:22px}.letter-card span{display:block;color:var(--muted);font-size:10px;letter-spacing:1.6px}.letter-card strong{display:block;color:var(--orange);font:800 72px/1 system-ui,sans-serif;letter-spacing:-4px;margin-top:4px}.word-form{display:flex;gap:10px;margin-top:14px}.word-form input{min-width:0;flex:1;border:1px solid #3c4c70;border-radius:10px;background:#10182a;color:#fff;padding:14px 15px;font:600 17px ui-monospace,monospace;outline:none}.word-form input:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(110,162,255,.12)}.feedback{height:20px;text-align:center;color:var(--muted);font-size:12px;margin:12px 0}.feedback.bad{color:var(--danger)}.feedback.good{color:var(--mint)}.chain-panel{margin-top:23px;padding:16px}.chain-head{display:flex;justify-content:space-between;color:var(--muted);font-size:12px}.chain-head b{color:var(--ink)}.chain{display:flex;flex-wrap:wrap;gap:8px;padding:15px 0 0;margin:0;list-style:none}.chain li{background:#0d1423;border:1px solid #293752;border-radius:7px;padding:7px 10px;color:#cbd7f7;font-size:12px;overflow-wrap:anywhere}.chain li.bot-word{border-color:#694150;color:#ffc7cb}.secondary{display:block;margin:23px auto 0;border:1px solid var(--blue);background:transparent;color:#bcd1ff}.secondary:hover{background:#192945}@media(max-width:600px){.shell{padding:20px 14px 40px}.topbar{margin-bottom:24px}.catalog-pill{font-size:10px}.setup{padding:28px 18px}.difficulty-grid{grid-template-columns:1fr}.letter-card strong{font-size:60px}.word-form{flex-direction:column}.word-form button{width:100%}}
:root{--social-gap:12px}.top-actions{display:flex;align-items:center;gap:14px}.settings-button,.close-button,.secondary-inline{font:700 12px ui-monospace,monospace;cursor:pointer}.settings-button{border:1px solid #40527a;background:#141e31;color:#d9e4ff;padding:9px 11px;border-radius:9px}.settings-button:hover{border-color:var(--mint);color:var(--mint)}.social-panel{max-width:820px;margin:0 auto 22px;padding:22px}.social-head{display:flex;justify-content:space-between;align-items:flex-start}.social-head h2{margin:0;font:800 24px system-ui,sans-serif}.close-button{border:0;background:none;color:var(--muted);font-size:28px;line-height:1}.social-form{margin-top:18px}.social-form label{display:block;color:var(--ink);font-size:12px;margin-bottom:7px}.social-form label small{color:var(--muted);margin-left:6px}.social-form>div{display:flex;gap:9px}.social-form input{flex:1;min-width:0;border:1px solid #3c4c70;border-radius:9px;background:#10182a;color:#fff;padding:11px;font:600 14px ui-monospace,monospace}.secondary-inline{border:1px solid var(--blue);background:transparent;color:#c8d9ff;border-radius:9px;padding:10px 14px}.social-message{min-height:18px;color:var(--muted);font-size:12px;margin:14px 0}.social-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.social-columns section{background:#0d1423;border:1px solid #293752;border-radius:10px;padding:12px}.social-columns h3{margin:0 0 9px;font-size:12px;color:#cbd7f7}.social-list{display:grid;gap:8px}.social-row{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px;overflow-wrap:anywhere}.social-row span{min-width:0}.social-row button{font:700 10px ui-monospace,monospace;border:1px solid #40527a;border-radius:6px;background:#182642;color:#cce0ff;padding:6px;cursor:pointer}.social-row button:hover{border-color:var(--mint);color:var(--mint)}.empty{margin:0;color:var(--muted);font-size:11px}@media(max-width:700px){.top-actions{gap:7px}.social-columns{grid-template-columns:1fr}.catalog-pill{display:none}.social-form>div{flex-direction:column}.social-form button{width:100%}}
:root{--theme-violet:#8c72ff;--theme-silver:#cbd1dd;--theme-gold:#ffd36b}body[data-theme="violet"]{--blue:#a587ff;--mint:#d3a4ff;--orange:#c8b6ff;background:radial-gradient(circle at 50% -20%,#54267a 0,#160c28 45%,#090611 100%)}body[data-theme="rainbow"]{--blue:#64b7ff;--mint:#62ffbe;--orange:#ffdc64;background:radial-gradient(circle at 8% 0,#ff6b8b 0,transparent 28%),radial-gradient(circle at 83% 6%,#7e6bff 0,transparent 29%),radial-gradient(circle at 50% -20%,#0bbfa1 0,#10142e 48%,#080a16 100%)}body[data-theme="silver"]{--blue:#b6c4d8;--mint:#e6edf7;--orange:#c5cedc;background:radial-gradient(circle at 50% -20%,#69788d 0,#202835 46%,#0c1018 100%)}body[data-theme="gold-silver"]{--blue:#d6dbe4;--mint:#fff0ac;--orange:#ffd066;background:radial-gradient(circle at 50% -20%,#8c6b2b 0,#2a2c32 48%,#111216 100%)}body[data-theme="split-shine"]{--ink:#f5f5f5;--muted:#c7c7c7;--line:#6b6b6b;--panel:#171717;--panel2:#272727;--blue:#fbfbfb;--mint:#efefef;--orange:#fff;background:linear-gradient(105deg,#fafafa 0%,#fafafa 43%,#191919 43%,#080808 100%)}body[data-theme="split-shine"] .panel,body[data-theme="split-shine"] .letter-card{background:linear-gradient(130deg,rgba(255,255,255,.3),rgba(12,12,12,.9));border-color:#a8a8a8}body[data-theme="split-shine"] .brand{color:#fff;text-shadow:0 0 12px #fff}.social-panel{max-height:calc(100vh - 86px);overflow-y:auto;scrollbar-color:#53698e #101827}.theme-section{margin:18px 0}.theme-section h3{font-size:12px;margin:0 0 9px}.theme-choices{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.theme-choice{min-height:52px;border:1px solid #4b5e81;border-radius:9px;color:#fff;font:700 10px ui-monospace,monospace;cursor:pointer;padding:6px}.theme-choice:hover,.theme-choice.selected{outline:2px solid var(--mint);outline-offset:1px}.violet{background:linear-gradient(135deg,#512482,#bc8bff)}.rainbow{background:linear-gradient(120deg,#ff6b9a,#ffd166,#66efb4,#6fa8ff,#bd7bff)}.silver{background:linear-gradient(135deg,#667385,#edf2f7,#667385)}.gold-silver{background:linear-gradient(135deg,#a67e22,#fff2b3,#bec6d1,#a67e22)}.split-shine{background:linear-gradient(110deg,#fff 0%,#fff 45%,#090909 46%,#090909 100%);color:#111;text-shadow:0 1px #fff}@media(max-width:700px){.theme-choices{grid-template-columns:repeat(2,1fr)}}