:root{
  color-scheme:dark;
  --bg:#0b0914;--panel:#151222;--panel2:#1b172b;--text:#f7f4ff;--muted:#aaa3ba;
  --line:rgba(255,255,255,.09);--purple:#8b5cf6;--pink:#ec4899;--orange:#f97316;--green:#22c55e;--red:#ef4444;
  --shadow:0 24px 70px rgba(0,0,0,.35);
}
*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}body{margin:0;min-height:100vh;background:radial-gradient(circle at 15% -10%,rgba(139,92,246,.18),transparent 38%),radial-gradient(circle at 100% 10%,rgba(236,72,153,.12),transparent 34%),var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow-x:hidden}
button,input,select{font:inherit}.hidden{display:none!important}.ambient{position:fixed;pointer-events:none;filter:blur(100px);opacity:.22;border-radius:50%;z-index:0}.ambient-a{width:280px;height:280px;background:var(--purple);left:-120px;top:22%}.ambient-b{width:240px;height:240px;background:var(--pink);right:-130px;top:58%}.shell{position:relative;z-index:1;width:min(100%,720px);margin:0 auto;padding:0 18px 48px}.topbar{height:82px;display:flex;align-items:center;justify-content:space-between}.brand{background:none;border:0;color:inherit;padding:0;display:flex;align-items:center;gap:11px;text-align:left;cursor:pointer}.brand-mark{width:38px;height:38px;border-radius:12px;background:linear-gradient(145deg,var(--purple),var(--pink));display:grid;place-items:center;font-size:13px;font-weight:900;box-shadow:0 10px 30px rgba(139,92,246,.28)}.brand strong{display:block;font-size:16px;letter-spacing:.1px}.brand small{display:block;color:var(--muted);font-size:8px;letter-spacing:2px;margin-top:2px}.top-actions{display:flex;gap:8px}.icon-btn,.back-btn,.shuffle-btn,.text-btn,.reaction,.modal-close{border:0;color:inherit;cursor:pointer}.icon-btn{width:38px;height:38px;border-radius:12px;background:rgba(255,255,255,.06);border:1px solid var(--line);font-weight:800}.screen{display:none}.screen.active{display:block}.hero{padding:24px 4px 20px}.eyebrow{color:#c4b5fd;font-size:11px;font-weight:800;letter-spacing:1.8px;text-transform:uppercase;display:flex;align-items:center;gap:8px}.pulse-dot{width:7px;height:7px;background:var(--green);border-radius:50%;box-shadow:0 0 0 0 rgba(34,197,94,.5);animation:pulse 2s infinite}@keyframes pulse{70%{box-shadow:0 0 0 8px rgba(34,197,94,0)}100%{box-shadow:0 0 0 0 rgba(34,197,94,0)}}.hero h1,.end-screen h1{font-size:clamp(38px,9vw,66px);line-height:.98;letter-spacing:-2.6px;margin:15px 0 14px}.hero h1 span{background:linear-gradient(90deg,#c4b5fd,#f9a8d4,#fdba74);-webkit-background-clip:text;background-clip:text;color:transparent}.hero p{color:var(--muted);font-size:15px;line-height:1.65;max-width:560px;margin:0}.panel{margin-top:16px;background:linear-gradient(180deg,rgba(28,24,44,.92),rgba(19,16,31,.92));border:1px solid var(--line);border-radius:22px;padding:18px;box-shadow:0 16px 48px rgba(0,0,0,.14)}.section-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:15px}.section-head small{font-size:9px;letter-spacing:1.5px;color:#8f879f;font-weight:800}.section-head h2{font-size:20px;letter-spacing:-.5px;margin:3px 0 0}.counter{font-size:11px;color:var(--muted);background:rgba(255,255,255,.05);padding:6px 9px;border-radius:999px}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.chip{display:inline-flex;align-items:center;gap:7px;background:#2a2340;border:1px solid rgba(196,181,253,.18);color:#eee7ff;padding:8px 9px 8px 12px;border-radius:999px;font-size:13px;font-weight:700}.chip button{width:18px;height:18px;border-radius:50%;border:0;background:rgba(255,255,255,.09);color:#bbb2ce;cursor:pointer;line-height:1}.player-entry{display:flex;gap:8px}.player-entry input{min-width:0;flex:1;border:1px solid var(--line);background:rgba(255,255,255,.045);color:var(--text);border-radius:14px;padding:13px 14px;outline:none}.player-entry input:focus{border-color:rgba(139,92,246,.7);box-shadow:0 0 0 3px rgba(139,92,246,.12)}.add-btn{width:48px;border:0;border-radius:14px;color:white;background:linear-gradient(135deg,var(--purple),#6d5ce7);font-size:23px;cursor:pointer}.text-btn{background:none;color:#c4b5fd;padding:10px 2px 0;font-size:12px}.segments{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.segments button{padding:13px 7px;border-radius:14px;border:1px solid var(--line);background:rgba(255,255,255,.04);color:var(--muted);cursor:pointer;font-size:12px;font-weight:800}.segments button span{display:block;font-size:20px;margin-bottom:4px}.segments button.selected{background:linear-gradient(180deg,rgba(139,92,246,.22),rgba(139,92,246,.1));border-color:rgba(139,92,246,.55);color:#fff;box-shadow:0 10px 30px rgba(139,92,246,.1)}.shuffle-btn{background:rgba(139,92,246,.1);border:1px solid rgba(139,92,246,.22);color:#c4b5fd;padding:8px 10px;border-radius:10px;font-size:11px;font-weight:800}.mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mode-card{position:relative;display:flex;align-items:center;text-align:left;gap:10px;padding:13px;border-radius:16px;border:1px solid var(--line);background:rgba(255,255,255,.035);color:var(--text);cursor:pointer;min-height:74px;transition:.18s transform,.18s border-color,.18s background}.mode-card:hover{transform:translateY(-1px);border-color:rgba(255,255,255,.18)}.mode-card.selected{border-color:rgba(139,92,246,.75);background:linear-gradient(145deg,rgba(139,92,246,.18),rgba(236,72,153,.08));box-shadow:0 10px 35px rgba(139,92,246,.1)}.mode-card.featured{grid-column:1/-1;background:linear-gradient(135deg,rgba(139,92,246,.18),rgba(236,72,153,.12));min-height:82px}.mode-icon{font-size:25px;flex:0 0 auto}.mode-card b{font-size:13px;display:block}.mode-card small{font-size:10px;color:var(--muted);display:block;margin-top:3px;line-height:1.25}.mode-card em{position:absolute;right:8px;top:8px;font-style:normal;font-size:7px;letter-spacing:.8px;font-weight:900;background:rgba(255,255,255,.07);color:#c4b5fd;padding:4px 6px;border-radius:999px}.adult-card{opacity:.58}.adult-card.unlocked{opacity:1}.adult-switch{display:flex;gap:12px;margin-top:14px;padding:13px;border-radius:15px;background:rgba(249,115,22,.06);border:1px solid rgba(249,115,22,.16);cursor:pointer}.adult-switch input{display:none}.switch-ui{width:39px;height:23px;border-radius:999px;background:#302b3d;position:relative;flex:0 0 auto;margin-top:1px}.switch-ui:after{content:"";position:absolute;width:17px;height:17px;background:#aaa3b4;border-radius:50%;top:3px;left:3px;transition:.2s}.adult-switch input:checked+.switch-ui{background:linear-gradient(90deg,var(--orange),var(--pink))}.adult-switch input:checked+.switch-ui:after{transform:translateX(16px);background:#fff}.adult-switch b{display:block;font-size:12px}.adult-switch small{display:block;color:#9f98aa;font-size:9px;line-height:1.45;margin-top:3px}.primary-cta{width:100%;margin-top:16px;border:0;border-radius:18px;background:linear-gradient(100deg,#7c3aed,#a855f7,#ec4899);color:#fff;padding:18px 19px;display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:900;letter-spacing:1px;cursor:pointer;box-shadow:0 18px 42px rgba(139,92,246,.26)}.primary-cta b{font-size:22px}.privacy-hint{font-size:10px;color:#746d80;text-align:center;line-height:1.5;margin:13px 18px 0}
/* Game */
.game-screen{min-height:calc(100vh - 82px);padding-bottom:24px}.game-head{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:10px 0 16px}.back-btn{justify-self:start;background:rgba(255,255,255,.05);border:1px solid var(--line);padding:9px 11px;border-radius:11px;font-size:11px;color:#b8b0c4}.game-progress{text-align:center}.game-progress small{display:block;color:#9f92c7;font-size:8px;letter-spacing:1.5px;font-weight:900}.game-progress b{font-size:13px}.live-pill{justify-self:end;display:flex;align-items:center;gap:6px;font-size:9px;color:#9d96a8;border:1px solid var(--line);background:rgba(255,255,255,.04);padding:7px 9px;border-radius:999px}.live-pill span:first-child{width:6px;height:6px;border-radius:50%;background:var(--green)}.player-turn{text-align:center;margin:3px 0 12px}.player-turn small{display:block;font-size:8px;letter-spacing:1.6px;color:#837b91}.player-turn strong{font-size:21px}.game-card{position:relative;overflow:hidden;min-height:390px;border-radius:28px;padding:22px;background:linear-gradient(160deg,#241c39 0%,#171326 55%,#13111e 100%);border:1px solid rgba(255,255,255,.11);box-shadow:var(--shadow);display:flex;flex-direction:column}.game-card:before{content:"";position:absolute;width:230px;height:230px;right:-90px;top:-100px;background:radial-gradient(circle,rgba(168,85,247,.26),transparent 64%);pointer-events:none}.card-topline,.card-footer{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between}.type-badge{font-size:9px;letter-spacing:1px;font-weight:900;color:#d8ccff;background:rgba(139,92,246,.13);border:1px solid rgba(139,92,246,.18);padding:7px 9px;border-radius:999px}.card-copy{position:relative;z-index:1;flex:1;display:grid;place-items:center;text-align:center;font-size:clamp(27px,7.6vw,42px);line-height:1.14;font-weight:850;letter-spacing:-1.1px;padding:34px 6px}.adult-safety{position:relative;z-index:1;font-size:9px;line-height:1.45;color:#d3c7b5;background:rgba(249,115,22,.08);border:1px solid rgba(249,115,22,.14);padding:9px 10px;border-radius:12px;margin-bottom:12px;text-align:center}.card-footer{color:#6e6878;font-size:8px;letter-spacing:1px}.timer-box{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:14px;padding:0 0 16px}.timer-ring{width:68px;height:68px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.04);border:4px solid rgba(139,92,246,.55);line-height:.8}.timer-ring span{font-size:22px;font-weight:900}.timer-ring small{font-size:7px;color:#92899f}.timer-box button{border:1px solid rgba(139,92,246,.3);background:rgba(139,92,246,.13);color:#ddd2ff;border-radius:12px;padding:10px 12px;font-weight:800;font-size:11px;cursor:pointer}.reaction-row{display:flex;justify-content:center;gap:9px;margin:13px 0}.reaction{width:42px;height:38px;border-radius:12px;background:rgba(255,255,255,.04);border:1px solid var(--line);font-size:16px}.reaction.active{background:rgba(139,92,246,.18);border-color:rgba(139,92,246,.4)}.game-actions{display:grid;grid-template-columns:.85fr 1.5fr;gap:9px}.secondary-btn,.primary-btn,.secondary-wide,.danger-lite{border:0;border-radius:15px;padding:15px 12px;font-weight:850;cursor:pointer}.secondary-btn,.secondary-wide{background:rgba(255,255,255,.055);color:#bcb5c8;border:1px solid var(--line)}.primary-btn{background:linear-gradient(100deg,#7c3aed,#a855f7);color:#fff;box-shadow:0 12px 28px rgba(139,92,246,.2)}.primary-btn span{margin-left:5px}.tiny-status{text-align:center;font-size:8px;color:#655f70;margin-top:11px;letter-spacing:.5px}
/* End */
.end-screen{text-align:center;padding:40px 0}.end-confetti{font-size:64px;margin-bottom:12px}.end-screen .eyebrow{justify-content:center}.end-screen h1{font-size:44px}.wrapped-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:22px 0}.wrapped-grid div{background:rgba(255,255,255,.045);border:1px solid var(--line);border-radius:17px;padding:18px 6px}.wrapped-grid strong{display:block;font-size:26px}.wrapped-grid span{font-size:9px;color:var(--muted)}.award-card{background:linear-gradient(145deg,rgba(139,92,246,.17),rgba(236,72,153,.08));border:1px solid rgba(139,92,246,.22);border-radius:22px;padding:24px;margin:18px 0;text-align:left}.award-card small{font-size:9px;letter-spacing:1.5px;color:#bcaaf5}.award-card strong{display:block;font-size:30px;margin:8px 0 4px}.award-card p{margin:0;color:var(--muted);font-size:12px}.secondary-wide{width:100%;margin-top:9px}.modal{width:min(calc(100% - 32px),480px);border:1px solid var(--line);border-radius:22px;background:#171321;color:var(--text);padding:24px;box-shadow:var(--shadow)}.modal::backdrop{background:rgba(4,3,10,.76);backdrop-filter:blur(7px)}.modal h2{margin:0 0 10px}.modal p{color:var(--muted);line-height:1.6;font-size:13px}.modal-close{position:absolute;right:12px;top:12px;width:34px;height:34px;background:rgba(255,255,255,.05);border:1px solid var(--line);border-radius:10px;font-size:20px}.modal-note{padding:13px;border-radius:14px;background:rgba(139,92,246,.08);border:1px solid rgba(139,92,246,.15);font-size:11px;line-height:1.55;color:#c5bed0}.admin-link{display:inline-block;margin-top:15px;color:#c4b5fd;text-decoration:none;font-size:12px;font-weight:800}.danger-lite{width:100%;margin-top:8px;background:rgba(239,68,68,.1);color:#fca5a5;border:1px solid rgba(239,68,68,.2)}.toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,20px);opacity:0;z-index:20;background:#231d31;border:1px solid var(--line);color:#eee7f8;padding:11px 14px;border-radius:12px;font-size:11px;box-shadow:var(--shadow);transition:.22s;pointer-events:none;max-width:calc(100% - 30px);text-align:center}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:520px){.shell{padding-inline:14px}.topbar{height:70px}.hero{padding-top:18px}.panel{padding:15px;border-radius:19px}.mode-grid{gap:8px}.mode-card{padding:11px;min-height:70px}.mode-card small{font-size:9px}.game-card{min-height:355px;border-radius:24px}.card-copy{padding-inline:2px}.game-actions{grid-template-columns:.8fr 1.5fr}}
@media(max-width:380px){.mode-grid{grid-template-columns:1fr}.mode-card.featured{grid-column:auto}.hero h1{font-size:40px}.game-card{min-height:330px}.card-copy{font-size:27px}}

.backend-problem{margin-top:14px;padding:12px 13px;border:1px solid rgba(239,68,68,.28);background:rgba(239,68,68,.09);color:#fecaca;border-radius:13px;font-size:10px;line-height:1.5;text-align:left}

/* Artitech footer & legal */
.site-footer{margin:34px 0 0;padding:22px 4px 8px;border-top:1px solid var(--line);text-align:center;color:#817a8c}
.footer-brand{display:flex;align-items:center;justify-content:center;gap:9px;margin-bottom:12px}
.footer-mark{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;font-size:13px;font-weight:950;color:#fff;background:linear-gradient(135deg,var(--purple),var(--pink));box-shadow:0 8px 22px rgba(139,92,246,.22)}
.footer-brand div{text-align:left;line-height:1.05}.footer-brand strong{display:block;font-size:12px;color:#eee9f6}.footer-brand small{display:block;margin-top:4px;font-size:9px}.footer-brand a,.footer-links a{color:#c4b5fd;text-decoration:none}.footer-brand a:hover,.footer-links a:hover{text-decoration:underline}
.footer-links{display:flex;align-items:center;justify-content:center;gap:7px;flex-wrap:wrap;font-size:10px;font-weight:700}.footer-links span{color:#554f60}.footer-copy{display:block;margin-top:10px;font-size:8px;color:#5f5968}
.modal-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.modal-links a{color:#c4b5fd;text-decoration:none;border:1px solid rgba(139,92,246,.2);background:rgba(139,92,246,.07);padding:8px 10px;border-radius:10px;font-size:10px;font-weight:800}
.legal-shell{width:min(100%,760px);margin:0 auto;padding:0 18px 56px;position:relative;z-index:1}.legal-topbar{height:82px;display:flex;align-items:center;justify-content:space-between}.legal-back{color:#c4b5fd;text-decoration:none;font-size:11px;font-weight:800;background:rgba(255,255,255,.04);border:1px solid var(--line);padding:9px 11px;border-radius:11px}.legal-card{background:linear-gradient(160deg,rgba(27,23,43,.92),rgba(17,14,29,.96));border:1px solid var(--line);border-radius:24px;padding:clamp(20px,5vw,36px);box-shadow:var(--shadow)}.legal-kicker{font-size:9px;font-weight:900;letter-spacing:1.7px;color:#a995ef;text-transform:uppercase}.legal-card h1{font-size:clamp(34px,8vw,54px);letter-spacing:-1.8px;margin:7px 0 7px}.legal-updated{font-size:10px;color:#756e80;margin:0 0 28px}.legal-card h2{font-size:18px;margin:28px 0 9px}.legal-card h3{font-size:14px;margin:22px 0 7px}.legal-card p,.legal-card li{font-size:12px;line-height:1.7;color:#b9b2c4}.legal-card p{margin:7px 0}.legal-card ul{padding-left:19px}.legal-card a{color:#c4b5fd}.legal-box{margin:14px 0;padding:14px 15px;border:1px solid rgba(139,92,246,.16);background:rgba(139,92,246,.07);border-radius:14px}.legal-contact{font-style:normal;line-height:1.7;color:#d3ccdc;font-size:12px}.legal-note{font-size:10px!important;color:#827a8e!important;border-left:2px solid rgba(139,92,246,.4);padding-left:10px}.legal-table{width:100%;border-collapse:collapse;margin:12px 0 18px;font-size:11px}.legal-table th,.legal-table td{text-align:left;vertical-align:top;padding:10px 8px;border-bottom:1px solid var(--line)}.legal-table th{color:#8f8799;width:32%}.legal-table td{color:#c9c2d3}
@media(max-width:520px){.legal-shell{padding-inline:14px}.legal-topbar{height:70px}.legal-card{border-radius:20px}.legal-table,.legal-table tbody,.legal-table tr,.legal-table th,.legal-table td{display:block}.legal-table th{width:auto;border-bottom:0;padding-bottom:2px}.legal-table td{padding-top:0}}
