:root{--limestone-hi:#fbf4e2;--limestone:#f1e4c6;--sand:#e6d1a4;--sand-deep:#cdb27a;--stone:#8b6b4a;--stone-deep:#5e4630;--gold-hi:#f6c650;--gold:#e2a92b;--gold-deep:#b9811a;--olive-hi:#a3c24f;--olive:#6e8b2e;--olive-deep:#4b6220;--horn-hi:#d39a5c;--horn:#b07a44;--horn-deep:#7d5230;--ink:#2c1d10;--night-hi:#34446a;--night:#1f2a44;--night-deep:#131a2c;--sea:#8fb3c4;--veil:#131a2cc7;--shade:#2c1d1059;--display:"Lilita One", "Arial Black", Impact, sans-serif;--body:"Nunito", "Segoe UI", system-ui, sans-serif;--rim:0 0 0 3px var(--ink);--outline-s:1.5px 0 0 var(--ink), 1.4px .6px 0 var(--ink), 1.1px 1.1px 0 var(--ink), .6px 1.4px 0 var(--ink), 0 1.5px 0 var(--ink), -.6px 1.4px 0 var(--ink), -1.1px 1.1px 0 var(--ink), -1.4px .6px 0 var(--ink), -1.5px 0 0 var(--ink), -1.4px -.6px 0 var(--ink), -1.1px -1.1px 0 var(--ink), -.6px -1.4px 0 var(--ink), 0 -1.5px 0 var(--ink), .6px -1.4px 0 var(--ink), 1.1px -1.1px 0 var(--ink), 1.4px -.6px 0 var(--ink), 0 2px 0 var(--ink);--outline:2px 0 0 var(--ink), 1.8px .8px 0 var(--ink), 1.4px 1.4px 0 var(--ink), .8px 1.8px 0 var(--ink), 0 2px 0 var(--ink), -.8px 1.8px 0 var(--ink), -1.4px 1.4px 0 var(--ink), -1.8px .8px 0 var(--ink), -2px 0 0 var(--ink), -1.8px -.8px 0 var(--ink), -1.4px -1.4px 0 var(--ink), -.8px -1.8px 0 var(--ink), 0 -2px 0 var(--ink), .8px -1.8px 0 var(--ink), 1.4px -1.4px 0 var(--ink), 1.8px -.8px 0 var(--ink), 0 3px 0 var(--ink);--outline-l:3px 0 0 var(--ink), 2.8px 1.1px 0 var(--ink), 2.1px 2.1px 0 var(--ink), 1.1px 2.8px 0 var(--ink), 0 3px 0 var(--ink), -1.1px 2.8px 0 var(--ink), -2.1px 2.1px 0 var(--ink), -2.8px 1.1px 0 var(--ink), -3px 0 0 var(--ink), -2.8px -1.1px 0 var(--ink), -2.1px -2.1px 0 var(--ink), -1.1px -2.8px 0 var(--ink), 0 -3px 0 var(--ink), 1.1px -2.8px 0 var(--ink), 2.1px -2.1px 0 var(--ink), 2.8px -1.1px 0 var(--ink), 0 4px 0 var(--ink);--lift:0 5px 0;--paper:var(--limestone-hi);--paper-2:var(--sand);--line:var(--sand-deep);--accent:var(--horn);--accent-ink:var(--limestone-hi);--ok:var(--olive);--muted:var(--stone);font:600 16px/1.4 var(--body);color:var(--ink);-webkit-tap-highlight-color:transparent;--ui-scale:1}@media (hover:hover) and (pointer:fine) and (width>=900px){:root{--ui-scale:.8}}@media (hover:hover) and (pointer:fine) and (width>=900px) and (height<=820px){:root{--ui-scale:.72}}@media (hover:hover) and (pointer:fine) and (width>=1700px) and (height>=1000px){:root{--ui-scale:.86}}h1,h2,h3,.display{font-family:var(--display);letter-spacing:.01em;font-weight:400;line-height:1.1}.carved{color:var(--limestone-hi);text-shadow:var(--outline)}.num{font-family:var(--display);font-variant-numeric:tabular-nums;font-weight:400}.icon{object-fit:contain;vertical-align:middle;flex:none;width:24px;height:24px}.icon.s{width:18px;height:18px}.icon.l{width:36px;height:36px}.icon.xl{width:48px;height:48px}.face{background:var(--sand);border:3px solid var(--gold);box-shadow:var(--rim);object-fit:cover;border-radius:50%;flex:none}button,.button{font:400 17px/1.1 var(--display);letter-spacing:.02em;color:var(--ink);background:linear-gradient(var(--limestone-hi), var(--sand));border:3px solid var(--ink);box-shadow:var(--lift) var(--stone-deep), inset 0 -3px 0 #8b6b4a40;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;border-radius:14px;justify-content:center;align-items:center;gap:8px;min-height:48px;margin-bottom:5px;padding:10px 16px;text-decoration:none;transition:transform 60ms,box-shadow 60ms,filter .1s;display:inline-flex}button:active:not(:disabled),.button:active{box-shadow:0 1px 0 var(--stone-deep), inset 0 -2px 0 #8b6b4a40;transform:translateY(4px)}button:focus-visible,.button:focus-visible{outline:3px solid var(--limestone-hi);outline-offset:2px}button:disabled{filter:grayscale(.85)brightness(.92);opacity:.6;cursor:default}button small,.button small{font-family:var(--body);font-weight:700}button.primary,.button.primary{background:linear-gradient(var(--gold-hi), var(--gold));box-shadow:var(--lift) var(--gold-deep), inset 0 -3px 0 #b9811a73, inset 0 2px 0 #ffffff73}button.primary:active:not(:disabled){box-shadow:0 1px 0 var(--gold-deep), inset 0 -2px 0 #b9811a73}button.go,.button.go{color:var(--limestone-hi);text-shadow:var(--outline);background:linear-gradient(var(--olive-hi), var(--olive));box-shadow:var(--lift) var(--olive-deep), inset 0 -3px 0 #4b622080, inset 0 2px 0 #ffffff59}button.go:active:not(:disabled){box-shadow:0 1px 0 var(--olive-deep)}button.go small{color:var(--limestone-hi)}button.horn,.button.horn{color:var(--limestone-hi);text-shadow:var(--outline);background:linear-gradient(var(--horn-hi), var(--horn));box-shadow:var(--lift) var(--horn-deep), inset 0 2px 0 #ffffff4d}button.horn:active:not(:disabled){box-shadow:0 1px 0 var(--horn-deep)}button.selected{background:linear-gradient(var(--gold-hi), var(--gold));box-shadow:var(--lift) var(--gold-deep), 0 0 0 3px var(--limestone-hi)}button.round{border-radius:50%;width:48px;height:48px;min-height:48px;padding:0}button.round .icon{width:26px;height:26px}.panel,.sheet,.entry-card,.end-card,.elder-words,.place-bar,.end-confirm{background:radial-gradient(circle at 18% 12%, #ffffff8c, transparent 40%), radial-gradient(circle at 85% 90%, #cdb27a73, transparent 45%), var(--limestone);border:5px solid var(--gold);box-shadow:var(--rim), inset 0 0 0 2px var(--gold-deep), inset 0 0 0 5px #ffffff59, 0 12px 30px #00000073;border-radius:22px;position:relative}.inset,.row,.wide-card,.book-line,.enemy-card,.unlocks,.book-list li,.passage-text,.end-stats>div,.tree-node{background:var(--sand);border:2px solid var(--sand-deep);border-radius:14px;box-shadow:inset 0 2px #5e46302e}.plaque,.battle-title{font:400 24px/1 var(--display);background:linear-gradient(var(--gold-hi), var(--gold));border:3px solid var(--ink);box-shadow:0 4px 0 var(--gold-deep);color:var(--limestone-hi);text-shadow:var(--outline);border-radius:14px;align-items:center;gap:8px;padding:8px 18px 10px;display:inline-flex}.pill{background:var(--veil);color:var(--limestone-hi);border:2px solid #f1e4c640;border-radius:999px;align-items:center;gap:6px;min-height:38px;padding:3px 12px 3px 4px;display:inline-flex}.pill b,.pill .num{font:400 20px/1 var(--display);text-shadow:var(--outline-s)}.chip{white-space:nowrap;border-radius:999px;align-items:center;gap:4px;padding:2px 10px;font-size:13px;font-weight:800;display:inline-flex}.chip.ok{background:var(--olive);color:var(--limestone-hi)}.chip.gold{background:var(--gold);color:var(--ink)}.chip.stone{background:var(--sand-deep);color:var(--ink)}.cost{font:400 17px/1 var(--display);flex-wrap:wrap;align-items:center;gap:2px 10px;display:inline-flex}.cost .amount{align-items:center;gap:3px;display:inline-flex}.cost .amount .icon{width:22px;height:22px}.cost .amount.short{color:var(--horn-deep);text-decoration:line-through;text-decoration-thickness:2px}input[type=text],input[type=email]{font:700 18px var(--body);color:var(--ink);border:3px solid var(--ink);background:var(--limestone-hi);border-radius:14px;width:100%;min-height:52px;padding:12px 14px;box-shadow:inset 0 3px #5e46302e}input:focus{outline:3px solid var(--gold);outline-offset:1px}input::placeholder{color:var(--stone);opacity:.8}*{box-sizing:border-box}html,body{background:var(--night-deep);overscroll-behavior:none;height:100%;margin:0;overflow:hidden}#scene canvas{touch-action:none;display:block}#labels,#ui{pointer-events:none;position:fixed;inset:0}#ui>*{pointer-events:auto}#ui{zoom:var(--ui-scale)}h1,h2,h3{margin:0 0 8px}p{margin:0 0 6px}small{color:var(--stone);font-weight:700}cite{color:var(--horn-deep);white-space:nowrap;font-style:normal;font-weight:800}.verse{color:var(--stone-deep);font-style:italic}.why{color:var(--horn-deep);font-weight:800}.muted{color:var(--stone)}.grow{flex:auto;min-width:0}.with-icon{white-space:nowrap;align-items:center;gap:3px;display:inline-flex}.night{background:radial-gradient(ellipse at 50% 0%, #e2a92b38, transparent 55%), radial-gradient(ellipse at 50% 120%, #6e8b2e40, transparent 50%), linear-gradient(var(--night-hi), var(--night) 45%, var(--night-deep))}.entry{place-items:center;padding:16px;display:grid;position:fixed;inset:0;overflow:hidden}.entry-card{gap:12px;width:min(420px,100%);padding:22px 20px 20px;display:grid}.entry-card .logo{filter:drop-shadow(0 8px 14px #00000073);width:min(260px,72%);height:auto;margin:-86px auto -6px;display:block}.entry{padding-top:96px}.entry-card h1{text-align:center;margin:0;font-size:30px}.entry-card form{gap:12px;display:grid}.entry-card label{font:400 17px var(--display);color:var(--stone-deep);margin-bottom:-6px}.entry-card button[type=submit]{min-height:58px;font-size:22px}@media (height<=760px){.entry{padding-top:64px}.entry-card{gap:8px;padding:14px 16px}.entry-card .logo{width:min(170px,50%);margin:-60px auto -8px}.entry-card h1{font-size:24px}.entry-card form{gap:8px}.entry-card button[type=submit]{min-height:52px;font-size:20px}}.tagline,.or,.status{text-align:center;margin:0}.tagline{color:var(--stone-deep);font-weight:800}.status:empty{display:none}.pair,.lang-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.pair button{justify-content:flex-start;padding-left:8px}.sheet{overscroll-behavior:contain;width:min(640px,100%);max-height:76vh;padding:18px 16px max(18px, env(safe-area-inset-bottom));z-index:5;border-bottom:0;border-radius:24px 24px 0 0;animation:.18s ease-out rise;position:absolute;bottom:0;left:50%;overflow:auto;transform:translate(-50%)}@keyframes rise{0%{opacity:0;transform:translate(-50%,24px)}}.sheet-close{z-index:1;position:absolute;top:12px;right:12px}.sheet h2{color:var(--limestone-hi);text-shadow:var(--outline);margin-bottom:12px;padding-right:56px;font-size:28px}.sheet h2 small{text-shadow:none;font:400 17px var(--display);color:var(--horn-deep)}.sheet h3{color:var(--stone-deep);font-size:19px}.actions{flex-wrap:wrap;gap:10px;margin-top:12px;display:flex}.actions button small{margin-left:4px}#toast{opacity:0;background:var(--night);color:var(--limestone-hi);border:3px solid var(--gold);box-shadow:var(--rim), 0 8px 20px #0006;z-index:10;text-align:center;border-radius:16px;max-width:calc(100% - 32px);padding:10px 18px;font-weight:800;transition:all .2s;position:absolute;top:72px;left:50%;transform:translate(-50%)translateY(-20px);pointer-events:none!important}#toast.show{opacity:1;transform:translate(-50%)}.email{color:var(--stone-deep);word-break:break-all;margin:0 0 8px;font-weight:800}[hidden]{display:none!important}textarea,input[type=search],input[type=url]{font:700 17px/1.35 var(--body);color:var(--ink);border:3px solid var(--ink);background:var(--limestone-hi);box-sizing:border-box;border-radius:14px;width:100%;min-height:52px;padding:12px 14px;box-shadow:inset 0 3px #5e46302e}textarea{resize:vertical;min-height:84px}textarea:focus,input[type=search]:focus{outline:3px solid var(--gold);outline-offset:1px}.entry-card input.code{font:400 34px/1 var(--display);letter-spacing:.32em;text-align:center;padding-left:calc(14px + .32em)}.entry-card .pair button{justify-content:center;padding:8px 10px;font-size:15px}.entry-card .status{color:var(--stone-deep);font-weight:800}button.google{background:#fff;gap:10px}button.google .icon{width:22px;height:22px}.veil{z-index:20;background:#131a2cb8;place-items:center;padding:16px;animation:.15s ease-out fade;display:grid;position:fixed;inset:0}@keyframes fade{0%{opacity:0}}.dialog{box-sizing:border-box;gap:12px;width:min(400px,100%);padding:18px 16px 12px;display:grid}.dialog p{margin:0;font-weight:800}.dialog .actions{margin-top:0}.dialog .actions button{flex:1 1 0}.modal{z-index:6;background:#131a2c99;grid-template:minmax(0,1fr)/minmax(0,1fr);place-items:center;padding:24px;animation:.15s ease-out fade-in;display:grid;position:fixed;inset:0}@keyframes fade-in{0%{opacity:0}}.modal-panel{flex-direction:column;gap:10px;width:min(1100px,100%);height:min(860px,100%);max-height:100%;padding:14px 18px 12px;display:flex}.modal-head{align-items:center;gap:12px;min-height:52px;display:flex}.modal-head h2{min-width:0;color:var(--limestone-hi);text-shadow:var(--outline);text-overflow:ellipsis;white-space:nowrap;flex:1;margin:0;font-size:32px;overflow:hidden}.modal-head .sheet-close{margin:0 0 5px;position:static}.modal-tabs{gap:10px;display:flex}.modal-tabs button{flex:1 1 0;gap:8px;min-width:0;min-height:56px;font-size:19px}.modal-tabs button>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.modal-tabs button .icon{width:30px;height:30px}.modal-tabs .badge{background:var(--olive);min-width:24px;height:24px;color:var(--limestone-hi);border:2px solid var(--ink);font:400 14px/20px var(--display);text-align:center;border-radius:12px;padding:0 6px}.modal-intro{flex-wrap:wrap;align-items:center;gap:6px 16px;display:flex}.modal-intro[hidden]{display:none}.modal-intro p{margin:0}.modal-body{touch-action:pan-x;flex:auto;min-height:0;overflow:hidden}.pages{align-content:start;gap:12px;height:100%;display:grid}.modal-panel[style*=auto] .pages{height:auto}.pages.tiles{--cw:170;--ch:214}.pages.cards{--cw:340;--ch:196}.pages.rows{--cw:460;--ch:68}.pages>.empty{text-align:center;grid-column:1/-1;padding:24px 0}.pager{justify-content:center;align-items:center;gap:10px;display:flex}.pager[hidden]{display:none}.pages.free{height:auto;display:block}.modal-foot{border-top:2px dashed var(--sand-deep);flex-wrap:wrap;justify-content:flex-end;gap:10px;padding-top:10px;display:flex}.modal-foot:empty{display:none}.modal-foot>*{margin-bottom:5px}.dots{display:flex}.dot{width:44px;min-width:44px;height:44px;min-height:44px;box-shadow:none;background:0 0;border:0;border-radius:0;margin:0;padding:0}.dot:after{content:"";background:var(--sand-deep);border:2px solid var(--ink);border-radius:50%;width:12px;height:12px;margin:auto;display:block}.dot.on:after{background:var(--gold);width:16px;height:16px}.dot:active:not(:disabled){box-shadow:none;transform:none}@media (width<=520px){.sheet{width:calc(100% - 16px);bottom:max(8px, env(safe-area-inset-bottom));border-bottom:5px solid var(--gold);border-radius:22px;max-height:calc(82vh - 8px);padding:16px 12px 14px}.sheet h2{font-size:24px}.modal{padding:0}.modal-panel{width:100%;height:100%;padding:max(10px, env(safe-area-inset-top)) 12px max(8px, env(safe-area-inset-bottom));border-width:0;border-radius:0;gap:8px}.modal-head h2{font-size:26px}.modal-tabs{gap:6px}.modal-tabs button{flex-direction:column;gap:2px;min-height:64px;padding:4px;font-size:14px}.modal-tabs .badge{position:absolute;top:-6px;right:-4px}.modal-tabs button{position:relative}.pages{gap:10px}.pages.tiles{--cw:150;--ch:186}.pages.cards{--cw:300;--ch:206}.pages.rows{--cw:300;--ch:68}}.loading{font:400 24px var(--display);place-content:center;justify-items:center;gap:18px;display:grid;position:fixed;inset:0}.loading img{filter:drop-shadow(0 10px 18px #00000080);width:min(260px,64vw);animation:2.4s ease-in-out infinite breathe}@keyframes breathe{50%{transform:scale(1.04)}}.banners{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.banner{border-radius:10px;min-height:44px;padding:0;box-shadow:0 4px #00000059,inset 0 3px #ffffff4d}.banner.selected{box-shadow:0 4px 0 #00000059, 0 0 0 3px var(--gold-hi);transform:translateY(-2px)}.hud{padding:max(10px, env(safe-area-inset-top)) 10px 8px 14px;flex-wrap:wrap;align-items:center;gap:8px 6px;display:flex;position:absolute;top:0;left:0;right:0;pointer-events:none!important}.hud>*{pointer-events:auto}.res{background:var(--veil);min-height:36px;color:var(--limestone-hi);border:2px solid #f1e4c64d;border-radius:999px;align-items:center;gap:2px;margin-left:6px;padding:0 12px 0 34px;display:inline-flex;position:relative;box-shadow:0 3px #0000004d}.res>.icon{filter:drop-shadow(0 2px #00000073);width:40px;height:40px;position:absolute;top:50%;left:-10px;transform:translateY(-50%)}.res b{font:400 20px/1 var(--display);text-shadow:var(--outline-s)}.res small{color:var(--sand);margin-left:5px;font-size:12px}.hud .community-open{margin:0 0 0 auto}.offline{background:var(--horn);color:var(--limestone-hi);border:2px solid var(--ink);border-radius:12px;padding:6px 12px;font-weight:800}.bar{padding:10px 10px max(12px, env(safe-area-inset-bottom));justify-content:center;align-items:flex-end;gap:10px;display:flex;position:absolute;bottom:0;left:0;right:0;pointer-events:none!important}.bar>*{pointer-events:auto}.bar .big{border-width:4px;border-radius:20px;flex-direction:column;gap:0;width:86px;height:86px;padding:4px}.bar .big .icon{filter:drop-shadow(0 2px #2c1d1040);width:50px;height:50px}.bar .big span{font:400 15px/1 var(--display);color:var(--limestone-hi);text-shadow:var(--outline);white-space:nowrap;margin-top:2px}.bar .big.attack{background:linear-gradient(var(--gold-hi), var(--gold));width:104px;height:104px;box-shadow:var(--lift) var(--gold-deep), inset 0 2px 0 #ffffff73}.bar .big.attack .icon{width:62px;height:62px}.bar .big.attack span{font-size:18px}.label{background:var(--veil);color:var(--limestone-hi);font:800 13px var(--body);white-space:nowrap;pointer-events:none;border:2px solid #f1e4c64d;border-radius:999px;align-items:center;gap:2px;padding:2px 10px;display:inline-flex;position:absolute;top:0;left:0}.label.collect{background:var(--olive);border-color:var(--ink);font:400 15px var(--display)}.label.full{background:var(--gold);border-color:var(--ink);color:var(--ink);font:400 15px var(--display)}.label .icon{width:20px;height:20px;margin-right:2px}.place-bar{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;width:min(560px,100% - 24px);padding:12px 14px 8px;display:none;position:absolute;bottom:118px;left:50%;transform:translate(-50%)}.place-bar.show{display:flex}.place-bar p{flex:200px;margin:0 0 4px;font-weight:800}.about{color:var(--stone-deep);font-weight:700}.timer{font:400 18px var(--display);color:var(--horn-deep);align-items:center;gap:6px;display:inline-flex}.cards{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;display:grid}.card{text-align:left;border-radius:16px;flex-direction:column;align-items:stretch;gap:4px;min-height:0;padding:6px 8px 10px}.card .thumb{aspect-ratio:5/4;background:var(--sand) center / cover no-repeat;border:2px solid var(--sand-deep);border-radius:10px;place-items:center;width:100%;margin-bottom:2px;display:grid}.card .thumb .icon{opacity:.9;width:56px;height:56px}.card b{font:400 17px/1.1 var(--display)}.card small{font-family:var(--body)}.card:disabled{opacity:.9;filter:grayscale(.45)}.card.poor .cost .amount{color:var(--horn-deep)}.list{gap:10px;display:grid}.row{justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.row>div:first-child,.row>.grow{min-width:0}.row b{font:400 18px var(--display)}.row p{margin:3px 0}.row.done{border-color:var(--olive);background:#93b04a40}.row .buttons{flex:none;gap:8px;display:flex}.row .buttons button{min-width:56px;font-size:20px}.row>button{flex-direction:column;flex:none;gap:2px}.row>button .cost{font-size:15px}.row>button .cost .icon{width:18px;height:18px}.tag{white-space:nowrap;font:400 16px var(--display);color:var(--olive-deep);flex:none;align-items:center;gap:4px;display:inline-flex}.tag.muted{color:var(--stone);white-space:normal;text-align:right;max-width:130px;font-size:14px}.pic{background:var(--sand);border:3px solid var(--gold);box-shadow:var(--rim);border-radius:50%;flex:none;place-items:center;display:grid;overflow:hidden}.pic img{object-fit:cover;width:100%;height:100%}.hero-pic{width:68px;height:68px}.craft-pic{width:52px;height:52px}.row.hero.locked{opacity:.7}.row.hero.locked .hero-pic{filter:grayscale()}.unlocks{margin:8px 0;padding:8px 12px}.unlocks ul{gap:4px;margin:4px 0 0;padding:0;list-style:none;display:grid}.unlocks li{align-items:center;gap:6px;font-weight:700;display:flex}.book h3{color:var(--stone-deep);margin:16px 0 8px;font-size:18px}.tree{flex-direction:column;align-items:center;display:flex}.tree-node{text-align:center;flex-direction:column;align-items:center;max-width:280px;padding:8px 16px;display:flex}.tree-node.next{opacity:.6;border-style:dashed}.tree-face{place-items:center;display:grid}.tree-line{background:var(--gold);border-left:1px solid var(--ink);border-right:1px solid var(--ink);width:4px;height:18px}.book-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.book-list li{align-items:center;gap:10px;padding:8px 12px;display:flex}.book-list li.victory{border-color:var(--gold-deep);background:#f6c65066}.book-list .when{color:var(--stone);white-space:nowrap;font-size:12px;font-weight:800}.book-list cite{font-size:12px}.altar-mark{flex:none;display:inline-flex}.enemy-card{align-items:flex-start;gap:12px;margin-bottom:12px;padding:12px;display:flex}.map{grid-template-columns:minmax(0,340px) minmax(0,1fr);align-items:start;gap:16px;display:grid}.map .canaan{width:100%}.map-side{flex-direction:column;min-width:0;display:flex}.enemy-art{border-radius:50%;flex:none;width:76px;height:76px}.enemy-card p{margin:6px 0}.enemy-card b{font:400 20px var(--display)}.map .attack,.attack.wide{width:100%;min-height:60px;font-size:24px}.map .attack .icon{width:38px;height:38px}.army-line{flex-wrap:wrap;align-items:center;gap:6px 12px;font-weight:800;display:flex}.army-line>span{align-items:center;gap:4px;display:inline-flex}.canaan{aspect-ratio:4/5;background:radial-gradient(circle at 40% 40%, var(--limestone), var(--sand) 60%, var(--sand-deep));border:4px solid var(--gold);max-height:100%;box-shadow:var(--rim), inset 0 0 30px #5e463040;border-radius:18px;margin:0 auto;position:relative;overflow:hidden}.canaan .sea{background:var(--sea);clip-path:polygon(0 0,100% 0,70% 40%,100% 100%,0 100%);width:13%;position:absolute;top:0;bottom:0;left:0}.canaan .sea span,.canaan .jordan span,.canaan .salt-sea span{color:var(--night);white-space:nowrap;font-size:11px;font-style:italic;font-weight:800;position:absolute}.canaan .sea span{writing-mode:vertical-rl;top:50%;left:4px;transform:rotate(180deg)}.canaan .galilee{background:var(--sea);border-radius:50%;width:8%;height:9%;position:absolute;top:10%;left:70%}.canaan .jordan{background:var(--sea);border-radius:4px;width:1.5%;height:42%;position:absolute;top:18%;left:73.5%}.canaan .jordan span{top:40%;left:10px}.canaan .salt-sea{background:var(--sea);border-radius:40%;width:8%;height:22%;position:absolute;top:59%;left:71%}.canaan .salt-sea span{writing-mode:vertical-rl;top:40%;left:115%}.pin{border-width:3px;border-radius:14px;flex-direction:column;align-items:center;gap:0;min-height:0;margin:0;padding:4px 6px 2px;display:flex;position:absolute;transform:translate(-50%,-50%)}.pin:active:not(:disabled){transform:translate(-50%,calc(3px - 50%))}.pin .pin-art{border-radius:50%;width:48px;height:48px}.pin .pin-lock{place-items:center;display:grid}.pin small{font:800 11px var(--body);white-space:nowrap;color:var(--ink);align-items:center;gap:2px;display:inline-flex}.pin.picked{background:linear-gradient(var(--gold-hi), var(--gold));box-shadow:var(--lift) var(--gold-deep), 0 0 0 3px var(--limestone-hi);z-index:1}.pin.locked{filter:grayscale(.7)}.pin.beaten small{color:var(--gold-deep)}.chief-line small{color:var(--stone)}.ways{color:var(--stone);font-size:14px}.locked-why{text-align:center;justify-content:center;align-items:center;gap:6px;display:flex}.elder{left:10px;bottom:calc(132px + env(safe-area-inset-bottom));z-index:4;align-items:flex-end;gap:6px;max-width:min(400px,100% - 20px);animation:.25s ease-out rise-in;display:none;position:absolute}@keyframes rise-in{0%{opacity:0;transform:translateY(-8px)}}.elder.show{display:flex}:is(#ui:has(#sheet) .elder,#ui:has(.place-bar.show) .elder){display:none}.elder-face{border:4px solid var(--gold);width:64px;height:64px;box-shadow:var(--rim), 0 4px 0 #00000059;background:var(--night);border-radius:50%;flex:none;overflow:hidden}.elder-face img{width:100%;height:100%;display:block}.elder-words{border-width:4px;border-radius:18px;padding:10px 14px 8px;position:relative}.elder-words:before{content:"";border:9px solid #0000;border-right-color:var(--gold);position:absolute;bottom:18px;left:-13px}.elder-words small{font:400 15px var(--display);color:var(--horn-deep)}.elder-words p{margin:2px 0 8px;font-weight:700}.elder-words button{min-height:44px;padding:6px 18px}.battle-hud{padding:max(10px, env(safe-area-inset-top)) 128px 8px 10px;flex-wrap:wrap;align-items:center;gap:8px 6px;display:flex;position:absolute;top:0;left:0;right:0;pointer-events:none!important}.battle-title{padding:6px 14px 8px;font-size:18px}.battle-hud .res{margin-left:0;padding-left:12px}.battle-hud .res>.icon{width:26px;height:26px;margin:0 4px 0 -6px;position:static;transform:none}.battle-hud .res .cost{color:var(--limestone-hi);text-shadow:var(--outline-s);font-size:18px}.won{background:linear-gradient(var(--gold-hi), var(--gold));color:var(--ink);border:3px solid var(--ink);font:400 16px var(--display);border-radius:14px;align-items:center;gap:6px;padding:6px 12px;display:inline-flex}.hint{background:var(--veil);color:var(--limestone-hi);text-align:center;border:2px solid #f1e4c64d;border-radius:14px;max-width:calc(100% - 24px);padding:8px 14px;font-weight:800;position:absolute;top:108px;left:50%;transform:translate(-50%);pointer-events:none!important}.hint:empty{display:none}.picker{padding:12px 10px max(12px, env(safe-area-inset-bottom));background:linear-gradient(var(--stone), var(--stone-deep));border-top:4px solid var(--gold);box-shadow:0 -3px 0 var(--ink), 0 -8px 20px #0000004d;flex-wrap:wrap;justify-content:center;gap:8px;display:flex;position:absolute;bottom:0;left:0;right:0}.picker:empty{display:none}.unit{border-radius:16px;flex-direction:column;gap:2px;min-width:96px;padding:6px 10px}.unit .face{width:48px;height:48px}.unit .count{font:400 18px/1 var(--display)}.unit b{font:400 14px/1.1 var(--display)}.unit.selected{transform:translateY(-4px)}.unit.selected:active{transform:translateY(0)}.unit.ability{background:linear-gradient(var(--olive-hi), var(--olive));box-shadow:var(--lift) var(--olive-deep);color:var(--limestone-hi)}.unit.ability b{text-shadow:var(--outline-s)}.unit.ability small{color:var(--limestone)}.end-box{top:max(10px, env(safe-area-inset-top));z-index:5;position:absolute;right:10px}.end-box:empty{display:none}.end-ask{min-height:44px;padding:4px 12px;font-size:15px}.end-confirm{max-width:270px;padding:12px 14px 8px}.end-confirm p{margin:0 0 8px;font-weight:800}.end-confirm .actions{flex-wrap:wrap;gap:8px;margin-top:0;display:flex}.end-confirm button{flex:1}.end-screen{background:#131a2cb8;place-items:center;padding:16px;display:grid;position:fixed;inset:0;overflow:auto}.end-card{flex-direction:column;width:min(560px,100%);max-height:100%;padding:12px 18px;display:flex;overflow:hidden}.end-head{flex:none;justify-content:center;align-items:center;gap:10px;margin:0 0 6px;display:flex}.stars{align-items:flex-end;gap:2px;height:64px;display:flex}.stars .icon{filter:drop-shadow(0 3px #00000059);width:52px;height:52px}.stars .icon:nth-child(2){width:68px;height:68px}.stars .icon.off{filter:grayscale()brightness(.7);opacity:.6}.end-card h1{color:var(--limestone-hi);text-shadow:var(--outline-l);margin:0;font-size:44px}.end-card h1.win{color:var(--gold-hi)}.end-card h1.lose{color:var(--sand)}.end-stats{grid-template-columns:1fr 1fr;gap:10px;margin:6px 0 12px;display:grid}.end-stats>div{gap:4px;padding:8px 12px;display:grid}.end-stats small{font-size:13px}.end-stats b{font:400 22px var(--display);align-items:center;gap:6px;display:flex}.end-card>:not(.passage-text){flex:none}.end-card h3{color:var(--stone-deep);align-items:center;gap:6px;font-size:19px;display:flex}.passage-text{flex:auto;min-height:72px;margin-bottom:4px;padding:12px 14px;font:500 16px/1.6 Georgia,Times New Roman,serif;overflow:hidden;-webkit-mask-image:linear-gradient(#000 calc(100% - 36px),#0000);mask-image:linear-gradient(#000 calc(100% - 36px),#0000)}.end-card cite{white-space:normal;color:var(--stone);margin-bottom:8px;font-size:12px;display:block}.end-card .actions{justify-content:space-between}.end-card .actions>*{flex:180px}.pages .card{justify-content:flex-start;gap:4px;height:calc(100% - 5px);margin:0;padding:6px 6px 8px;overflow:hidden}.pages .card .thumb{aspect-ratio:16/10;flex:none;margin:0;position:relative}.pages .card .count{background:var(--veil);color:var(--limestone-hi);font:400 13px/18px var(--display);border-radius:999px;padding:1px 8px;position:absolute;top:4px;right:4px}.pages .card b{-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.1;display:-webkit-box;overflow:hidden}.card-foot{color:var(--stone-deep);flex-wrap:wrap;align-items:center;gap:2px 10px;font-weight:800;display:flex}.card-foot .cost{font-size:16px}.lock-why{background:var(--horn);color:var(--limestone-hi);border:2px solid var(--ink);font:400 15px/1.15 var(--display);text-shadow:var(--outline-s);border-radius:12px;align-self:flex-start;align-items:center;gap:6px;padding:4px 10px;display:inline-flex}.lock-why .icon{flex:none}.pages .card.locked{filter:none;opacity:1}.pages .card.locked .thumb{filter:grayscale(.8)brightness(.9)}.pages .card.full:disabled{filter:grayscale(.3)}.wide-card{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:auto minmax(0,1fr);gap:4px 12px;height:100%;padding:10px 12px;display:grid;position:relative;overflow:hidden}.wide-card>:first-child{grid-row:1/3;align-self:start}.wide-card .grow{min-height:0}.wide-card small{display:block}.wide-card small.card-foot{display:flex}.wide-card b{font:400 19px/1.1 var(--display)}.wide-card p{margin:3px 0}.card-act{grid-column:2;justify-self:end;align-items:center;display:flex}.card-act .buttons{gap:8px;display:flex}.card-act .buttons button{min-width:64px;font-size:20px}.card-act button{margin-bottom:5px}.card-act button .cost{margin-left:4px}.wide-card.done{border-color:var(--olive);background:#93b04a40}.wide-card.locked>:first-child{filter:grayscale();opacity:.8}.intro-line{flex-wrap:wrap;align-items:center;gap:6px 14px;width:100%;display:flex}.intro-line h3{margin:0}.intro-line .ranking-by{flex:320px;margin:0}.book-line{align-items:center;gap:12px;height:100%;padding:8px 14px;display:flex;overflow:hidden}.book-line.victory{border-color:var(--gold-deep);background:#f6c65066}.book-line .when{color:var(--stone);white-space:nowrap;font-size:13px;font-weight:800}.book-line .grow{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-weight:700;display:-webkit-box;overflow:hidden}.book-line cite{font-size:13px}.pages.rows>.family{text-align:center;flex-direction:column;grid-area:1/1/-1/-1;justify-content:center;align-items:center;gap:12px;display:flex}.pages .rank-row{height:100%;overflow:hidden}.pages .rank-row button{margin-bottom:5px}.pages .clan-locked{grid-area:1/1/-1/-1}@media (width<=520px){.map{grid-template-columns:1fr;gap:8px}.map .canaan{aspect-ratio:auto;width:100%;height:24vh;max-height:none}.map .enemy-card{margin-bottom:8px;padding:8px 10px}.map .enemy-card .enemy-art{width:48px;height:48px}.map .pin{padding:2px 4px 0}.map .pin .pin-art{width:34px;height:34px}.map .pin small{font-size:10px}.map .canaan .salt-sea span{writing-mode:horizontal-tb;top:20%;left:130%}.map .enemy-card p{margin:3px 0}.map .ways{display:none}.end-screen{padding:8px}.res{min-height:32px;margin-left:4px;padding:0 8px 0 28px}.res>.icon{width:34px;height:34px;left:-8px}.res b{font-size:17px}.res small{display:none}.bar{gap:6px;padding-left:10px;padding-right:10px}.bar .big{flex:1 1 0;width:auto;max-width:84px;height:76px}.bar .big .icon{width:42px;height:42px}.bar .big span{font-size:13px}.bar .big.attack{max-width:96px;height:90px}.bar .big.attack .icon{width:52px;height:52px}.place-bar{bottom:104px}.cards{grid-template-columns:1fr 1fr;gap:10px}.row{flex-wrap:wrap;align-items:flex-start;gap:8px 10px}.row>.grow,.row>div:first-child:not(.buttons){flex:calc(100% - 80px)}.row>button,.row>.buttons,.row>.tag{margin-left:auto}.card.poor .cost .amount,.card .why{font-size:13px}.battle-hud{padding-right:10px;padding-top:max(64px, env(safe-area-inset-top))}.battle-title{top:max(10px, env(safe-area-inset-top));max-width:calc(100% - 150px);font-size:16px;position:absolute;left:10px}.unit{flex:22%;min-width:0;padding:4px}.unit .face{width:40px;height:40px}.unit b{font-size:12px}.hint{font-size:13px;top:110px}.end-card h1{font-size:36px}.battle-hud .res small{display:inline}.elder{bottom:calc(112px + env(safe-area-inset-bottom))}}.label.timer{align-items:center;gap:6px;display:flex}.bar-track{background:#f1e4c640;border-radius:4px;width:46px;height:7px;overflow:hidden}.bar-track>span{background:var(--gold-hi);border-radius:4px;height:100%;transition:width .9s linear;display:block}.cost .amount.short{color:#b03a2e}button.primary .cost .amount.short{color:#ffe08a;text-decoration:line-through}.bar .big.pointed{animation:1.2s ease-in-out infinite pointed-glow;position:relative}.bar .big.pointed:after{content:"";border:12px solid #0000;border-top:16px solid var(--gold,#e2a92b);filter:drop-shadow(0 2px #00000059);width:0;height:0;animation:.9s ease-in-out infinite pointed-bob;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%)}@keyframes pointed-glow{50%{box-shadow:0 0 0 4px #ffd666e6,0 0 22px 6px #ffc850bf}}@keyframes pointed-bob{50%{transform:translate(-50%,-8px)}}.label.collect{pointer-events:auto;cursor:pointer}.label.collect:before{content:"";position:absolute;inset:-12px -8px}.community .tabs{gap:8px;margin-bottom:12px;display:flex}.community .tabs button{flex:1;gap:6px}.ranking-by{gap:6px;margin:4px 0 12px;display:flex}.ranking-by button{flex:1;min-height:44px;padding:6px 8px;font-size:15px}ol.ranking{grid-template-columns:minmax(0,1fr);gap:8px;margin:0 0 12px;padding:0;list-style:none;display:grid}.rank-row{background:#f1e4c68c;border:2px solid #8b6b4a59;border-radius:14px;align-items:center;gap:10px;padding:8px 12px;display:flex}.rank-row.me{border-color:var(--gold);background:#e2a92b47}.rank-row .rank{text-align:center;width:30px;font:400 22px var(--display);color:var(--stone-deep);flex:none}.rank-row.top .rank{color:var(--limestone-hi);text-shadow:var(--outline)}.rank-row.top-1 .rank{color:var(--gold-hi)}.rank-row .rank-face{background:var(--limestone-hi);border:3px solid;border-radius:50%;flex:none;display:inline-flex;overflow:hidden}.rank-row .rank-face .face{display:block}.rank-row .grow{flex-direction:column;flex:1;min-width:0;display:flex}.rank-row .grow b{font:400 18px var(--display);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.rank-row .grow small{color:var(--stone-deep);text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.rank-row .you{color:var(--horn-deep)}.rank-row .score{font:400 17px var(--display);color:var(--olive-deep);white-space:nowrap;flex:none}ol.ranking li.gap{text-align:center;color:var(--stone);font-weight:800}.clan-new{gap:8px;margin-bottom:12px;display:flex}.clan-new input{flex:1;min-width:0}.clan-new button{flex:none;gap:6px}.clan-locked{padding:8px 0 4px}.clan-locked .locked-why{text-align:left;justify-content:flex-start;align-items:flex-start}.clan-locked .locked-why .icon{flex:none;margin-top:2px}.clan-locked .locked-why b{font:400 19px var(--display);color:var(--stone-deep)}.community h3 small{font:700 14px var(--body);color:var(--stone)}@media (width<=420px){.rank-row{gap:8px;padding:8px}.rank-row .rank{width:24px;font-size:19px}.rank-row .score{font-size:15px}.ranking-by button{padding:6px 4px;font-size:13px}}@media (width<=520px) and (height<=760px){.map .pin small{display:none}}.feedback-open{right:14px;bottom:max(16px, env(safe-area-inset-bottom));z-index:3;width:56px;height:56px;margin:0;position:absolute}.feedback-open .icon{width:32px;height:32px}:is(#ui:has(.place-bar.show) .feedback-open,#ui:has(#sheet) .feedback-open){display:none}@media (width<=700px){.feedback-open{right:10px;bottom:calc(132px + env(safe-area-inset-bottom));width:48px;height:48px}.feedback-open .icon{width:28px;height:28px}}@media (width<=520px){.feedback-open{bottom:calc(116px + env(safe-area-inset-bottom))}}.modal-panel.feedback{width:min(560px,100%)}.feedback-page{gap:10px;display:grid}.feedback .lead{color:var(--stone-deep);margin:0;font-weight:700}.feedback .modal-foot button{flex:auto}.feedback textarea{resize:none;width:100%;min-height:132px}.feedback-record{text-align:center;justify-items:center;gap:8px;padding:16px 12px 12px;display:grid}.feedback-record p,.feedback-record small{color:var(--stone-deep);font-weight:700}.feedback-record>button:not(.feedback-big){min-height:44px;margin:0;font-size:15px}button.feedback-big{border-radius:50%;width:88px;height:88px;margin:0;padding:0}.feedback-time{font:400 26px/1 var(--display);align-items:center;gap:6px;display:flex}.feedback-time small{font:400 17px var(--display)}.rec-dot{border:2px solid var(--ink);background:#c4512f;border-radius:50%;width:14px;height:14px;animation:1s ease-in-out infinite rec}@keyframes rec{50%{opacity:.25}}.feedback .status{color:var(--horn-deep);font-weight:800}.crop h2{text-align:center;margin:0;font-size:26px}.crop-frame{aspect-ratio:1;border:4px solid var(--ink);background:var(--sand);border-radius:18px;width:min(300px,100%);margin:0 auto;position:relative;overflow:hidden}.crop-view{touch-action:none;cursor:grab;width:100%;height:100%;display:block}.crop-view:active{cursor:grabbing}.crop-frame:after{content:"";pointer-events:none;outline:3px solid var(--gold);outline-offset:-3px;border-radius:50%;position:absolute;inset:0;box-shadow:0 0 0 200px #2c1d1073}.crop-hint{text-align:center;color:var(--stone-deep);margin:0;font-size:14px}.crop .zoom{font:400 17px var(--display);color:var(--stone-deep);grid-template-columns:auto 1fr;align-items:center;gap:10px;display:grid}.crop .zoom input{accent-color:var(--gold-deep);width:100%;min-height:32px}.avatar-corner{top:max(8px, env(safe-area-inset-top));z-index:3;background:var(--gold);border:4px solid var(--gold-hi);width:68px;height:68px;min-height:0;box-shadow:0 0 0 3px var(--ink), 0 5px 0 3px var(--gold-deep), 0 8px 16px #00000073;border-radius:50%;margin:0;padding:0;position:absolute;right:10px;overflow:hidden}.avatar-corner .face{width:100%;height:100%;box-shadow:none;border:0;display:block}.avatar-corner:active:not(:disabled){box-shadow:0 0 0 3px var(--ink), 0 2px 0 3px var(--gold-deep);transform:translateY(3px)}.hud{padding-right:92px}#ui:has(.modal-panel.profile) .avatar-corner{visibility:hidden}.modal-panel.profile{width:min(760px,100%)}.profile-me{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:16px 24px;display:grid}.profile-head{text-align:center;justify-items:center;gap:8px;display:grid}.profile-head .photo-box .face{border:5px solid var(--gold-hi);width:128px;height:128px;box-shadow:0 0 0 3px var(--ink), 0 6px 0 3px var(--gold-deep), 0 10px 20px #0006}.profile-head .email{color:var(--stone-deep);overflow-wrap:anywhere;max-width:220px;margin:0;font-weight:700}.photo-actions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.photo-actions button{min-height:44px;padding:8px 14px;font-size:15px}.profile-prefs h3{color:var(--stone-deep);margin:4px 0 8px;font-size:20px}.profile-prefs h3+*{margin-bottom:14px}.profile-form{gap:8px;display:grid}.profile-form label{font:400 17px var(--display);color:var(--stone-deep);gap:4px;display:grid}.profile-form .label-row{justify-content:space-between;align-items:baseline;display:flex}.profile-form .counter{font:700 13px var(--body);color:var(--stone)}.profile-form .link-field{grid-template-columns:110px 1fr;align-items:center;gap:10px}.profile-form input{min-height:46px;padding:9px 12px;font-size:16px}.profile-form textarea{resize:none}.field-error{color:var(--horn-deep);margin:-2px 0 2px;font-size:14px;font-weight:800}.field-error:empty{display:none}.profile-prefs .lang-row button{margin:0 0 5px}.modal-panel.profile .modal-tabs .face{border-width:2px;width:30px;height:30px}.modal-foot .grow{flex:1}.switches{gap:8px;display:grid}.switch-row{background:var(--sand);border:2px solid var(--sand-deep);min-height:56px;font:400 18px var(--display);text-align:left;justify-content:flex-start;gap:12px;margin:0;padding:8px 12px;box-shadow:inset 0 2px #5e46302e}.switch-row:active:not(:disabled){transform:none;box-shadow:inset 0 2px #5e46302e}.switch-row .icon{width:30px;height:30px}.switch{border:3px solid var(--ink);background:var(--stone);box-sizing:border-box;border-radius:999px;justify-content:flex-end;align-items:center;width:92px;height:36px;padding:0 10px;display:inline-flex;position:relative}.switch small{color:var(--limestone-hi);font:800 13px var(--body)}.switch .knob{background:var(--limestone-hi);border-radius:50%;width:24px;height:24px;transition:left .15s;position:absolute;top:3px;left:3px;box-shadow:0 2px #0000004d}.switch-row.on .switch{background:var(--olive);justify-content:flex-start}.switch-row.on .switch .knob{left:calc(100% - 27px)}@media (width<=520px){.avatar-corner{width:58px;height:58px;right:8px}.hud{padding-right:76px}.profile-me{grid-template-columns:1fr;gap:10px}.profile-head{text-align:left;grid-template-columns:auto 1fr;justify-items:start;column-gap:12px}.profile-head .photo-box{grid-row:1/3}.profile-head .photo-box .face{width:84px;height:84px}.profile-head .photo-actions{justify-content:flex-start}.profile-form .link-field{grid-template-columns:1fr;gap:2px}.modal-foot>*{flex:auto}.modal-foot .grow{display:none}}