:root{--ink:#2b2118;--paper:#fbf4e4;--paper-2:#f1e5c8;--line:#d9c7a0;--accent:#b5562f;--accent-ink:#fff;--ok:#3f8f4e;--muted:#7a6a55;color:var(--ink);-webkit-tap-highlight-color:transparent;font-family:Trebuchet MS,system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{overscroll-behavior:none;background:#3b2f22;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}button,.button{font:inherit;border:2px solid var(--line);background:var(--paper);color:var(--ink);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:6px;min-height:44px;padding:10px 14px;text-decoration:none;display:inline-flex}button:disabled{opacity:.45;cursor:default}button.primary{background:var(--accent);color:var(--accent-ink);border-color:#8e3f1f;font-weight:700}button.ghost{color:var(--paper);background:0 0;border-color:#ffffff80}button.selected{outline:3px solid var(--accent)}h1,h2,h3{margin:0 0 8px}small{color:var(--muted)}cite{color:var(--accent);white-space:nowrap;font-style:normal;font-weight:700}.loading{color:var(--paper);background:#3b2f22;place-items:center;font-size:20px;display:grid;position:fixed;inset:0}.entry{background:radial-gradient(circle at 50% 30%,#6b5338,#2b2118);place-items:center;padding:16px;display:grid;position:fixed;inset:0;overflow:auto}.entry-card{background:var(--paper);border-radius:18px;gap:12px;width:min(420px,100%);padding:24px;display:grid;box-shadow:0 10px 40px #0006}.entry-card h1{text-align:center;margin:-8px 0 0}.entry-card h1 .logo{width:min(240px,70%);height:auto;margin:0 auto;display:block}.icon{flex:none;align-self:center;width:22px;height:22px}.label .icon{vertical-align:-4px;width:18px;height:18px;margin-right:3px}.entry-card form{gap:10px;display:grid}.entry-card input{font:inherit;border:2px solid var(--line);background:#fff;border-radius:10px;min-height:44px;padding:12px}.tagline,.or,.status{text-align:center;margin:0}.pair,.lang-row{grid-template-columns:1fr 1fr;gap:8px;display:grid}.banners{grid-template-columns:repeat(8,1fr);gap:6px;display:grid}.banner{border-radius:8px;min-height:36px;padding:0}.hud{padding:max(8px, env(safe-area-inset-top)) 8px 8px;flex-wrap:wrap;align-items:center;gap:6px;display:flex;position:absolute;top:0;left:0;right:0;pointer-events:none!important}.hud>*{pointer-events:auto}.res{color:var(--paper);background:#2b2118d1;border-radius:12px;align-items:baseline;gap:6px;padding:6px 10px;display:flex}.res b{font-size:18px}.res small{color:#d9c7a0}.hud .lang{min-height:36px;margin-left:auto;padding:4px 12px}.offline{color:#fff;background:#8e3f1f;border-radius:10px;padding:6px 10px}.bar{padding:10px 10px max(12px, env(safe-area-inset-bottom));justify-content:center;gap:10px;display:flex;position:absolute;bottom:0;left:0;right:0;pointer-events:none!important}.bar>*{pointer-events:auto}.bar .big{flex-direction:column;gap:2px;min-width:84px;font-size:22px;box-shadow:0 4px #b9a47a}.bar .big span{font-size:13px;font-weight:700}.bar .attack{background:#f7d9c9}.label{color:#fff;white-space:nowrap;pointer-events:none;background:#2b2118d9;border-radius:10px;padding:2px 8px;font-size:13px;font-weight:700;position:absolute;top:0;left:0}.label.collect{background:#3f8f4e}.label.full{color:var(--ink);background:#d9a520}.place-bar{color:var(--paper);background:#2b2118e0;border-radius:14px;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;width:min(560px,100% - 24px);padding:10px;display:none;position:absolute;bottom:96px;left:50%;transform:translate(-50%)}.place-bar.show{display:flex}.place-bar p{flex:200px;margin:0}.sheet{background:var(--paper);width:min(620px,100%);max-height:72vh;padding:18px 16px max(18px, env(safe-area-inset-bottom));z-index:5;border-radius:18px 18px 0 0;position:absolute;bottom:0;left:50%;overflow:auto;transform:translate(-50%);box-shadow:0 -8px 30px #00000059}.sheet-close{min-height:36px;padding:4px 10px;position:absolute;top:10px;right:10px}.sheet h2{padding-right:48px}.cards{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;display:grid}.card{text-align:left;flex-direction:column;align-items:flex-start;gap:4px}.card.poor .cost,.card .why,.why{color:#b03a2e}.list{gap:10px;display:grid}.row{background:var(--paper-2);border-radius:12px;justify-content:space-between;align-items:center;gap:10px;padding:10px;display:flex}.row.done{opacity:.75}.row p{margin:4px 0}.row .buttons{gap:6px;display:flex}.verse{font-style:italic}.tag{white-space:nowrap;color:var(--ok);font-weight:700}.actions{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.about{margin-top:0}.timer{color:var(--accent);font-weight:700}.enemy-card{background:var(--paper-2);border-radius:12px;gap:12px;margin-bottom:12px;padding:12px;display:flex}.enemy-art{font-size:48px}.enemy-card p{margin:6px 0}.map .attack{width:100%;font-size:18px}.elder{align-items:flex-start;gap:8px;max-width:min(380px,100% - 16px);display:none;position:absolute;top:64px;left:8px}.elder.show{display:flex}.elder-face{background:var(--paper);border:2px solid var(--line);border-radius:50%;flex:none;place-items:center;width:54px;height:54px;font-size:34px;display:grid}.elder-words{background:var(--paper);border:2px solid var(--line);border-radius:14px;padding:8px 12px}.elder-words p{margin:4px 0 8px}.elder-words button{min-height:34px;padding:4px 12px}#toast{opacity:0;color:#fff;z-index:10;text-align:center;background:#8e3f1f;border-radius:12px;max-width:calc(100% - 32px);padding:10px 16px;transition:all .2s;position:absolute;top:70px;left:50%;transform:translate(-50%)translateY(-20px);pointer-events:none!important}#toast.show{opacity:1;transform:translate(-50%)}.battle-hud{padding:max(8px, env(safe-area-inset-top)) 8px 8px;flex-wrap:wrap;align-items:center;gap:6px;display:flex;position:absolute;top:0;left:0;right:0;pointer-events:none!important}.battle-title{color:#fff;background:#8e3f1fe6;border-radius:12px;padding:8px 12px;font-weight:700}.won{color:var(--ink);background:#d9a520;border-radius:12px;padding:8px 12px;font-weight:700}.hint{color:var(--paper);text-align:center;background:#2b2118cc;border-radius:10px;max-width:calc(100% - 24px);padding:6px 12px;position:absolute;top:64px;left:50%;transform:translate(-50%);pointer-events:none!important}.hint:empty{display:none}.picker{padding:10px 10px max(12px, env(safe-area-inset-bottom));flex-wrap:wrap;justify-content:center;gap:8px;display:flex;position:absolute;bottom:0;left:0;right:0;pointer-events:none!important}.picker>*{pointer-events:auto}.unit{flex-direction:column;gap:2px;min-width:92px}.unit.selected{outline:3px solid var(--accent);background:#f7d9c9}.unit.ability{background:#e9e1f7}.unit.end{background:#eee}.end-screen{background:#140e0899;place-items:center;padding:16px;display:grid;position:fixed;inset:0;overflow:auto}.end-card{background:var(--paper);border-radius:18px;width:min(560px,100%);max-height:calc(100vh - 32px);padding:20px;overflow:auto;box-shadow:0 10px 40px #0006}.end-card h1.win{color:#b8860b}.end-card h1.lose{color:var(--muted)}.passage-text{background:var(--paper-2);border-radius:12px;margin-bottom:4px;padding:12px;font-family:Georgia,Times New Roman,serif;font-size:17px;line-height:1.55}.end-card cite{white-space:normal;margin-bottom:8px;font-size:12px;display:block}@media (width<=520px){.res{padding:4px 8px}.res b{font-size:15px}.res small{display:none}.bar .big{min-width:72px}.unit{flex:28%;min-width:0;padding:6px;font-size:13px}.hint{font-size:13px;top:96px}}