@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700&family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400&display=swap";:root{--bg: #0b0b14;--bg-2: #12121f;--panel: rgba(22, 22, 38, .82);--panel-edge: rgba(212, 175, 55, .22);--ink: #e8e4d8;--ink-dim: #9b96a8;--gold: #d4af37;--gold-soft: #e8c96a;--air: #e0b83d;--air-deep: #8a6d1a;--water: #4d86d9;--water-deep: #1f3f78;--earth: #6e9c56;--earth-deep: #2c4423;--fire: #cf4433;--fire-deep: #6e1e14;--sq: min(11vmin, 84px)}*{margin:0;padding:0;box-sizing:border-box}html,body{background:var(--bg);color:var(--ink);font-family:Cormorant Garamond,Georgia,serif;font-size:18px;min-height:100%}body{background:radial-gradient(1200px 800px at 20% -10%,rgba(77,60,130,.22),transparent 60%),radial-gradient(1000px 700px at 110% 110%,rgba(31,63,120,.2),transparent 60%),url(assets/backdrop.png) center / cover no-repeat fixed,var(--bg)}#app{max-width:1440px;margin:0 auto;padding:18px 22px 40px}#topbar{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;padding:6px 4px 18px}.brand h1{font-family:Cinzel,Georgia,serif;font-weight:700;font-size:34px;letter-spacing:3px;color:var(--gold);text-shadow:0 0 24px rgba(212,175,55,.35)}.tagline{color:var(--ink-dim);font-style:italic;font-size:17px;margin-top:2px}.topnav{display:flex;gap:10px}.btn{font-family:Cinzel,Georgia,serif;font-size:14px;letter-spacing:1.5px;padding:10px 18px;border-radius:6px;cursor:pointer;transition:all .18s ease}.btn-gold{background:linear-gradient(180deg,#e6c86a,#b8912a);border:1px solid #f0d98a;color:#1a1408;font-weight:600}.btn-gold:hover{filter:brightness(1.12);box-shadow:0 0 18px #d4af3773}.btn-ghost{background:transparent;border:1px solid var(--panel-edge);color:var(--gold-soft)}.btn-ghost:hover{border-color:var(--gold);box-shadow:0 0 12px #d4af3740}.btn-ghost[aria-pressed=false]{opacity:.45}#layout{display:flex;gap:26px;align-items:flex-start;justify-content:center;flex-wrap:wrap}#board-wrap{position:relative;padding:14px}#board-glow{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border-radius:12px;box-shadow:0 0 60px #7864c82e inset,0 0 40px #00000080}#board{display:grid;grid-template-columns:repeat(8,var(--sq));grid-template-rows:repeat(8,var(--sq));border:3px solid #3a3352;outline:1px solid rgba(212,175,55,.35);outline-offset:3px;border-radius:4px;user-select:none;-webkit-user-select:none;box-shadow:0 18px 60px #0009}#board.textured{background-color:#0a0912;background-position:center;background-size:117.5% 117.5%;background-repeat:no-repeat}#board.textured .sq{background:transparent!important}#board.textured .sq .pyr{display:none}#board.textured .sq:after{background:none}.piece img.sprite{width:78%;height:auto;display:block;filter:drop-shadow(0 3px 5px rgba(0,0,0,.85))}.piece.half-a img.sprite,.piece.half-b img.sprite{width:92%}.piece.frozen img.sprite{filter:grayscale(.75) brightness(.7) drop-shadow(0 3px 5px rgba(0,0,0,.85))}.prisoners .cap img.sprite{width:26px;height:auto;display:inline-block;vertical-align:middle}.sq{position:relative;overflow:hidden;cursor:pointer}.sq .pyr{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.sq .pyr polygon{stroke:#0a08108c;stroke-width:.8}.sq .pyr .crown{stroke:#0a081059;stroke-width:.8}.sq .sigil{position:absolute;left:4%;top:4%;z-index:1;width:26%;height:26%;pointer-events:none;opacity:.9;filter:drop-shadow(0 1px 1px rgba(0,0,0,.6))}.sq .sigil text{font-family:Segoe UI Symbol,serif}.sq:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(135deg,#ffffff0d,#0000002e)}.sq .coord{position:absolute;right:3px;bottom:1px;z-index:3;font-family:Cinzel,serif;font-size:9px;letter-spacing:.5px;color:#e8e4d866;pointer-events:none}.sq.sel{box-shadow:0 0 0 3px var(--gold) inset}.sq.sel:after{background:#d4af372e}.sq.dest:before{content:"";position:absolute;z-index:4;left:50%;top:50%;width:26%;height:26%;transform:translate(-50%,-50%);border-radius:50%;background:#d4af37bf;box-shadow:0 0 14px #d4af37cc;pointer-events:none}.sq.dest.capture:before{width:88%;height:88%;background:transparent;border:3px solid rgba(207,68,51,.9);box-shadow:0 0 16px #cf4433b3}.sq.lastmove:after{background:#8c78dc38}.sq.incheck{animation:checkpulse 1.1s ease-in-out infinite}@keyframes checkpulse{0%,to{box-shadow:0 0 0 3px #cf4433e6 inset}50%{box-shadow:0 0 0 6px #cf443373 inset}}.piece{position:absolute;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;transition:transform .22s ease}.piece.full{top:0;right:0;bottom:0;left:0}.piece.half-a{top:0;right:50%;bottom:0;left:0}.piece.half-b{top:0;right:0;bottom:0;left:50%}.piece .glyph{font-size:calc(var(--sq) * .62);line-height:1;filter:drop-shadow(0 2px 3px rgba(0,0,0,.8))}.piece.half-a .glyph,.piece.half-b .glyph{font-size:calc(var(--sq) * .44)}.piece.army-0 .glyph{color:var(--earth)}.piece.army-1 .glyph{color:var(--air)}.piece.army-2 .glyph{color:var(--water)}.piece.army-3 .glyph{color:var(--fire)}.piece .glyph{-webkit-text-stroke:1px rgba(10,8,4,.9);paint-order:stroke fill}.piece.frozen{opacity:.38;filter:grayscale(.7) drop-shadow(0 2px 3px rgba(0,0,0,.8))}.piece.moving{transition:transform .25s ease}#side{width:330px;display:flex;flex-direction:column;gap:14px}.card{background:var(--panel);border:1px solid var(--panel-edge);border-radius:10px;padding:14px 16px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.card-title{font-family:Cinzel,serif;font-size:13px;letter-spacing:2px;text-transform:uppercase;color:var(--gold-soft);margin-bottom:10px}.turn-label{font-family:Cinzel,serif;font-size:12px;letter-spacing:2px;text-transform:uppercase;color:var(--ink-dim)}.turn-element{font-family:Cinzel,serif;font-size:26px;font-weight:600;letter-spacing:2px;margin:4px 0 2px}.turn-hint{color:var(--ink-dim);font-style:italic;font-size:16px;min-height:22px}.turn-element.army-0{color:var(--earth)}.turn-element.army-1{color:var(--air)}.turn-element.army-2{color:var(--water)}.turn-element.army-3{color:var(--fire)}#turn-card.thinking{animation:thinkpulse 1.6s ease-in-out infinite}@keyframes thinkpulse{0%,to{border-color:var(--panel-edge)}50%{border-color:#d4af3799}}.army-list{list-style:none}.army-list li{display:flex;align-items:center;gap:10px;padding:6px 4px;border-bottom:1px solid rgba(255,255,255,.05);font-size:17px}.army-list li:last-child{border-bottom:none}.army-dot{width:12px;height:12px;border-radius:50%;flex:none;box-shadow:0 0 8px currentColor}.army-0 .army-dot{background:var(--earth);color:var(--earth)}.army-1 .army-dot{background:var(--air);color:var(--air)}.army-2 .army-dot{background:var(--water);color:var(--water)}.army-3 .army-dot{background:var(--fire);color:var(--fire)}.army-name{font-family:Cinzel,serif;font-size:14px;letter-spacing:1px}.army-status{margin-left:auto;color:var(--ink-dim);font-style:italic;font-size:15px}.army-list li.you .army-name:after{content:" (you)";color:var(--gold-soft);font-size:12px}.army-list li.out{opacity:.45}.army-list li.out .army-status{color:var(--fire)}.prisoners{display:flex;flex-wrap:wrap;gap:4px;min-height:30px}.prisoners .cap{font-size:24px;line-height:1;filter:drop-shadow(0 1px 2px rgba(0,0,0,.8));-webkit-text-stroke:.8px rgba(10,8,4,.9)}.prisoners .cap.army-0{color:var(--earth)}.prisoners .cap.army-1{color:var(--air)}.prisoners .cap.army-2{color:var(--water)}.prisoners .cap.army-3{color:var(--fire)}.prisoners .none{color:var(--ink-dim);font-style:italic;font-size:15px}.movelog{list-style:none;max-height:220px;overflow-y:auto;font-size:16px;scrollbar-width:thin}.movelog li{padding:3px 4px;border-bottom:1px solid rgba(255,255,255,.04);display:flex;gap:8px}.movelog .n{color:var(--ink-dim);min-width:26px;font-size:14px}.movelog .who{font-family:Cinzel,serif;font-size:12px;letter-spacing:1px;min-width:52px;padding-top:2px}.movelog .who.army-0{color:var(--earth)}.movelog .who.army-1{color:var(--air)}.movelog .who.army-2{color:var(--water)}.movelog .who.army-3{color:var(--fire)}.modal-veil{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#05050cc7;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:20px}.modal-veil[hidden]{display:none}.modal{background:linear-gradient(180deg,#191627,#100e1c);border:1px solid var(--panel-edge);border-radius:14px;padding:30px 34px;max-width:560px;width:100%;box-shadow:0 24px 80px #000000b3,0 0 40px #d4af3714;max-height:88vh;overflow-y:auto}.modal-wide{max-width:760px}.modal h2{font-family:Cinzel,serif;color:var(--gold);font-size:26px;letter-spacing:2px;margin-bottom:8px}.modal-sub{color:var(--ink-dim);font-size:18px;margin-bottom:20px}.element-choices{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:22px}.element-choices.four{grid-template-columns:1fr 1fr;margin-bottom:16px}.setup-section-title{font-family:Cinzel,serif;font-size:13px;letter-spacing:2px;text-transform:uppercase;color:var(--gold-soft);margin:4px 0 10px}.board-swatch{display:inline-block;width:34px;height:12px;border-radius:3px;border:1px solid rgba(255,255,255,.25);margin-bottom:6px}.el-choice{border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:14px;cursor:pointer;text-align:left;background:#ffffff08;transition:all .15s ease;font-family:inherit;color:var(--ink);font-size:16px}.el-choice:hover{transform:translateY(-2px)}.el-choice.picked{border-width:2px}.el-choice .el-name{font-family:Cinzel,serif;font-size:18px;letter-spacing:1.5px;display:block}.el-choice .el-desc{color:var(--ink-dim);font-style:italic;font-size:15px}.el-choice.army-0 .el-name{color:var(--earth)}.el-choice.army-1 .el-name{color:var(--air)}.el-choice.army-2 .el-name{color:var(--water)}.el-choice.army-3 .el-name{color:var(--fire)}.el-choice.army-0.picked{border-color:var(--earth);box-shadow:0 0 16px #6e9c564d}.el-choice.army-1.picked{border-color:var(--air);box-shadow:0 0 16px #e0b83d4d}.el-choice.army-2.picked{border-color:var(--water);box-shadow:0 0 16px #4d86d94d}.el-choice.army-3.picked{border-color:var(--fire);box-shadow:0 0 16px #cf44334d}.setup-row{display:flex;align-items:center;gap:14px;margin-bottom:8px}.setup-row label{font-family:Cinzel,serif;font-size:14px;letter-spacing:1px;color:var(--gold-soft)}.setup-row select{flex:1;background:var(--bg-2);color:var(--ink);border:1px solid var(--panel-edge);border-radius:6px;padding:9px 10px;font-family:inherit;font-size:16px}.army-config{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:22px}.army-config-card{border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:14px;background:#ffffff08}.army-config-title{font-family:Cinzel,serif;font-size:16px;letter-spacing:1.5px;margin-bottom:12px;font-weight:600}.army-0 .army-config-title{color:var(--earth)}.army-1 .army-config-title{color:var(--air)}.army-2 .army-config-title{color:var(--water)}.army-3 .army-config-title{color:var(--fire)}.army-control{display:flex;flex-direction:column;gap:9px}.army-control label{font-family:Cinzel,serif;font-size:13px;letter-spacing:.8px;color:var(--gold-soft)}.army-control select{background:var(--bg-2);color:var(--ink);border:1px solid var(--panel-edge);border-radius:6px;padding:8px 9px;font-family:inherit;font-size:15px}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:22px}.rules-body{font-size:18px;line-height:1.55}.rules-body h3{font-family:Cinzel,serif;color:var(--gold-soft);font-size:17px;letter-spacing:1.5px;margin:18px 0 6px}.rules-body p{margin-bottom:10px}.rules-body ul{margin:0 0 10px 22px}.rules-body li{margin-bottom:4px}.rules-body .pc{font-size:22px;-webkit-text-stroke:.8px rgba(10,8,4,.9)}.divination{font-size:16px}.divination .none{color:var(--ink-dim);font-style:italic;font-size:15px}.div-current{margin-bottom:14px}.div-history-wrap{border-top:1px solid rgba(255,255,255,.08);padding-top:10px}.div-history-title{font-family:Cinzel,serif;font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--ink-dim);margin-bottom:6px}.div-history{list-style:none;max-height:200px;overflow-y:auto;scrollbar-width:thin;display:flex;flex-direction:column;gap:2px}.div-hist-item{display:flex;gap:8px;align-items:baseline;padding:4px 6px;border-radius:6px;cursor:pointer;font-size:13.5px;border:1px solid transparent}.div-hist-item:hover{background:#ffffff0d}.div-hist-item.active{background:#d4af371f;border-color:#d4af3759}.div-hist-item.weighty .div-hist-txt{color:var(--gold-soft)}.div-hist-dot{width:8px;height:8px;border-radius:50%;flex:none;margin-top:4px;box-shadow:0 0 6px currentColor}.div-hist-dot.army-0{background:var(--earth);color:var(--earth)}.div-hist-dot.army-1{background:var(--air);color:var(--air)}.div-hist-dot.army-2{background:var(--water);color:var(--water)}.div-hist-dot.army-3{background:var(--fire);color:var(--fire)}.div-hist-txt{flex:1;line-height:1.3;color:var(--ink)}.div-kicker{font-family:Cinzel,serif;font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--ink-dim);margin-bottom:4px}.div-headline{font-family:Cinzel,serif;font-size:15px;letter-spacing:.6px;color:var(--gold-soft);margin-bottom:6px}.div-oracle{font-style:italic;font-size:17px;color:var(--ink);border-left:2px solid var(--gold);padding-left:10px;margin:8px 0 10px}.div-lines{display:flex;flex-direction:column;gap:5px}.div-line{display:flex;gap:8px;align-items:baseline}.div-label{flex:none;width:96px;font-family:Cinzel,serif;font-size:10.5px;letter-spacing:1px;text-transform:uppercase;color:var(--ink-dim)}.div-text{font-size:15px;line-height:1.35}.movelog li.oracle-line .txt{font-style:italic;color:var(--gold-soft);font-size:15px}.end-reading{margin-top:4px}.end-reading p{font-size:16.5px;line-height:1.5;margin-bottom:10px}.end-reading .div-kicker{margin-bottom:8px}.div-groq-loading{color:var(--ink-dim);font-style:italic;font-size:15px}.div-groq-heading{font-family:Cinzel,serif;font-size:15px;letter-spacing:.6px;color:var(--gold-soft);margin:16px 0 6px}.div-groq-heading:first-child{margin-top:0}.div-groq-list{margin:0 0 10px 20px;padding:0}.div-groq-list li{font-size:16px;line-height:1.5;margin-bottom:6px}.toast{position:fixed;left:50%;bottom:34px;transform:translate(-50%);z-index:60;background:linear-gradient(180deg,#221d33,#171225);border:1px solid var(--gold);border-radius:10px;color:var(--ink);font-size:18px;padding:12px 26px;box-shadow:0 10px 40px #0009,0 0 24px #d4af3740;animation:toastin .25s ease;max-width:84vw;text-align:center}@keyframes toastin{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}@media (max-width: 1100px){:root{--sq: min(11.5vw, 64px)}#side{width:min(92vw,560px)}#topbar{flex-direction:column;align-items:center;text-align:center}}body{background:radial-gradient(1100px 700px at 12% -4%,rgba(77,60,130,.22),transparent 60%),radial-gradient(900px 640px at 96% 104%,rgba(31,63,120,.2),transparent 55%),url(/assets/backdrop.png) center / cover no-repeat fixed,var(--bg)}.shell-loading{min-height:60vh;display:flex;align-items:center;justify-content:center;font-family:Cinzel,Georgia,serif;letter-spacing:2px;color:var(--ink-dim)}.text-input{width:100%;padding:10px 12px;border-radius:6px;border:1px solid var(--panel-edge);background:#0a0a1499;color:var(--ink);font-family:Cormorant Garamond,Georgia,serif;font-size:17px}.text-input:focus{outline:none;border-color:var(--gold)}.auth-error{color:#e08a7c;font-size:15px;margin-top:10px}.home-hero{max-width:900px;margin:6vh auto 0;text-align:center}.home-lede{font-size:21px;color:var(--ink);font-style:italic;margin-bottom:34px}.home-cards{display:flex;gap:22px;justify-content:center;flex-wrap:wrap}.home-card{width:min(380px,92vw);text-align:left;cursor:pointer;color:var(--ink);font:inherit;transition:border-color .18s ease,transform .18s ease}.home-card:hover{border-color:var(--gold);transform:translateY(-2px)}.home-card p{margin:10px 0 16px;color:var(--ink-dim);font-size:16px;line-height:1.5}.home-cta{display:inline-block;pointer-events:none}.home-note{display:block;margin-top:10px;font-size:13px;color:var(--ink-dim)}.home-foot{margin-top:40px;color:var(--ink-dim);font-size:14px}.auth-wrap{display:flex;justify-content:center;margin-top:8vh}.auth-card{width:min(460px,92vw)}.auth-card form{margin-top:8px}.lobby{max-width:980px;margin:0 auto;display:flex;flex-direction:column;gap:16px}.lobby-me-row{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}.lobby-rating{color:var(--ink-dim);font-size:15px}.lobby-rename{display:inline-flex;gap:8px;align-items:center}.lobby-rename .text-input{width:220px}.btn-mini{padding:3px 10px;font-size:11px;margin-left:10px}.lobby-game{display:flex;align-items:center;gap:12px;padding:10px 4px;border-bottom:1px solid rgba(212,175,55,.1)}.lobby-game:last-child{border-bottom:none}.lobby-game-name{font-family:Cinzel,Georgia,serif;font-size:15px}.lobby-game-meta{color:var(--ink-dim);font-size:14px;margin-left:auto}.seat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-top:8px}.seat-card{border:1px solid var(--panel-edge);border-radius:8px;padding:14px;display:flex;flex-direction:column;gap:8px;min-height:110px}.seat-card.held{border-color:var(--gold-soft)}.seat-name{font-family:Cinzel,Georgia,serif;letter-spacing:1px;font-size:14px}.seat-card.army-0 .seat-name{color:var(--earth)}.seat-card.army-1 .seat-name{color:var(--air)}.seat-card.army-2 .seat-name{color:var(--water)}.seat-card.army-3 .seat-name{color:var(--fire)}.seat-holder{font-size:16px}.seat-note{margin-top:14px}.room-under{max-width:1440px;margin:18px auto 0;padding:0 22px 40px;display:flex;gap:16px;flex-wrap:wrap;align-items:flex-start;justify-content:center}.chat-card{width:min(560px,92vw);display:flex;flex-direction:column}.chat-scroll{max-height:220px;overflow-y:auto;display:flex;flex-direction:column;gap:6px;margin-bottom:10px;scrollbar-width:thin}.chat-line{font-size:15px;line-height:1.4}.chat-who{font-family:Cinzel,Georgia,serif;font-size:12px;color:var(--gold-soft);margin-right:8px;letter-spacing:1px}.chat-form{display:flex;gap:8px}.chat-form .text-input{flex:1}.presence-card{width:min(330px,92vw)}.presence-line{display:flex;align-items:center;gap:10px;padding:6px 0;font-size:15px}.presence-dot{margin-left:auto;font-size:12px;color:var(--ink-dim);letter-spacing:1px}.presence-dot.on{color:#8fbf7a}@media (max-width: 1100px){.home-hero{margin-top:3vh}}