@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#0a1016;--line:#344049;--text:#e3ded1;--muted:#8b98a2;--purple:#bb94ef;--gold:#e5bd7a}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 48% 44%,#342b4d44,transparent 65%),var(--bg);font:13px/1.6 'DM Sans',Arial,sans-serif;color:var(--text)}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{cursor:pointer;font:inherit;color:inherit;background:none;border:0}button:disabled{opacity:.35;cursor:default}button:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:3px}header{height:80px;display:flex;align-items:center;gap:50px;padding:0 34px;border-bottom:1px solid var(--line);background:linear-gradient(#172028,#0b1218);box-shadow:0 4px 0 #02070b,0 5px 0 #34404955}.brand{text-decoration:none;color:var(--text);font:600 25px Cinzel,Georgia,serif;letter-spacing:2px;white-space:nowrap}.brand span{color:var(--purple);font-size:35px;vertical-align:-3px;margin-right:10px}.brand b{color:var(--gold);font-weight:500}nav{display:flex;align-self:stretch}nav button{padding:0 24px;color:var(--muted);border-bottom:2px solid transparent}nav button.active{color:var(--gold);border-bottom-color:var(--gold);background:linear-gradient(0deg,#c3943022,transparent)}.demo{margin-left:auto;letter-spacing:1.5px;font-size:9px;color:#c5b8da}.demo i,.live-dot{display:inline-block;background:#b693e0;width:5px;height:5px;border-radius:50%;margin-right:8px;box-shadow:0 0 8px #bc84fa}.demo span{display:block;margin-left:14px;color:#697b87;font-size:8px;letter-spacing:2px}.subnav{max-width:1450px;margin:auto;display:flex;justify-content:space-between;font:9px monospace;letter-spacing:2px;color:#778895;padding:21px 30px}main{display:grid;grid-template-columns:220px minmax(380px,640px) 250px;gap:25px;max-width:1400px;padding:0 30px;margin:0 auto;justify-content:center;align-items:start}.panel{border:1px solid var(--line);background:linear-gradient(130deg,#18232bd9,#10171fd9);padding:23px 19px;position:relative;box-shadow:inset 0 0 20px #0004,0 15px 40px #0002}.panel:before,.panel:after{content:'◆';font-size:7px;position:absolute;color:#71818a;top:-6px}.panel:before{left:10px}.panel:after{right:10px}.eyebrow{font:9px monospace;letter-spacing:1.7px;color:#94a0ab}h1,h2,h3{font-family:Cinzel,Georgia,serif;font-weight:500}h1{font-size:26px;line-height:1.4;margin:18px 0 14px;color:#e9d9ba}h2{font-size:19px;margin:13px 0 9px}h3{font-size:18px;margin:10px 0}p{color:var(--muted);font-size:12px;line-height:1.8;margin:10px 0 18px}.rift-art{height:146px;position:relative;display:grid;place-items:center;margin:0 -19px;background:radial-gradient(ellipse at center,#7946b338,transparent 65%);overflow:hidden}.rift-core{height:92px;width:92px;border:1px solid #b48fea;transform:rotate(45deg);display:grid;place-items:center;font-size:42px;color:#cfafff;box-shadow:0 0 30px #9560d62c,inset 0 0 30px #8b65c442;background:radial-gradient(#342050,#0b131a 70%);outline:1px solid #8061a848;outline-offset:10px}.rift-art>span{position:absolute;bottom:14px;color:#9482ae;font:9px monospace;left:25px}.rift-art>span:last-child{left:auto;right:25px}.rule-list{border-top:1px solid var(--line);margin:20px 0}.rule-list>div{display:flex;gap:12px;align-items:center;border-bottom:1px solid #34404966;padding:12px 0}.rule-list b{font:17px Cinzel,serif;color:#ccb8e9;min-width:54px}.rule-list span{font-size:10px;color:var(--muted)}.full{width:100%;display:flex;justify-content:space-between;align-items:center}.secondary{border:1px solid #736080;color:#c7b0e2;padding:12px 9px;font-size:11px;background:linear-gradient(110deg,#8466a81c,transparent)}.coming{margin-top:25px;padding-top:20px;border-top:1px solid var(--line)}.coming p{margin-bottom:0;font-size:11px}.coming h3{color:#b7b4b5}.player{display:flex;align-items:center;gap:12px;height:68px;padding:0 5px}.opponent{padding-top:0;margin-top:-8px}.avatar{width:43px;height:43px;display:grid;place-items:center;font-size:34px;border:1px solid #746389;background:linear-gradient(135deg,#3a3146,#111722);box-shadow:inset 0 0 8px #0005;color:#ad96ce}.avatar.light{color:#ede0c3;background:linear-gradient(135deg,#625747,#1e2429);border-color:#aa9271}.player-name{flex:1;min-width:0}.player-name b{display:block;font-size:14px;font-weight:500}.player-name small{display:block;font-size:10px;color:var(--muted)}.player-name b span{font-size:8px;letter-spacing:1px;color:#a59c8d;margin-left:8px}.charge{display:flex;gap:5px;color:var(--purple);font-size:18px}.charge .spent{color:#3a3545}.clock{font:24px monospace;letter-spacing:1px;background:#090f15;border:1px solid var(--line);padding:5px 10px;min-width:99px;text-align:center;color:#7e8790}.clock.running{color:#eadcc5;border-color:#9b8260;background:linear-gradient(110deg,#433728,#171b20);box-shadow:0 0 20px #a9873811}.board-frame{padding:16px;background:linear-gradient(130deg,#39414a,#111a23 30%,#242b36 80%,#57606b);border:1px solid #69717b;box-shadow:0 0 0 4px #080f16,0 0 0 5px #3b414e,0 20px 60px #0009,0 0 70px #ac70df0b;position:relative}.corner{position:absolute;width:14px;height:14px;border:2px solid #baa080;z-index:3;pointer-events:none}.tl{left:3px;top:3px;border-right:0;border-bottom:0}.tr{right:3px;top:3px;border-left:0;border-bottom:0}.bl{left:3px;bottom:3px;border-right:0;border-top:0}.br{right:3px;bottom:3px;border-left:0;border-top:0}#board{display:grid;grid-template-columns:repeat(8,1fr);aspect-ratio:1;border:1px solid #080e14;box-shadow:0 0 0 2px #59616d44}.square{position:relative;display:grid;place-items:center;aspect-ratio:1;width:100%;padding:0;isolation:isolate;background:linear-gradient(145deg,#728087,#5c6b74);box-shadow:inset 1px 1px #c9d7dc13,inset -1px -1px #0003}.square.dark{background:linear-gradient(145deg,#27333e,#1b2833)}.square:after{content:'';position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(115deg,transparent 0 27px,#00000003 28px 29px);z-index:-1}.square:hover{filter:brightness(1.12)}.square.selected{box-shadow:inset 0 0 0 2px #f4cb80;background:#8a7756}.square.last{background:linear-gradient(140deg,#6a626c,#4e455c)}.square.last.dark{background:#393047}.square.in-check{background:radial-gradient(#b54b4b,#52282f)}.square .coord{position:absolute;font:9px monospace;bottom:3px;right:5px;color:#ced9dd99;z-index:5}.square .rank{left:4px;top:2px;right:auto;bottom:auto}.square svg{width:85%;height:85%;z-index:3;filter:drop-shadow(0 4px 2px #050b1499);pointer-events:none;transition:transform .12s}.square.selected svg{transform:translateY(-4px)}.square.legal:before{content:'';position:absolute;width:19%;height:19%;border-radius:50%;background:#e4d4b8aa;box-shadow:0 0 0 4px #171f2922;z-index:4}.square.capture:before{width:90%;height:90%;border:3px solid #e5bd7aaa;background:none;box-shadow:none}.rift{position:absolute;inset:6%;border:2px solid #c69aff;border-radius:50%;box-shadow:0 0 12px #c795ff66,inset 0 0 12px #c795ff55;background:radial-gradient(ellipse,#8042d066,transparent 70%);z-index:1}.rift:after{content:'✦';color:#dcbfff;position:absolute;top:-10px;left:calc(50% - 6px);font-size:17px;text-shadow:0 0 6px #af69ff}.rift-exit{box-shadow:inset 0 0 0 3px #bc88fb!important}.board-actions{display:flex;align-items:center;gap:15px;padding:10px 0;border-top:1px solid #34404977;color:var(--muted);font-size:10px}.board-actions button{padding:4px}.board-actions span{margin-left:auto;color:#c5b5e0;font:9px monospace;letter-spacing:1px}.section-heading{display:flex;justify-content:space-between;align-items:center}.right h2{font-size:22px;margin-top:18px}.mode-selector{display:flex;border:1px solid var(--line);margin:20px 0 14px}.mode-selector button{width:50%;padding:10px 0;font:9px monospace;letter-spacing:.5px;color:var(--muted)}.mode-selector .active{color:#d6bae9;background:#44315377;box-shadow:inset 0 -2px #b48be4}.match-meta>div{display:flex;justify-content:space-between;padding:7px 0;font-size:11px}.match-meta span{color:var(--muted)}.match-meta b{font-weight:500}.free{color:#a7c4b3}.primary{background:linear-gradient(110deg,#c2a0e8,#9871bc);border:1px solid #cfb3ef;color:#15111f;font-weight:700;padding:12px 15px;box-shadow:inset 0 1px #efdbff66,0 5px 20px #0003;margin-top:19px}.primary:hover{filter:brightness(1.1)}.moves-title{display:flex;justify-content:space-between;margin-top:26px;border-bottom:1px solid var(--line);padding-bottom:12px}.moves-title>span:last-child{font:8px monospace;color:#6c7d88}#moves{height:207px;overflow:auto;scrollbar-width:thin;scrollbar-color:#695476 #111922}.move-row{display:grid;grid-template-columns:22px 1fr 1fr;padding:8px 3px;border-bottom:1px solid #34404944;font:11px monospace;gap:5px}.move-row>span:first-child{color:#65737e}.move-row>span:last-child{color:#a796be}.empty{padding:25px 2px;color:#637481;font-size:12px;text-align:center}.empty b{display:block;font-size:32px;color:#59616a;font-family:Cinzel;margin-bottom:6px;font-weight:400}.hint{display:flex;gap:10px;border:1px solid #69527866;background:#5540661c;padding:12px;margin-top:16px}.hint>span{color:var(--purple);font-size:21px}.hint p{font-size:10px;margin:0;line-height:1.7}.quiet-button{font-size:10px;color:#89919a;width:100%;padding-top:18px}footer{display:flex;justify-content:space-between;gap:20px;padding:24px 32px;max-width:1450px;margin:auto;font:8px monospace;letter-spacing:1.4px;color:#687781}footer b{color:var(--purple);margin:0 6px}dialog{width:min(500px,calc(100% - 30px));padding:34px;background:linear-gradient(135deg,#1c2631,#10151e);border:1px solid #7c6695;color:var(--text);box-shadow:0 30px 100px #000a}dialog::backdrop{background:#050910cc;backdrop-filter:blur(4px)}dialog h2{font-size:26px;margin:14px 0}dialog .primary,dialog .secondary{margin-top:12px}#close-dialog{position:absolute;right:10px;top:8px;font-size:24px;color:var(--muted)}.choice-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.choice-grid button{background:#2a2638;border:1px solid #665276;padding:10px}.choice-grid svg{width:100%}.dialog-detail{padding:12px;border:1px solid #64526b;color:#c6b2da;margin:16px 0;font-size:12px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#25303b;border:1px solid #7f6693;color:#e5d7f3;padding:12px 20px;z-index:30;opacity:0;pointer-events:none;transition:opacity .2s}#toast.show{opacity:1}@media(min-width:1500px){main{gap:35px}}@media(max-width:1120px){main{grid-template-columns:minmax(380px,640px) 240px;gap:24px}.left{display:none}header{gap:25px}.brand{font-size:22px}header nav button{padding:0 15px}}@media(max-width:760px){header{height:65px;padding:0 17px;gap:12px}.brand{font-size:18px;letter-spacing:1px}.brand span{font-size:27px;margin-right:5px}header nav{margin-left:auto}header nav button{font-size:10px;padding:0 10px}.demo{display:none}.subnav{padding:18px 16px;font-size:8px;letter-spacing:1px}.subnav span:last-child{display:none}main{grid-template-columns:1fr;padding:0 14px;gap:20px;max-width:600px}.board-frame{padding:10px}.player{height:65px}.charge{font-size:15px;gap:2px}.clock{font-size:21px;min-width:86px}.player-name b span{display:none}.player-name small{font-size:9px}.right{margin-top:6px}.right #moves{height:140px}.right h2{margin-bottom:5px}.match-meta{display:flex;justify-content:space-between;gap:10px}.match-meta>div{display:block}.match-meta b{display:block}.rift{border-width:1px}.square .coord{font-size:8px}.square svg{width:92%;height:92%}footer{padding:25px 16px;flex-wrap:wrap;font-size:7px}footer span:nth-child(2){display:none}}