@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%}#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%)}}body.board-focus{overflow:hidden}body.board-focus #topbar,body.board-focus #side,body.board-focus .room-under{display:none!important}body.board-focus #app{max-width:none;margin:0;padding:0}body.board-focus #layout{min-height:100vh;margin:0;gap:0;align-items:center;justify-content:center}body.board-focus #board-wrap{padding:0}body.board-focus{--sq: min(11.4vmin, 118px)}.board-focus-exit{position:fixed;top:14px;right:14px;z-index:200;font-family:Cinzel,Georgia,serif;font-size:13px;letter-spacing:1px;padding:8px 14px;border-radius:6px;cursor:pointer;background:#141222d9;border:1px solid var(--gold);color:var(--gold-soft);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.board-focus-exit:hover{box-shadow:0 0 14px #d4af3766}@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}}@media (max-width: 820px){#app{padding:12px 12px 32px}#layout{flex-direction:column;gap:16px;align-items:center}#side{width:100%;max-width:560px}:root{--sq: min(10.6vw, 60px)}.brand h1{font-size:27px;letter-spacing:2px}.tagline{font-size:15px}.movelog{max-height:160px}.div-history{max-height:150px}.modal{padding:22px 20px}.modal h2{font-size:22px}}@media (max-width: 520px){#app{padding:8px 6px 28px}:root{--sq: 11vw}#board-wrap{padding:6px}#topbar{gap:8px;padding:4px 2px 12px}.topnav{flex-wrap:wrap;justify-content:center;gap:8px}.btn{font-size:12px;letter-spacing:1px;padding:8px 12px}.brand h1{font-size:22px;letter-spacing:1.5px}.card{padding:12px}.element-choices,.element-choices.four,.army-config{grid-template-columns:1fr}.modal{padding:18px 14px;border-radius:10px}.modal h2{font-size:20px}.div-label{width:78px}.turn-element{font-size:22px}}body{background: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}.auth-wrap{display:flex;justify-content:center;margin-top:8vh}.auth-card{width:min(460px,92vw)}.auth-card form{margin-top:8px}.code-input{font-family:Cinzel,Georgia,serif;font-size:26px;letter-spacing:12px;text-align:center}.lobby-me-account{margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.08);display:flex;justify-content:flex-end}.delete-account-confirm{display:flex;flex-wrap:wrap;align-items:center;gap:8px;justify-content:flex-end}.delete-account-ask{font-size:.85rem;opacity:.85}.btn-danger{color:#e08a7c}.btn-danger:hover{border-color:#e08a7c;box-shadow:0 0 12px #e08a7c40}.btn-danger-solid{background:linear-gradient(180deg,#a04338,#6f2c24);border:1px solid #c96a5c;color:#f6e8e5;font-weight:600}.btn-danger-solid:hover:not(:disabled){filter:brightness(1.12);box-shadow:0 0 18px #e08a7c59}.btn-danger-solid:disabled{opacity:.45;cursor:default}.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}.chat-tools{margin-left:8px;display:inline-flex;gap:8px;align-items:baseline}.chat-tool{background:none;border:none;cursor:pointer;padding:0;font-family:Cinzel,Georgia,serif;font-size:10px;letter-spacing:1px;text-transform:uppercase;color:var(--ink-dim);opacity:.7;transition:color .15s ease,opacity .15s ease}.chat-tool:hover{color:var(--gold-soft);opacity:1;text-decoration:underline}.chat-tool:disabled{cursor:default;opacity:.4}.chat-reported{font-family:Cinzel,Georgia,serif;font-size:10px;letter-spacing:1px;text-transform:uppercase;color:var(--ink-dim);opacity:.7}.chat-report-failed{color:#e08a7c}.chat-muted-note{display:flex;gap:10px;align-items:baseline;font-size:13px;color:var(--ink-dim);margin-bottom:10px}.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: 820px){.room-under{padding:0 12px 32px;margin-top:14px}}@media (max-width: 520px){.chat-card,.presence-card{width:100%}.chat-scroll{max-height:180px}.lobby{padding:0 4px}.lobby-game{flex-wrap:wrap}.lobby-game-meta{margin-left:0}}.home{--edge: rgba(212, 175, 55, .22);position:relative;min-height:100vh;display:grid;grid-template-columns:100%;grid-template-rows:auto auto;font-size:20px;line-height:1.62;-webkit-font-smoothing:antialiased;background:var(--bg)}.site-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 22px;background:#080810d1;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid var(--panel-edge)}.site-header a{color:var(--gold-soft);text-decoration:none}.brand-word{font-family:Cinzel,Georgia,serif;font-weight:700;font-size:20px;letter-spacing:2px;color:var(--gold)}.site-nav{display:flex;flex-wrap:wrap;gap:4px 18px;align-items:center}.site-nav a{font-family:Cinzel,Georgia,serif;font-size:13px;letter-spacing:1px;color:var(--ink-dim);padding:4px 2px;border-bottom:1px solid transparent;transition:color .15s ease,border-color .15s ease}.site-nav a:hover{color:var(--gold-soft);border-bottom-color:var(--panel-edge)}.site-nav .cta{color:#1a1408;background:linear-gradient(180deg,#e6c86a,#b8912a);border:1px solid #f0d98a;border-radius:6px;padding:7px 14px;letter-spacing:1.5px}.site-nav .cta:hover{filter:brightness(1.1)}.site-nav .cta-alt{color:var(--gold-soft);background:transparent;border:1px solid var(--gold);border-radius:6px;padding:7px 14px;letter-spacing:1px}.site-nav .cta-alt:hover{background:#d4af371f;color:var(--gold);box-shadow:0 0 10px #d4af3740}.nav-cta{font-family:Cinzel,Georgia,serif;font-size:13px;cursor:pointer;line-height:inherit}.home-header{grid-area:1 / 1;align-self:start;background:linear-gradient(180deg,#080810b8,#08081000);backdrop-filter:none;-webkit-backdrop-filter:none;border-bottom-color:transparent;transition:background-color .3s ease,border-color .3s ease,backdrop-filter .3s ease}.home-header.is-solid{background:#080810db;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom-color:var(--panel-edge)}.hero-beacon{position:absolute;top:calc(var(--head-h, 64px) + 20px);left:0;width:1px;height:1px;pointer-events:none}.home>main{grid-area:1 / 1;min-width:0}.home>.site-footer{grid-area:2 / 1}.hero{position:relative;min-height:100vh;padding:calc(var(--head-h, 64px) + clamp(24px,6vh,60px)) clamp(20px,5vw,48px) clamp(80px,12vh,130px);display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden;isolation:isolate}.hero-board{position:absolute;top:50%;left:50%;width:118vmax;height:118vmax;transform:translate(-50%,-50%);z-index:-2;pointer-events:none}.hero-board img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.88) contrast(1.04) brightness(.86)}.hero-scrim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:radial-gradient(64% 52% at 50% 46%,#06060ddb,#06060d6b 62%,#06060d2e),linear-gradient(180deg,rgba(6,6,13,.72) 0%,rgba(6,6,13,.1) 26%,rgba(6,6,13,.34) 72%,var(--bg) 100%)}.hero-inner{position:relative;width:100%;max-width:44rem}.hero-eyebrow{font-family:Cinzel,Georgia,serif;font-size:clamp(10px,1.2vw,13px);letter-spacing:3px;text-transform:uppercase;color:var(--gold-soft);text-shadow:0 2px 14px rgba(6,5,15,.95)}.hero-title{font-family:Cinzel,Georgia,serif;font-weight:700;line-height:.92;margin:clamp(16px,2.6vh,26px) 0 0}.hero-title-a,.hero-title-b{display:block}.hero-title-a{font-size:clamp(44px,10.5vw,118px);letter-spacing:clamp(2px,.8vw,10px);background:linear-gradient(180deg,#fbf0c4 8%,var(--gold) 52%,#8f7220 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 4px 26px rgba(0,0,0,.85))}.hero-title-b{font-size:clamp(30px,6.6vw,78px);letter-spacing:clamp(6px,2.4vw,26px);color:var(--ink);text-indent:clamp(6px,2.4vw,26px);margin-top:clamp(4px,1vh,12px);text-shadow:0 3px 24px rgba(6,5,15,.95)}.hero-lede{max-width:34rem;margin:clamp(18px,3vh,30px) auto 0;font-size:clamp(17px,1.5vw,21px);line-height:1.6;color:var(--ink);text-wrap:pretty;text-shadow:0 2px 18px rgba(6,5,15,.95)}.hero-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;margin-top:clamp(26px,4vh,40px)}.hero-scroll{position:absolute;left:50%;bottom:clamp(22px,4vh,40px);transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:6px;text-decoration:none;font-family:Cinzel,Georgia,serif;font-size:11px;letter-spacing:2.5px;text-transform:uppercase;color:var(--ink-dim);transition:color .18s ease}.hero-scroll:hover{color:var(--gold-soft)}.hero-scroll-arrow{font-size:15px;animation:cue 2.6s ease-in-out infinite}@keyframes cue{0%,to{transform:translateY(0);opacity:.55}50%{transform:translateY(5px);opacity:1}}.cta-play{display:flex;flex-direction:column;align-items:center;gap:3px;min-width:232px;padding:15px 30px;border-radius:7px;cursor:pointer;font:inherit;text-align:center;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background-color .18s ease,filter .18s ease}.cta-play:hover{transform:translateY(-2px)}.cta-play:active{transform:translateY(0)}.cta-play:focus-visible{outline:2px solid var(--gold-soft);outline-offset:3px}.cta-label{font-family:Cinzel,Georgia,serif;font-size:15px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase}.cta-sub{font-size:13px;letter-spacing:.4px;opacity:.72}.cta-play-gold{background:linear-gradient(180deg,#e6c86a,#b8912a);border:1px solid #f0d98a;color:#1a1408;box-shadow:0 10px 34px #00000073}.cta-play-gold:hover{filter:brightness(1.1);box-shadow:0 0 18px #d4af3773}.cta-play-gold .cta-sub{opacity:.68}.cta-play-ghost{background:#0e0d18b8;border:1px solid var(--gold);color:var(--gold-soft);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.cta-play-ghost:hover{background:#d4af3724;color:var(--gold);box-shadow:0 0 14px #d4af374d}.cta-play-ghost .cta-sub{color:var(--ink-dim);opacity:1}.cta-wide{min-width:280px}.home .wrap{max-width:72rem;margin:0 auto;padding:0 22px}.band{padding:clamp(48px,8vh,86px) 0}.band[id]{scroll-margin-top:calc(var(--head-h, 64px) + 24px)}.band-kicker{font-family:Cinzel,Georgia,serif;font-size:13px;letter-spacing:3px;text-transform:uppercase;color:var(--gold-soft)}.band-title{font-family:Cinzel,Georgia,serif;font-weight:700;font-size:clamp(26px,4vw,44px);line-height:1.14;letter-spacing:1px;color:var(--gold);margin:12px 0 clamp(26px,4.5vh,42px);max-width:20ch;text-shadow:0 0 30px rgba(212,175,55,.28)}.army-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(14px,2vw,20px)}@media (min-width: 900px){.army-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.army{position:relative;padding:24px 20px 22px;border:1px solid var(--panel-edge);border-radius:12px;background:var(--panel);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);overflow:hidden;transition:transform .18s ease,border-color .18s ease}.army:before{content:"";position:absolute;inset:0 0 auto;height:2px;background:var(--accent);opacity:.85}.army:after{content:"";position:absolute;inset:-40% 0 auto;height:70%;background:radial-gradient(circle at 50% 100%,var(--accent),transparent 68%);opacity:.14;pointer-events:none;transition:opacity .18s ease}.army:hover{transform:translateY(-2px);border-color:var(--gold)}.army:hover:after{opacity:.26}.army-fire{--accent: var(--fire)}.army-water{--accent: var(--water)}.army-air{--accent: var(--air)}.army-earth{--accent: var(--earth)}.army-art{position:relative;height:118px;display:flex;align-items:flex-end;justify-content:center}.army-art img{max-height:118px;width:auto;filter:drop-shadow(0 10px 18px rgba(0,0,0,.7))}.army-name{font-family:Cinzel,Georgia,serif;font-size:20px;font-weight:600;letter-spacing:2.5px;text-transform:uppercase;color:var(--accent);margin-top:16px}.army-rank{font-family:Cinzel,Georgia,serif;font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--ink-dim);margin-top:4px}.army-note{margin-top:12px;font-size:17px;line-height:1.5;color:var(--ink-dim)}.rite-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(16px,2.4vw,24px)}@media (min-width: 860px){.rite-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.rite{padding:24px 22px;border:1px solid var(--panel-edge);border-radius:12px;background:var(--panel);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);transition:border-color .18s ease,transform .18s ease}.rite:hover{border-color:var(--gold);transform:translateY(-2px)}.rite-n{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;border:1px solid var(--panel-edge);font-family:Cinzel,Georgia,serif;font-size:15px;letter-spacing:1px;color:var(--gold);background:#d4af3712}.rite-title{font-family:Cinzel,Georgia,serif;font-size:19px;font-weight:600;letter-spacing:.5px;color:var(--ink);margin:16px 0 8px}.rite-body{font-size:17px;line-height:1.56;color:var(--ink-dim)}.learn-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}@media (min-width: 1000px){.learn-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width: 480px){.learn-grid{grid-template-columns:minmax(0,1fr)}}.learn{position:relative;display:flex;flex-direction:column;gap:4px;padding:18px 44px 18px 20px;border:1px solid var(--panel-edge);border-radius:12px;background:var(--panel);text-decoration:none;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);transition:border-color .15s ease,transform .15s ease}.learn:hover{border-color:var(--gold);transform:translateY(-2px)}.learn-label{font-family:Cinzel,Georgia,serif;font-size:18px;color:var(--gold-soft)}.learn-note{font-size:16px;color:var(--ink-dim)}.learn-arrow{position:absolute;right:18px;top:50%;transform:translateY(-50%);color:var(--gold);opacity:.4;transition:opacity .15s ease,transform .15s ease}.learn:hover .learn-arrow{opacity:1;transform:translate(4px,-50%)}.close-inner{text-align:center;padding:clamp(30px,5vh,52px) clamp(22px,5vw,48px);background:var(--panel);border:1px solid var(--panel-edge);border-radius:12px;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.close-title{font-family:Cinzel,Georgia,serif;font-size:clamp(24px,3.4vw,38px);font-weight:600;letter-spacing:1px;color:var(--gold-soft)}.close-body{margin:12px auto 26px;font-size:20px;color:var(--ink);max-width:34rem}.close-inner .cta-play{margin:0 auto}.site-footer{margin-top:24px;border-top:1px solid var(--panel-edge);background:#08081099;padding:30px 0;color:var(--ink-dim);font-size:15px}.site-footer .wrap{display:flex;flex-wrap:wrap;gap:18px 40px;justify-content:space-between}.site-footer a{color:var(--gold-soft);text-decoration:none}.site-footer a:hover{text-decoration:underline}.site-footer h4{font-family:Cinzel,Georgia,serif;font-size:13px;letter-spacing:1px;color:var(--gold-soft);margin-bottom:8px}.site-footer ul{list-style:none}.site-footer li{margin-bottom:5px}.site-footer .fine{font-size:13px;opacity:.8;max-width:40rem}.site-copyright{width:100%;margin-top:22px;padding-top:16px;border-top:1px solid var(--panel-edge);text-align:center;font-size:13px;letter-spacing:.5px;color:var(--ink-dim);opacity:.85}@media (max-width: 640px){.home{font-size:18px}.home .wrap{padding:0 16px}.site-header{padding:10px 14px}.site-nav{gap:3px 12px}}@media (max-width: 560px){.site-header{flex-direction:column;align-items:flex-start;gap:8px}.site-nav{width:100%;gap:6px 12px}.site-nav a,.nav-cta{font-size:12px}.site-nav .cta,.site-nav .cta-alt{padding:6px 11px;letter-spacing:.8px}.hero{min-height:92vh}.cta-play{min-width:100%}.hero-actions{flex-direction:column}.army-art{height:84px}.army-art img{max-height:84px}}@media (prefers-reduced-motion: reduce){.hero-scroll-arrow{animation:none;opacity:.8}.cta-play:hover,.army:hover,.rite:hover,.learn:hover{transform:none}}body.native #app{padding-top:calc(18px + env(safe-area-inset-top,0px));padding-right:calc(22px + env(safe-area-inset-right,0px));padding-bottom:calc(40px + env(safe-area-inset-bottom,0px));padding-left:calc(22px + env(safe-area-inset-left,0px))}@media (max-width: 820px){body.native #app{padding-top:calc(12px + env(safe-area-inset-top,0px));padding-right:calc(12px + env(safe-area-inset-right,0px));padding-bottom:calc(32px + env(safe-area-inset-bottom,0px));padding-left:calc(12px + env(safe-area-inset-left,0px))}}@media (max-width: 520px){body.native #app{padding-top:calc(8px + env(safe-area-inset-top,0px));padding-right:calc(6px + env(safe-area-inset-right,0px));padding-bottom:calc(28px + env(safe-area-inset-bottom,0px));padding-left:calc(6px + env(safe-area-inset-left,0px))}}body.native.board-focus #app{padding:0}body.native.board-focus #layout{padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px)}body.native .board-focus-exit{top:calc(14px + env(safe-area-inset-top,0px));right:calc(14px + env(safe-area-inset-right,0px))}