@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Outfit:wght@400;500;600;700;800&display=swap');:root{font-family:Outfit,system-ui,sans-serif;color:#f3f2ff;background:#0b0d1c}*{box-sizing:border-box}body{margin:0;min-height:100vh}.ambient{position:fixed;inset:0;z-index:-1;background:radial-gradient(ellipse 65% 40% at 55% 0%,#32235b99,transparent),radial-gradient(ellipse 40% 60% at 100% 70%,#162d5366,transparent),#0b0d1c}.shell{max-width:1470px;margin:auto;padding:24px 30px}header,.topright,.brand,.playerhead,.arenahead,.actions,.dialoghead{display:flex;align-items:center;justify-content:space-between}.brand{justify-content:flex-start;gap:13px}.brandmark{background:linear-gradient(140deg,#bfa1ff,#6556d6);border-radius:13px;width:46px;height:46px;display:grid;place-items:center;font-size:29px}.brand strong{font-size:19px;letter-spacing:2px}.brand em{color:#b9a5ff;font-style:normal}.brand small{display:block;letter-spacing:3px;font-size:9px;color:#9992b4;margin-top:4px}.topright{gap:20px}.live{font-size:11px;letter-spacing:2px;color:#b4b3c9}.live i{display:inline-block;width:7px;height:7px;background:#55dcab;border-radius:50%;margin-right:7px;box-shadow:0 0 10px #55dcab}.subtle,button{border:1px solid #45405c;background:#211e35;color:#eee8ff;border-radius:11px;padding:12px 17px;font:600 13px Outfit;cursor:pointer;transition:.2s}button:hover{background:#35304e;border-color:#8f76cb}button:disabled{opacity:.4;cursor:default}.hero{text-align:center;margin:50px 0 32px}.eyebrow{font-size:10px;letter-spacing:2.8px;font-weight:800;color:#b7a3fa}.hero h1{font-size:clamp(35px,5vw,63px);letter-spacing:-2px;margin:10px 0}.hero h1 span{color:#b59af7}.hero p{color:#aaa9c0;font-size:15px;margin:0}.game{display:grid;grid-template-columns:minmax(210px,1fr) minmax(360px,650px) minmax(210px,1fr);gap:20px;align-items:start}.side{display:flex;flex-direction:column;gap:18px;padding-top:44px}.player,.tips,.mode,.arena{background:linear-gradient(140deg,#1b1b33e8,#131629e8);border:1px solid #36304c;border-radius:20px;box-shadow:0 14px 45px #0003}.player{padding:21px}.playerhead{justify-content:flex-start;gap:10px;margin-bottom:21px}.avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:18px}.avatar.white{background:linear-gradient(135deg,#fff,#c5bed9);color:#25213a}.avatar.black{background:linear-gradient(135deg,#50516b,#11121d);border:1px solid #7a728c}.playerhead small{color:#918ba7;letter-spacing:1.3px;font-size:9px}.playerhead h2{font-size:18px;margin:2px 0}.turntag{margin-left:auto;color:#d5c0ff;background:#49366c;padding:6px;border-radius:7px;font-size:8px;font-weight:800;display:none}.active .turntag{display:block}.active{border-color:#9276d5;box-shadow:0 0 28px #8b66cc25}.stat{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #373349;padding:13px 0;font-size:13px;color:#9e9cb4}.stat strong{color:#f2efff;font-size:20px}.tips,.mode{padding:21px}.tips p,.mode p{color:#a5a2b8;font-size:13px;line-height:1.65}.mode h3{margin:10px 0 0}.legend{display:flex;gap:15px;font-size:12px;color:#bab5cd}.dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:5px}.ivory{background:#f3edff}.obsidian{background:#77778d}.arena{padding:18px}.arenahead{font-size:11px;letter-spacing:1.5px;color:#a49cbf;padding:4px 6px 16px}.arenahead span:last-child{color:#d5c3ff;font-weight:800}.boardwrap{border:1px solid #66548a;border-radius:18px;overflow:hidden;background:radial-gradient(circle at 50% 35%,#443669,#201b3b 75%);box-shadow:inset 0 0 60px #0006,0 12px 35px #0003}#board{display:block;width:100%;height:auto;touch-action:manipulation}.board-line{fill:none;stroke:#bda7ef;stroke-width:5;stroke-linecap:round;filter:drop-shadow(0 0 4px #9c7bd488)}.point{fill:#74658d;stroke:#d3c0f4;stroke-width:2;cursor:pointer}.piece{cursor:pointer;filter:drop-shadow(2px 5px 5px #05040d99)}.hint{fill:#5ae4be;opacity:.75;cursor:pointer}.selectring{fill:none;stroke:#72f0d6;stroke-width:5;filter:drop-shadow(0 0 7px #72f0d6)}.status{text-align:center;min-height:49px;display:grid;place-items:center;font-size:13px;color:#d1c6ed;padding:12px}.actions{justify-content:center;gap:10px}.primary{background:linear-gradient(120deg,#8b65dd,#6048b7);border-color:#a58ae8}.primary:hover{background:linear-gradient(120deg,#a482f0,#795ed4)}footer{text-align:center;margin:35px;color:#69647d;letter-spacing:2px;font-size:10px}footer span{margin:0 10px}dialog{max-width:530px;width:calc(100% - 30px);border:1px solid #7660a2;border-radius:20px;background:#19172d;color:#eeeafa;padding:25px;box-shadow:0 25px 100px #000b}dialog::backdrop{background:#060511cc;backdrop-filter:blur(5px)}dialog p{line-height:1.65;color:#c7c0dc;font-size:14px}dialog h2{margin:0}#closeRules{padding:8px 12px}@media(max-width:1050px){.game{grid-template-columns:1fr minmax(320px,620px)}.side:first-child{grid-column:1;grid-row:1}.arena{grid-column:2;grid-row:1/3}.side:last-child{grid-column:1;grid-row:2;padding-top:0}}@media(max-width:740px){.shell{padding:15px}.topright{gap:8px}.live{display:none}.hero{margin:35px 0 25px}.game{display:flex;flex-direction:column;gap:12px}.side{display:contents}.player{width:100%}.tips,.mode{display:none}.arena{width:100%;padding:10px;order:2}.side:first-child .player{order:1}.side:last-child .player{order:3}.player{padding:12px}.playerhead{margin-bottom:8px}.stat{display:inline-flex;width:32%;padding:7px 3px;border:0;gap:6px}.stat strong{font-size:15px}.playerhead h2{font-size:15px}.hero p{font-size:13px}footer{line-height:2}}
/* V2 premium dimension, reversible classic switch */
body:not(.classic) .boardwrap{background:radial-gradient(ellipse at 32% 16%,#62518e 0%,#30214d 45%,#130e29 100%);box-shadow:inset 0 3px 24px #e1c3ff1a,inset 0 -18px 45px #05020bbb,0 24px 65px #0008;border:2px solid #9881c7}
body:not(.classic) .piece{filter:drop-shadow(3px 8px 3px #070311bb) drop-shadow(-2px -2px 2px #fff3)}
body:not(.classic) .board-line{stroke:#d7baff;stroke-width:5.5;filter:drop-shadow(1px 2px 2px #080316) drop-shadow(0 0 6px #c18aff99)}
body:not(.classic) .player,body:not(.classic) .arena{box-shadow:0 18px 65px #0006,inset 0 1px 0 #ffffff16}
body:not(.classic) .hero h1 span{background:linear-gradient(110deg,#e6c7ff,#a786ff,#81d7ff);background-clip:text;color:transparent}
.mode select{display:block;width:100%;padding:11px;margin:7px 0 14px;border-radius:10px;border:1px solid #66527e;background:#211b37;color:#fff;font:600 13px Outfit}
.mode label{font-size:12px;color:#cbbce7}
#themeToggle{white-space:nowrap}
@media(max-width:740px){.topright{gap:6px}#themeToggle{font-size:11px;padding:9px}.brand strong{font-size:13px}.brand small{font-size:7px}.mode{display:block;order:4;width:100%}.hero h1{letter-spacing:-1px}}

.online-panel{margin:16px 0;padding:14px;border:1px solid #7b6dba;border-radius:14px;background:#211d45;color:#fff}.online-panel p{font-size:12px;line-height:1.5;color:#c8c3ec}.online-buttons{display:flex;flex-wrap:wrap;gap:7px;margin:10px 0}.online-buttons input{min-width:90px;max-width:130px;width:100%;padding:9px;border:1px solid #7669a3;border-radius:9px;background:#13132c;color:white;text-transform:uppercase}.online-buttons button,.online-panel button{border:1px solid #9985d6;border-radius:9px;padding:9px;background:#3d3175;color:white;cursor:pointer}#shareRoom{font-size:12px;overflow-wrap:anywhere}#copyInvite{margin-top:8px}