@import "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@600;700&family=Inter:wght@400;600;700&display=swap";:root{color:#e9e5db;font-synthesis:none;background:#0d1013;font-family:Inter,system-ui}*{box-sizing:border-box}body{background:radial-gradient(circle at 50% 0,#24302d 0,#11161a 38%,#090c0e 100%);min-height:100vh;margin:0}button{font:inherit}main{max-width:1120px;margin:auto;padding:22px 28px 35px}header{border-bottom:1px solid #56615b;justify-content:space-between;align-items:center;padding-bottom:14px;display:flex}h1,h2,h3{margin:0;font-family:Cormorant Garamond,serif}h1{letter-spacing:.04em;font-size:38px}h1 em{color:#c7a864;font-style:normal}.eyebrow{letter-spacing:.22em;color:#a99e84;font-size:10px}.actions{gap:8px;display:flex}.actions button,.boardnote button{color:#ddd;cursor:pointer;background:#20272a;border:1px solid #56615b;padding:9px 13px}.statusbar{background:#18201f;border:1px solid #34423d;gap:30px;margin:14px 0;padding:10px 16px;font-size:13px;display:flex}.statusbar strong{color:#d8bb73}.layout{grid-template-columns:240px minmax(480px,680px);justify-content:center;align-items:start;gap:16px;display:grid}.side{background:#13191c;border:1px solid #2d3738}.player{opacity:.65;border-left:3px solid #0000;gap:12px;padding:18px;display:flex}.player.active{opacity:1;background:#1b2424;border-color:#d4b668}.avatar{background:#303736;border-radius:50%;place-items:center;width:45px;height:45px;font-size:30px;display:grid}.avatar.w{color:#fff}.avatar.b{color:#050505;background:#bbb}.player small{letter-spacing:.12em;color:#aaa;font-size:9px}.player h2{font-size:25px}.player p{color:#aaa;font-size:11px}.mana{background:#0a0d10;border:1px solid #42504f;width:130px;height:24px;margin-top:7px;position:relative;overflow:hidden}.mana i{background:linear-gradient(90deg,#326c88,#53bbda);position:absolute;inset:0 auto 0 0}.mana b{text-align:center;padding-top:4px;font-size:11px;display:block;position:relative}.boardwrap{width:100%;min-width:0}.board{aspect-ratio:1;grid-template-rows:repeat(8,minmax(0,1fr));grid-template-columns:repeat(8,minmax(0,1fr));width:100%;display:grid;overflow:hidden;box-shadow:0 10px 45px #000}.square{cursor:pointer;border:0;place-items:center;width:100%;min-width:0;height:100%;min-height:0;padding:0;display:grid;position:relative;overflow:hidden}.square.light{background:#d8d2bd}.square.dark{background:#526b62}.square.selected{box-shadow:inset 0 0 0 5px #e4bd50}.square.target{box-shadow:inset 0 0 0 5px #70d98a}.coord{color:#202a27aa;font-size:8px;position:absolute;bottom:2px;right:3px}.piece{color:#111;text-shadow:0 2px 1px #fff5;max-width:100%;max-height:100%;font-size:clamp(34px,5vw,62px);line-height:1;position:relative}.piece i{color:#111;background:#c49a42;border:1px solid #fff;border-radius:50%;place-items:center;width:19px;height:19px;font-family:Inter;font-size:12px;font-style:normal;display:grid;position:absolute;top:0;right:-6px}.piece.commando i{color:#fff;background:#9368cf}.boardnote{color:#aaa;background:#151b1e;border:1px solid #303a3a;min-height:48px;padding:9px 12px;font-size:12px}.primary{font-weight:700;color:#101312!important;background:#b9964f!important;border-color:#e2c477!important}.hand{background:#12181b;border:1px solid #2d3738;grid-template-columns:150px 1fr;gap:16px;margin-top:16px;padding:16px;display:grid}.hand h2,.captured-targets h2{font-size:26px}.cards{gap:10px;display:flex;overflow-x:auto}.card{text-align:left;color:#ddd;cursor:pointer;background:linear-gradient(145deg,#2c302f,#181c1e);border:1px solid #777;flex:0 0 190px;min-height:148px;padding:12px;position:relative}.card:disabled{opacity:.45;cursor:not-allowed}.card.chosen{box-shadow:0 0 0 3px #d5b969}.card.rare{border-color:#4a9bd6}.card.epic{border-color:#956bd4}.card.legendary{border-color:#d7ae42}.card .rarity{text-transform:uppercase;letter-spacing:.15em;color:#aaa;font-size:8px}.card strong{margin-top:7px;font-family:Cormorant Garamond;font-size:20px;display:block}.card p{color:#bbb;font-size:10px;line-height:1.4}.card b{color:#6cc8e8;position:absolute;bottom:9px;right:10px}.captured-targets{background:#1a1714;border:1px solid #766747;grid-template-columns:230px 1fr;gap:18px;margin-top:10px;padding:16px;display:grid}.captured-targets p{color:#aaa;font-size:11px}.captured-list{flex-wrap:wrap;align-items:stretch;gap:10px;display:flex}.captured-list button{color:#eee;cursor:pointer;background:#252725;border:1px solid #8b7749;min-width:140px;padding:8px 14px}.captured-list button span{font-size:30px;display:block}.captured-list button strong,.captured-list button small{display:block}.captured-list button small{color:#aaa;margin-top:4px}.captured-list .cancel-target{border-color:#555;min-width:auto}.no-targets{align-self:center}.overlay{z-index:20;background:#07090bef;place-items:center;padding:25px;display:grid;position:fixed;inset:0}.pass,.modal{text-align:center;background:#151c1f;border:1px solid #766747;max-width:850px;padding:45px;box-shadow:0 25px 80px #000}.pass>span{color:#c2a55f;font-size:70px}.pass h2,.modal h2{font-size:42px}.pass p,.modal p{color:#aaa}.pass button{padding:13px 24px}.modal .cards{text-align:left;margin-top:20px}@media (width<=900px){.layout{grid-template-columns:190px minmax(430px,1fr)}.players .player{padding:12px}.hand,.captured-targets{grid-template-columns:1fr}}@media (width<=760px){main{padding:12px}.layout{flex-direction:column;display:flex}.players{width:100%;display:flex}.player{flex:1}.boardwrap{order:-1}.piece{font-size:10vw}.statusbar{flex-wrap:wrap;gap:10px}header{align-items:flex-start}.actions{flex-wrap:wrap;justify-content:flex-end}}.mode-screen,.network-shell{place-items:center;min-height:100vh;padding:24px;display:grid}.mode-screen>section,.network-card{text-align:center;background:linear-gradient(145deg,#19211f,#101518);border:1px solid #5b594b;width:min(720px,100%);padding:clamp(28px,6vw,64px);box-shadow:0 25px 80px #000}.mode-screen h1,.network-card h1{font-size:clamp(38px,7vw,64px)}.mode-screen p,.network-card p{color:#aaa}.mode-options{grid-template-columns:1fr 1fr;gap:16px;margin-top:34px;display:grid}.mode-options button{color:#eee;cursor:pointer;background:#1d2525;border:1px solid #4b5752;padding:28px 18px}.mode-options button:hover{border-color:#c2a55f;transform:translateY(-2px)}.mode-options span,.network-icon{color:#c5a65f;font-size:64px;display:block}.mode-options strong,.mode-options small{display:block}.mode-options strong{font-family:Cormorant Garamond;font-size:27px}.mode-options small{color:#999;margin-top:7px}.mode-back{z-index:10;color:#ddd;background:#1b2224;border:1px solid #53605c;padding:8px 12px;position:fixed;top:12px;left:12px}.backlink{color:#aaa;cursor:pointer;background:0 0;border:0}.name-field{text-align:left;color:#c6b988;letter-spacing:.08em;max-width:360px;margin:28px auto 14px;font-size:12px;display:block}.name-field input{color:#fff;background:#0c1113;border:1px solid #58615d;width:100%;margin-top:8px;padding:14px;font-size:18px;display:block}.big{cursor:pointer;border:1px solid;margin-top:10px;padding:14px 22px}.network-error{background:#4b1f24;border:1px solid #8c3f47;padding:10px;color:#ffccd0!important}.lobby{max-width:1120px;display:block}.lobby header,.online-game header{margin-bottom:20px}.lobby header>div:last-child,.online-game header>div:last-child{align-items:center;gap:12px;display:flex}.lobby header button,.online-game header button,.button-row button,.danger{color:#ddd;cursor:pointer;background:#222a2b;border:1px solid #586361;padding:10px 14px}.connection{color:#e1a06d;font-size:11px}.connection.online{color:#66c789}.lobby-grid{grid-template-columns:320px 1fr;gap:18px;display:grid}.lobby-grid>section,.direct-join{background:#151b1e;border:1px solid #303b3b;padding:24px}.network-icon.small{font-size:46px}.section-title{justify-content:space-between;align-items:center;gap:10px;display:flex}.section-title button,.room-list button{color:#eee;cursor:pointer;background:#283130;border:1px solid #68736f;padding:9px 12px}.room-list article{border-top:1px solid #2e3738;justify-content:space-between;align-items:center;padding:14px 0;display:flex}.room-list article div>*{display:block}.room-list article span,.room-list article small{color:#999;margin-top:4px;font-size:11px}.empty{text-align:center;border:1px dashed #414b4b;padding:28px}.direct-join{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.room-code{letter-spacing:.12em;color:#d4b666;margin:28px;font:700 clamp(36px,9vw,70px)/1 monospace}.button-row{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.danger{margin-top:16px;color:#f3b0b6!important;border-color:#7b4046!important}.loader{border:4px solid #45504d;border-top-color:#cfaf65;border-radius:50%;width:42px;height:42px;margin:0 auto 24px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.online-game{max-width:1120px}.online-status{background:#18201f;border:1px solid #34423d;align-items:center;gap:22px;margin-bottom:12px;padding:11px 15px;font-size:12px;display:flex}.online-status strong{color:#d6b96f;font-size:15px}.disconnected{color:#f0a3a7}.online-layout{grid-template-columns:220px minmax(0,680px);justify-content:center;gap:14px;display:grid}.network-players{background:#13191c;border:1px solid #2d3738}.online-board-wrap{min-width:0}.processing{opacity:.72;pointer-events:none}.online-hand{background:#12181b;border:1px solid #2d3738;grid-template-columns:130px 1fr;gap:14px;margin-top:14px;padding:14px;display:grid}.online-hand .cards{padding-bottom:4px}@media (width<=760px){.mode-options{grid-template-columns:1fr}.lobby{padding:12px}.lobby-grid{grid-template-columns:1fr}.lobby header,.online-game header{display:block}.lobby header>div:last-child,.online-game header>div:last-child{justify-content:space-between;margin-top:10px}.direct-join{display:block}.online-game{padding:8px}.online-layout{flex-direction:column;display:flex}.network-players{order:2;display:flex}.network-players .player{flex:1;min-width:0;padding:8px}.network-players .avatar{display:none}.network-players h2{white-space:nowrap;text-overflow:ellipsis;font-size:18px;overflow:hidden}.network-players .mana{width:min(120px,35vw)}.online-board-wrap{order:1;width:100%}.online-hand{grid-template-columns:1fr}.online-hand .card{flex-basis:155px;min-height:132px;padding:10px}.online-status{z-index:8;justify-content:space-between;position:sticky;top:0}.online-status span:nth-child(2){display:none}.captured-targets{display:block}.section-title{align-items:flex-start}.room-code{margin:22px 0}.network-card{padding:28px 18px}}@media (width<=360px){.piece{font-size:11vw}.square .coord{font-size:6px}.player h2{font-size:16px}.mode-screen,.network-shell{padding:10px}.online-game{padding:5px}.online-hand .card{flex-basis:145px}}