:root{--parch: #e7d7ae;--parch-hi: #f4e9c9;--parch-lo: #cdb782;--ink: #3a2c18;--ink-soft: #6d5836;--wood: #4a3520;--wood-hi: #6b4c2b;--wood-lo: #2b1e10;--gold: #c9a24b;--gold-hi: #ecd08a;--hud-bg: rgba(34, 24, 12, .82);--hud-text: #ecdfbd;--title: "Cinzel Decorative", "Cinzel", Georgia, serif;--serif: "Cinzel", Georgia, "Palatino Linotype", serif;--body: Georgia, "Times New Roman", serif}*{margin:0;padding:0;box-sizing:border-box}html,body,#app{width:100%;height:100%;overflow:hidden;background:#0b0804;font-family:var(--body);color:var(--hud-text)}#game-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}#hud{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;-webkit-user-select:none;user-select:none}.hud-top{position:absolute;top:max(12px,env(safe-area-inset-top));left:16px;right:16px;display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.hud-panel{background:var(--hud-bg);border:1px solid rgba(201,162,75,.45);border-radius:8px;padding:10px 14px;min-width:210px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:inset 0 0 18px #00000073}.hud-label{font-size:11px;letter-spacing:2px;color:var(--gold-hi);opacity:.9;margin-bottom:6px;display:flex;justify-content:space-between;align-items:center;font-family:var(--serif)}.hud-chip{background:rgba(201,162,75,.2);color:var(--gold-hi);border:1px solid rgba(201,162,75,.4);border-radius:5px;padding:1px 7px;font-weight:700;letter-spacing:.5px}.hud-bar{position:relative;height:16px;border-radius:4px;background:#17110a;overflow:hidden;border:1px solid rgba(201,162,75,.35)}.hud-bar.xp{height:6px;margin-top:5px}.hud-fill{height:100%;width:100%;transition:width .15s ease-out;border-radius:3px}.hud-fill.hero{background:linear-gradient(180deg,#67e284,#35a453)}.hud-fill.base{background:linear-gradient(180deg,#55c8ff,#2585c9)}.hud-fill.xp{background:linear-gradient(180deg,#ffe27a,#d9a441)}.hud-bar-text{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:10px;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.9)}.hud-wave{text-align:center;min-width:180px}.hud-wave-num{font-size:22px;font-weight:700;letter-spacing:3px;font-family:var(--serif);color:var(--gold-hi)}.hud-sub{font-size:12px;opacity:.75;margin-top:2px;min-height:15px}.hud-prepare{font-size:13px;color:#ffe27a;margin-top:2px;min-height:17px}.hud-gold{margin-top:7px;font-size:15px;font-weight:700;color:#ffd76a;text-align:right}.hud-banner{position:absolute;top:22%;left:50%;transform:translate(-50%);font-size:42px;font-weight:700;letter-spacing:6px;font-family:var(--serif);color:var(--gold-hi);text-shadow:0 2px 18px rgba(0,0,0,.85),0 0 40px rgba(201,162,75,.35);opacity:1;transition:opacity .5s}.hud-banner.hidden{opacity:0}.hud-banner.boss{color:#ff5b4a}.hud-banner.level{color:#ffe27a}.hud-slots{position:absolute;bottom:max(86px,calc(env(safe-area-inset-bottom) + 76px));left:16px;display:flex;gap:8px}.slot-chip{background:var(--hud-bg);border:1px solid var(--slot);border-radius:7px;padding:5px 10px;font-size:12px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.slot-chip b{color:var(--slot)}.hud-skills{position:absolute;bottom:max(34px,calc(env(safe-area-inset-bottom) + 24px));left:50%;transform:translate(-50%);display:flex;gap:10px}.skill-chip{position:relative;overflow:hidden;display:flex;align-items:center;gap:6px;background:var(--hud-bg);border:1px solid rgba(201,162,75,.5);border-radius:8px;padding:8px 12px;font-size:13px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.skill-cd{position:absolute;left:0;right:0;bottom:0;height:0%;background:rgba(216,67,58,.35);pointer-events:none}.skill-key{font-weight:800;font-size:11px;color:var(--gold-hi);background:rgba(201,162,75,.22);border:1px solid rgba(201,162,75,.4);border-radius:4px;padding:1px 6px}.skill-name{font-size:12px;opacity:.9}.hud-hint{position:absolute;bottom:max(10px,env(safe-area-inset-bottom));left:50%;transform:translate(-50%);font-size:12px;opacity:.55;white-space:nowrap}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:radial-gradient(120% 120% at 50% 40%,rgba(60,40,18,.35),transparent 60%),rgba(10,7,3,.86);pointer-events:auto}.overlay-card{position:relative;color:var(--ink);background:radial-gradient(130% 100% at 50% 0%,rgba(255,250,232,.6),transparent 55%),radial-gradient(90% 70% at 12% 92%,rgba(120,90,40,.22),transparent 60%),radial-gradient(80% 60% at 90% 84%,rgba(120,90,40,.16),transparent 60%),linear-gradient(165deg,var(--parch-hi),var(--parch) 45%,var(--parch-lo));border:3px solid var(--wood);border-radius:10px;outline:1px solid rgba(201,162,75,.75);outline-offset:-8px;padding:34px 40px;text-align:center;max-width:min(94vw,920px);box-shadow:0 22px 70px #000000b3,inset 0 0 70px #60462047}.overlay-card:before,.overlay-card:after{content:"";position:absolute;width:9px;height:9px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#8f7f66,#3a3226 70%);box-shadow:0 1px 2px #00000080}.overlay-card:before{top:12px;left:12px}.overlay-card:after{top:12px;right:12px}.overlay-title{font-size:34px;font-weight:700;letter-spacing:4px;font-family:var(--title);color:var(--wood-lo);text-shadow:0 1px 0 rgba(255,250,230,.6)}.title-3d{color:#9c1f1f}.menu-logo-wrap{line-height:0;margin-bottom:2px}.menu-logo{max-width:min(460px,78%);height:auto;filter:drop-shadow(0 6px 18px rgba(0,0,0,.4))}.menu-logo-text{display:none;font-family:var(--title);font-size:46px;font-weight:900;letter-spacing:6px;color:#a8873a;line-height:1.15;text-shadow:0 1px 0 rgba(255,250,230,.6),0 3px 10px rgba(0,0,0,.25)}.menu-logo-wrap.noimg .menu-logo{display:none}.menu-logo-wrap.noimg .menu-logo-text{display:block}.overlay-sub{margin-top:8px;color:var(--ink-soft)}.overlay-stats{display:flex;gap:26px;justify-content:center;margin:22px 0 26px}.overlay-stats div{display:grid;gap:4px}.overlay-stats span{font-size:11px;letter-spacing:2px;color:var(--ink-soft)}.overlay-stats b{font-size:24px;font-family:var(--serif)}.btn-primary{background:linear-gradient(180deg,var(--wood-hi),var(--wood) 55%,var(--wood-lo));color:var(--gold-hi);font-family:var(--serif);font-weight:700;font-size:15px;letter-spacing:2.5px;border:1px solid var(--gold);border-radius:8px;padding:12px 34px;cursor:pointer;box-shadow:0 3px 10px #0006,inset 0 1px #ecd08a40}.btn-primary:hover{filter:brightness(1.18)}.minimap{position:absolute;top:max(122px,calc(env(safe-area-inset-top) + 112px));right:16px;border:1px solid rgba(201,162,75,.5);border-radius:8px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.mode-row{display:flex;gap:12px;justify-content:center;margin-top:18px}.mode-btn{display:grid;gap:3px;background:linear-gradient(180deg,var(--wood-hi),var(--wood) 60%,var(--wood-lo));border:1px solid rgba(201,162,75,.4);border-radius:9px;padding:10px 18px;color:var(--parch-hi);font-size:15px;font-weight:700;font-family:var(--serif);cursor:pointer;transition:border-color .12s,transform .12s,box-shadow .12s;box-shadow:0 3px 8px #00000059}.mode-btn small{font-size:11px;font-weight:400;font-family:var(--body);opacity:.75}.mode-btn:hover{transform:translateY(-2px)}.mode-btn.active{border-color:var(--gold-hi);box-shadow:0 0 16px #c9a24b73,inset 0 0 12px #c9a24b26}.mode-req{display:none}.mode-btn.locked{cursor:not-allowed;filter:grayscale(.7) brightness(.72);border-color:#78644666}.mode-btn.locked:hover{transform:none}.mode-btn.locked small{display:none}.mode-btn.locked .mode-req{display:block;font-size:11px;font-weight:700;font-family:var(--body);color:#e0b64a;filter:none}.menu-level{margin-top:6px;font-family:var(--serif);font-size:14px;color:var(--gold-hi);letter-spacing:1px;transition:color .2s}.menu-level.warn{color:#b33a2a;font-weight:700}.class-lv{float:right;font-size:12px;font-weight:700;font-family:var(--serif);color:var(--gold-hi);background:var(--wood-lo);border:1px solid rgba(201,162,75,.45);border-radius:6px;padding:2px 9px;letter-spacing:1px}.dmg-num{position:absolute;display:none;pointer-events:none;transform:translate(-50%,-50%);font-family:var(--serif);font-weight:800;font-size:17px;color:#ffe9b8;text-shadow:0 0 4px rgba(0,0,0,.9),0 2px 3px rgba(0,0,0,.8);z-index:30}.dmg-num.dmg-crit{font-size:24px;color:#ffb54a;text-shadow:0 0 8px rgba(255,120,30,.55),0 2px 3px rgba(0,0,0,.9)}.dmg-num.dmg-hurt{color:#ff6a5a}.dmg-num.on{animation:dmgFloat .78s ease-out forwards}@keyframes dmgFloat{0%{opacity:0;transform:translate(-50%,-50%) scale(.6)}12%{opacity:1;transform:translate(-50%,-62%) scale(1.15)}30%{transform:translate(-50%,-80%) scale(1)}to{opacity:0;transform:translate(-50%,-190%) scale(.92)}}.boss-bar{position:absolute;top:92px;left:50%;transform:translate(-50%);width:min(560px,72vw);pointer-events:none;text-align:center}.bb-name{font-family:var(--title);font-size:15px;letter-spacing:3px;color:#e8dca0;text-shadow:0 2px 4px rgba(0,0,0,.9);margin-bottom:4px}.bb-track{height:14px;border-radius:7px;border:2px solid #52402a;background:rgba(10,7,3,.75);overflow:hidden;box-shadow:0 2px 8px #0009,inset 0 0 6px #000c}.bb-fill{height:100%;width:100%;background:linear-gradient(180deg,#e8d27a,#b0912e 60%,#8a6a1e);transition:width .15s ease-out}.boss-bar.enraged .bb-name{color:#ff8a6a}.boss-bar.enraged .bb-fill{background:linear-gradient(180deg,#ff8a6a,#d8433a 60%,#8a2018)}.tree-card{max-width:min(94vw,960px);max-height:92vh;display:flex;flex-direction:column;overflow:hidden}.tree-scroll{overflow-y:auto;overflow-x:hidden;min-height:0;margin:0 -10px;padding:0 10px}.tree-scroll::-webkit-scrollbar{width:10px}.tree-scroll::-webkit-scrollbar-track{background:rgba(120,90,40,.12);border-radius:6px}.tree-scroll::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#8a6a3a,#5e4626);border-radius:6px;border:2px solid rgba(244,232,200,.5)}.tree-pts{font-size:14px;color:var(--gold-hi);margin-left:14px;vertical-align:middle;letter-spacing:1px}.tree-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px}.tree-branch{background:rgba(0,0,0,.08);border:1px solid rgba(120,90,40,.35);border-radius:10px;padding:10px;display:flex;flex-direction:column;gap:8px;text-align:left}.tree-branch.chosen{border-color:var(--gold-hi);box-shadow:0 0 14px #c9a24b59,inset 0 0 10px #c9a24b1f}.tb-title{font-family:var(--serif);font-weight:700;font-size:16px;color:var(--ink)}.tb-ic{font-size:18px}.tb-desc{font-size:11px;color:var(--ink-soft);margin-top:2px}.tb-kit{display:flex;flex-direction:column;gap:3px}.tk-row{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--ink);background:rgba(255,255,255,.25);border-radius:6px;padding:3px 7px}.tk-slot{font-weight:800;font-size:10px;width:14px;text-align:center;color:var(--gold-hi);background:var(--wood-lo);border-radius:4px;padding:1px 0}.tk-name{flex:1}.tk-soon{opacity:.62}.tk-badge{font-size:9px;font-weight:800;letter-spacing:1px;color:#fff;background:#8a5a2a;border-radius:4px;padding:1px 5px}.tb-choose{font:inherit;font-family:var(--serif);font-weight:700;font-size:13px;padding:6px 10px;border-radius:7px;cursor:pointer;background:linear-gradient(180deg,var(--wood-hi),var(--wood-lo));border:1px solid rgba(201,162,75,.45);color:var(--parch-hi)}.tb-choose:hover:not(:disabled){border-color:var(--gold-hi);filter:brightness(1.15)}.tb-choose:disabled{opacity:.85;cursor:default}.tree-branch.chosen .tb-choose{border-color:var(--gold-hi);color:var(--gold-hi)}.tb-nodes{display:flex;flex-direction:column;gap:6px}.tn{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;gap:0 8px;text-align:left;padding:6px 9px;border-radius:7px;font:inherit;cursor:pointer;background:rgba(255,255,255,.3);border:1px solid rgba(120,90,40,.3)}.tn-name{font-weight:700;font-size:12px;color:var(--ink)}.tn-desc{grid-column:1;font-size:10.5px;color:var(--ink-soft)}.tn-cost{grid-row:1 / span 2;align-self:center;font-size:11px;font-weight:800;color:var(--gold-hi);background:var(--wood-lo);border-radius:6px;padding:3px 7px}.tn.can:hover{border-color:var(--gold-hi);background:rgba(255,240,200,.5)}.tn.owned{border-color:#6a9a4a;background:rgba(150,200,110,.22);cursor:default}.tn.owned .tn-cost{color:#4a7a2a;background:rgba(150,200,110,.3)}.tn.locked{opacity:.45;cursor:not-allowed}.tn-wrap{display:flex;flex-direction:column;gap:3px;min-width:0}.tn-wrap .tn{width:100%;min-width:0}.tn-name,.tn-desc{overflow-wrap:break-word;min-width:0}.tn.tn-sk{border-style:double;border-width:3px}.tn-slots{display:flex;align-items:center;gap:5px;font-size:10px;color:var(--ink-soft);padding:0 4px 2px}.tn-slot{font:inherit;font-size:10px;font-weight:800;width:22px;height:18px;border-radius:4px;cursor:pointer;background:rgba(255,255,255,.35);border:1px solid rgba(120,90,40,.4);color:var(--ink)}.tn-slot:hover{border-color:var(--gold-hi)}.tn-slot.on{background:var(--wood-lo);color:var(--gold-hi);border-color:var(--gold-hi);box-shadow:0 0 6px #c9a24b80}.tn-pair{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:4px;align-items:stretch}.tn-fork{align-self:center;color:var(--gold-hi);font-size:14px;font-weight:800}@media (max-width: 720px){.tree-cols{grid-template-columns:1fr!important}}.tree-branch.sealed{opacity:.55;filter:saturate(.55)}.tb-sealed{font-size:11px;font-weight:700;color:#8a5a3a;background:rgba(140,90,50,.12);border-radius:6px;padding:4px 8px;text-align:center}.tb-committed{font-size:11px;font-weight:800;letter-spacing:1px;color:var(--gold-hi);background:rgba(201,162,75,.14);border-radius:6px;padding:4px 8px;text-align:center}.skill-chip.skill-empty{opacity:.5}.skill-chip.skill-empty .skill-name{font-style:italic}.priest-card{max-width:460px}.priest-rite{display:flex;flex-direction:column;gap:8px;align-items:center;text-align:center;padding:14px 10px 6px}.priest-ic{font-size:40px}.priest-rite b{font-family:var(--serif);font-size:16px;color:var(--ink)}.priest-rite small{font-size:12px;color:var(--ink-soft);max-width:340px}.tree-foot{margin-top:12px;display:flex;gap:12px;justify-content:center;align-items:center;flex-shrink:0}.tree-card .overlay-title{flex-shrink:0}.stance-row{display:grid;grid-template-columns:120px minmax(0,1fr) minmax(0,1fr);gap:10px;align-items:stretch;margin-top:14px;padding:10px;background:rgba(0,0,0,.1);border:1px solid rgba(201,162,75,.4);border-radius:10px}.stance-row.locked{opacity:.55}.stance-row.locked .st-btn{pointer-events:none;opacity:.5}.stance-label{display:flex;flex-direction:column;justify-content:center;gap:3px;font-family:var(--serif);font-weight:800;font-size:14px;color:var(--gold-hi);letter-spacing:1px;text-align:left}.stance-label small{font-family:var(--body);font-weight:400;font-size:10.5px;color:var(--ink-soft);letter-spacing:0}.stance-card{display:flex;flex-direction:column;gap:5px;text-align:left;padding:8px 10px;border-radius:8px;background:rgba(255,255,255,.28);border:1px solid rgba(120,90,40,.35)}.stance-card.eq{border-color:var(--gold-hi);box-shadow:0 0 12px #c9a24b59,inset 0 0 8px #c9a24b1f}.sc-head{font-family:var(--serif);font-size:13.5px;color:var(--ink)}.sc-ic{font-size:15px;margin-right:4px}.sc-desc{font-size:10.5px;color:var(--ink-soft);flex:1}.st-btn{align-self:flex-start;font:inherit;font-size:11px;font-weight:800;padding:4px 12px;border-radius:6px;cursor:pointer;background:linear-gradient(180deg,var(--wood-hi),var(--wood-lo));border:1px solid rgba(201,162,75,.45);color:var(--parch-hi)}.st-btn:hover:not(:disabled){border-color:var(--gold-hi);filter:brightness(1.15)}.st-btn.buy{color:var(--gold-hi)}.st-btn:disabled{cursor:default;opacity:.8}.st-btn.eq{border-color:var(--gold-hi);color:var(--gold-hi)}.hud-stance{position:absolute;bottom:8px;right:14px;display:flex;align-items:center;gap:6px;padding:5px 10px;border-radius:8px;background:linear-gradient(180deg,var(--wood-hi),var(--wood-lo));border:1px solid rgba(201,162,75,.4);color:var(--parch-hi);font-size:12px;font-weight:700;pointer-events:none;opacity:.85}.hud-stance.on{border-color:var(--gold-hi);box-shadow:0 0 12px #c9a24b80;opacity:1}.st-key{font-size:10px;font-weight:800;padding:1px 6px;border-radius:4px;background:var(--wood-lo);color:var(--gold-hi);border:1px solid rgba(201,162,75,.4)}.hud-stance .st-state{font-size:10px;letter-spacing:1px;color:#c7b183}.hud-stance.on .st-state{color:var(--gold-hi)}.hud-potion,.hud-meal{position:absolute;bottom:8px;display:flex;align-items:center;gap:6px;padding:5px 10px;border-radius:8px;background:linear-gradient(180deg,var(--wood-hi),var(--wood-lo));border:1px solid rgba(201,162,75,.4);color:var(--parch-hi);font-size:12px;font-weight:700;pointer-events:none;opacity:.85}.hud-potion{right:14px;bottom:44px}.hud-meal{right:14px;bottom:80px}.hud-potion.empty{opacity:.45}.merch-card{max-width:min(94vw,780px)}@media (max-width: 720px){.merch-panes{grid-template-columns:1fr!important}}.merch-tabs{display:flex;gap:8px;justify-content:center;margin-top:10px}.merch-tab{font:inherit;font-family:var(--serif);font-weight:700;font-size:14px;letter-spacing:2px;padding:7px 26px;border-radius:8px 8px 0 0;cursor:pointer;background:rgba(0,0,0,.08);border:1px solid rgba(120,90,40,.35);border-bottom:none;color:var(--ink-soft)}.merch-tab.active{background:linear-gradient(180deg,var(--wood-hi),var(--wood-lo));border-color:#c9a24b8c;color:var(--gold-hi);box-shadow:0 0 10px #c9a24b4d}.merch-panes{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;margin-top:10px;align-items:start}.merch-pane{background:rgba(0,0,0,.07);border:1px solid rgba(120,90,40,.3);border-radius:9px;padding:10px}.merch-pane-title{font-family:var(--serif);font-weight:700;font-size:12.5px;letter-spacing:2px;color:var(--ink);margin-bottom:8px}.merch-pane-hint{font-size:11px;color:var(--ink-soft);margin-top:8px}.merch-pane .merch-sellall{margin-top:10px}.buy-grid{margin-top:8px}.merch-item.cant{opacity:.55;cursor:not-allowed}.merch-item.cant .merch-price{color:#b33a2a}.merch-item{position:relative}.merch-price{position:absolute;bottom:1px;left:0;right:0;text-align:center;font-size:10px;font-weight:800;color:#8a6a13;text-shadow:0 1px 0 rgba(255,250,230,.75);pointer-events:none}.merch-item:hover{border-color:var(--gold-hi);box-shadow:0 0 10px #c9a24b80}.merch-sellall{font:inherit;font-family:var(--serif);font-weight:700;font-size:13px;padding:8px 16px;border-radius:8px;cursor:pointer;background:linear-gradient(180deg,var(--wood-hi),var(--wood-lo));border:1px solid rgba(201,162,75,.5);color:var(--gold-hi)}.merch-sellall:hover:not(:disabled){border-color:var(--gold-hi);filter:brightness(1.18)}.merch-sellall:disabled{opacity:.55;cursor:default}.merch-count{position:absolute;top:1px;right:3px;font-size:10px;font-weight:800;color:#f0e6cf;text-shadow:0 1px 2px rgba(0,0,0,.8);pointer-events:none}.merch-item.sel{border-color:var(--gold-hi);box-shadow:0 0 12px #c9a24bb3,inset 0 0 8px #c9a24b59}.forge-recipe{display:flex;align-items:center;justify-content:center;gap:12px;margin:10px 0 6px}.forge-cell{cursor:default;position:relative}.forge-arrow{font-size:20px;color:var(--gold-hi)}.forge-stats{font-size:12px;color:var(--ink-soft);text-align:center;margin:6px 0 2px}.forge-stats b{color:var(--ink)}.forge-btn{width:100%}.forge-idle{text-align:center;padding:26px 8px}.forge-msg{margin-top:9px;font-size:12px;font-weight:700;text-align:center;border-radius:7px;padding:6px 8px}.forge-msg.ok{color:#2e7d32;background:rgba(76,175,80,.12)}.forge-msg.bad{color:#b33a2a;background:rgba(179,58,42,.1)}.tav-potion{display:flex;align-items:center;gap:12px;padding:10px 8px;margin-bottom:8px}.tav-ic{font-size:22px}.tav-ic.big{font-size:34px}.tav-info{display:flex;flex-direction:column;gap:2px;text-align:left}.tav-info b{font-family:var(--serif);font-size:13px;color:var(--ink)}.tav-info small{font-size:11px;color:var(--ink-soft)}.tav-menu{display:flex;flex-direction:column;gap:7px}.tav-meal{font:inherit;display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:8px;cursor:pointer;background:rgba(0,0,0,.05);border:1px solid rgba(120,90,40,.35);color:var(--ink)}.tav-meal:hover:not(:disabled){border-color:var(--gold-hi);box-shadow:0 0 10px #c9a24b66}.tav-meal.sel{border-color:var(--gold-hi);box-shadow:0 0 12px #c9a24b99,inset 0 0 8px #c9a24b40}.tav-meal.cant{opacity:.55;cursor:not-allowed}.tav-price{position:static;margin-left:auto;font-size:11px;font-weight:800;color:#8a6a13}.tav-meal.sel .tav-price{color:var(--gold-hi);letter-spacing:1px}.dev-row{margin-top:12px;display:flex;gap:8px;justify-content:center;align-items:center;opacity:.75}.dev-label{font-size:10px;letter-spacing:2px;color:var(--ink-soft);font-weight:700}.dev-btn{background:var(--wood-lo);border:1px solid rgba(201,162,75,.35);border-radius:6px;padding:4px 10px;color:var(--parch-hi);font-size:11px;font-weight:700;cursor:pointer}.dev-btn:hover{border-color:var(--gold-hi);filter:brightness(1.2)}.village-menu-btn{position:absolute;top:74px;right:14px;pointer-events:auto;font-family:var(--serif);font-weight:700;font-size:12px;letter-spacing:1.5px;padding:7px 14px;color:var(--gold-hi);background:linear-gradient(180deg,var(--wood-hi),var(--wood-lo));border:1px solid rgba(201,162,75,.45);border-radius:7px;cursor:pointer;box-shadow:0 2px 8px #00000073}.village-menu-btn:hover{border-color:var(--gold-hi);filter:brightness(1.15)}.ow-compass{position:absolute;top:96px;left:50%;transform:translate(-50%);width:54px;height:54px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;border-radius:50%;background:radial-gradient(circle at 50% 40%,rgba(40,28,12,.72),rgba(18,12,6,.82));border:1px solid rgba(201,162,75,.5);box-shadow:0 2px 8px #00000073,inset 0 0 8px #0006;pointer-events:none;-webkit-user-select:none;user-select:none}.ow-compass-arrow{font-size:22px;line-height:1;color:var(--gold-hi);transition:transform .12s linear;text-shadow:0 0 6px rgba(255,200,90,.55)}.ow-compass-label{font-family:var(--serif);font-size:8px;font-weight:700;letter-spacing:1.5px;color:#e6cd96d9}.ow-compass.at-home{border-color:#7fd8ff}.ow-compass.at-home .ow-compass-arrow{color:#9fe4ff;text-shadow:0 0 8px rgba(120,200,255,.7)}.ow-map-corner{position:absolute;top:92px;right:14px;width:152px;height:152px;border-radius:50%;pointer-events:none;filter:drop-shadow(0 2px 8px rgba(0,0,0,.5))}.ow-map-full{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:rgba(8,5,2,.72);pointer-events:auto;z-index:60}.ow-map-panel{display:flex;flex-direction:column;align-items:center;gap:8px;padding:18px 22px;background:linear-gradient(180deg,var(--wood-hi),var(--wood-lo));border:2px solid rgba(201,162,75,.5);border-radius:12px;box-shadow:0 8px 32px #0009}.ow-map-title{font-family:var(--title);font-size:24px;letter-spacing:2px;color:var(--gold-hi)}.ow-map-sub{font-family:var(--body);font-size:12px;opacity:.8;color:#e6cd96}.ow-map-canvas{width:min(68vh,68vw);height:min(68vh,68vw);border-radius:50%;background:#171009}.settings-card{gap:12px}.settings-btn{min-width:220px;margin:4px auto 0;display:block}.btn-secondary{font-family:var(--serif);font-weight:700;letter-spacing:1.5px;padding:9px 18px;color:#e6cd96;background:rgba(0,0,0,.22);border:1px solid rgba(201,162,75,.4);border-radius:8px;cursor:pointer}.btn-secondary:hover{border-color:var(--gold-hi);filter:brightness(1.12)}.wallet-gate{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:center;margin:6px auto 12px;padding:9px 12px;max-width:640px;background:rgba(0,0,0,.14);border:1px solid rgba(120,90,40,.4);border-radius:9px}.wg-msg{font-size:13px;color:var(--ink)}.wg-ok{color:#4a7d3a;font-weight:700}.wg-bad{color:#a03a2e;font-weight:700}.wg-addr{font-size:11px;color:var(--ink-soft);letter-spacing:1px}.wg-btn{font:inherit;font-family:var(--serif);font-weight:700;font-size:12px;letter-spacing:1px;padding:6px 12px;cursor:pointer;color:var(--gold-hi);background:linear-gradient(180deg,var(--wood-hi),var(--wood-lo));border:1px solid rgba(201,162,75,.45);border-radius:7px}.wg-btn:hover{border-color:var(--gold-hi);filter:brightness(1.15)}.wg-input{font:inherit;font-size:12px;padding:6px 9px;min-width:210px;background:rgba(0,0,0,.2);color:var(--ink);border:1px solid rgba(120,90,40,.5);border-radius:7px}.class-card.gated{opacity:.45;filter:grayscale(.6);cursor:not-allowed}.wg-shake{animation:wgshake .4s}@keyframes wgshake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}.tk-pane{max-width:480px;margin:10px auto 0}.tk-info{font-size:13px;color:var(--ink);margin:6px 0}.tk-form{display:flex;gap:8px;margin:8px 0}.tk-form .wg-input{flex:1}.tk-msg{font-size:13px;margin-top:8px;color:var(--ink);font-weight:700}.tk-row{display:flex;justify-content:space-between;font-size:12.5px;padding:3px 0;border-bottom:1px dashed rgba(120,90,40,.3)}.tk-paid{color:#4a7d3a;font-weight:700}.tk-pending{color:#a07d28;font-weight:700}.tk-failed{color:#a03a2e;font-weight:700}.class-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:22px}@media (max-width: 900px){.class-grid{grid-template-columns:repeat(2,1fr)}}.class-card{position:relative;background:radial-gradient(120% 80% at 50% 0%,rgba(255,250,232,.5),transparent 60%),linear-gradient(170deg,var(--parch-hi),var(--parch-lo));border:2px solid var(--wood);border-top:5px solid var(--cls);border-radius:9px;padding:16px 14px;color:var(--ink);text-align:left;cursor:pointer;transition:transform .12s,box-shadow .12s;box-shadow:0 4px 12px #0006,inset 0 0 26px #6046202e}.class-card:hover{transform:translateY(-3px);box-shadow:0 10px 26px #00000080,0 0 18px color-mix(in srgb,var(--cls) 40%,transparent)}.class-name{font-size:19px;font-weight:700;font-family:var(--serif);color:color-mix(in srgb,var(--cls) 72%,#2b1e10)}.class-desc{font-size:12px;color:var(--ink-soft);margin:8px 0 12px;min-height:44px}.class-stats{display:flex;flex-wrap:wrap;gap:6px}.class-stats span{font-size:10px;font-weight:700;color:var(--ink);background:rgba(74,53,32,.14);border:1px solid rgba(74,53,32,.25);border-radius:5px;padding:2px 7px}@media (max-width: 720px){.class-grid{grid-template-columns:1fr}.hud-panel{min-width:150px;padding:8px 10px}.hud-banner{font-size:28px}}.asset-panel{position:absolute;right:14px;top:110px;background:rgba(30,21,11,.93);border:1px solid rgba(201,162,75,.4);border-radius:9px;padding:10px 12px;min-width:240px;pointer-events:auto;font-size:12px;z-index:40}.ap-title{font-weight:700;font-family:var(--serif);letter-spacing:2px;font-size:11px;color:var(--gold-hi);display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.ap-row{display:flex;align-items:center;gap:5px;margin:5px 0;flex-wrap:wrap}.ap-label{width:62px;opacity:.75;font-weight:700;font-size:11px}.ap-btn{background:rgba(201,162,75,.1);border:1px solid rgba(201,162,75,.3);color:var(--hud-text);border-radius:6px;padding:3px 9px;font-size:11px;font-weight:700;cursor:pointer}.ap-btn:hover{border-color:#c9a24bb3}.ap-btn.active{background:var(--gold);border-color:var(--gold-hi);color:#241a0c}.ap-class{padding:3px 7px}.ap-wide{flex:1}.ap-fold{padding:0 7px;line-height:15px}.inv-card{max-width:720px}.inv-layout{display:flex;gap:18px;align-items:flex-start;margin-top:8px}.inv-sec-title{font-size:12px;font-weight:700;font-family:var(--serif);letter-spacing:1.5px;color:var(--parch-lo);margin-bottom:8px;text-align:left}.inv-pack-n{color:var(--parch-hi);margin-left:4px}.inv-gear,.inv-pack{padding:12px;background:linear-gradient(170deg,#332413,var(--wood-lo));border:2px solid var(--wood);outline:1px solid rgba(201,162,75,.35);outline-offset:-5px;border-radius:10px}.inv-gear{display:flex;flex-direction:column;gap:10px}.gear-slot{display:flex;align-items:center;gap:10px}.gear-label{font-size:12px;font-weight:700;color:var(--slot)}.inv-pack{flex:1}.inv-grid{display:grid;grid-template-columns:repeat(auto-fill,58px);justify-content:center;gap:7px;max-height:320px;overflow-y:auto;max-width:383px;margin-left:auto;margin-right:auto}.inv-item{position:relative;width:58px;height:58px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:linear-gradient(170deg,#241a0f,#170f07);border:1px solid #52402a;font:inherit;cursor:pointer;padding:0;box-shadow:inset 0 0 8px #0009}.inv-item:hover:not(.empty){filter:brightness(1.3)}.inv-item.empty{cursor:default;opacity:.5;color:#5e4d33;font-size:15px}.ii-icon{font-size:24px;line-height:1}.ii-img{width:86%;height:86%;object-fit:contain;pointer-events:none;filter:drop-shadow(0 2px 3px rgba(0,0,0,.6))}.ii-tier{position:absolute;right:4px;bottom:2px;font-size:10px;font-weight:800;color:var(--parch-hi);text-shadow:0 1px 2px #000}.inv-item.t1{border-color:#8a7a5c}.inv-item.t2{border-color:#4caf50;box-shadow:inset 0 0 10px #4caf5033}.inv-item.t3{border-color:#42a5f5;box-shadow:inset 0 0 10px #42a5f53d}.inv-item.t4{border-color:#ab47bc;box-shadow:inset 0 0 12px #ab47bc4d}.inv-item.t5{border-color:#ffa726;box-shadow:inset 0 0 14px #ffa72659}.inv-menu-btn{margin-top:14px;width:100%;padding:10px 14px;display:flex;flex-direction:column;align-items:center;gap:2px;background:linear-gradient(180deg,var(--wood-hi),var(--wood) 60%,var(--wood-lo));border:1px solid rgba(201,162,75,.4);border-radius:9px;color:var(--parch-hi);font:inherit;font-family:var(--serif);font-weight:700;cursor:pointer}.inv-menu-btn small{font-weight:400;font-family:var(--body);color:#c7b183;font-size:11px}.inv-menu-btn:hover{filter:brightness(1.18);border-color:var(--gold-hi)}.demo-btn{border-color:var(--gold-hi);box-shadow:0 0 12px #c9a24b59,inset 0 0 8px #c9a24b1f}.enter-btn{margin-top:18px;font-size:17px;padding:14px 16px;border-color:var(--gold-hi);box-shadow:0 0 16px #c9a24b66,inset 0 0 10px #c9a24b26}.enter-btn.gated{opacity:.5;filter:grayscale(.5);cursor:not-allowed}.back-btn{margin-top:16px;background:transparent;color:#c7b183;border-color:#c9a24b4d;font-size:13px;padding:8px 14px}.back-btn:hover{background:rgba(74,53,32,.35)}.inv-gold{font-size:18px;color:#8a6a13;margin-left:12px;vertical-align:middle}.inv-note{color:var(--ink-soft);font-size:12px;margin-top:10px;text-align:center}.inv-tip{position:absolute;z-index:60;min-width:190px;max-width:240px;pointer-events:none;text-align:left;padding:10px 12px;border-radius:8px;background:linear-gradient(170deg,#33251490,#1d130890),linear-gradient(170deg,#332514,#1d1308);border:1px solid var(--gold);outline:1px solid rgba(201,162,75,.3);outline-offset:-4px;box-shadow:0 10px 28px #0009;color:var(--parch-hi);transition:opacity .08s}.inv-tip.hidden{opacity:0}.tip-name{font-family:var(--serif);font-weight:700;font-size:15px;margin-bottom:2px}.tip-name.c1{color:#cfc4a6}.tip-name.c2{color:#7ed483}.tip-name.c3{color:#7cc3f7}.tip-name.c4{color:#cf8bdd}.tip-name.c5{color:#ffc46b}.tip-type{font-size:10.5px;color:#b8a377;letter-spacing:.4px;margin-bottom:7px}.tip-stat{font-size:12.5px;font-weight:700;color:#9fe6a5;margin-bottom:6px}.tip-sell{font-size:11.5px;color:#ffd257}.tip-hint{font-size:10px;color:#a08c62;margin-top:7px;font-style:italic}.tut-card{position:fixed;left:50%;bottom:84px;transform:translate(-50%);width:min(92vw,468px);z-index:60;pointer-events:auto;padding:15px 20px 13px;background:linear-gradient(180deg,var(--parch-hi),var(--parch));border:2px solid var(--wood);border-radius:12px;box-shadow:0 10px 34px #0000008c,inset 0 0 0 2px #fff4d64d;color:var(--wood-lo);animation:tut-pop .25s ease-out}@keyframes tut-pop{0%{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%)}}.tut-head{display:flex;align-items:baseline;gap:9px;margin-bottom:6px}.tut-name{font-family:var(--title);font-weight:700;font-size:21px;color:#6a3d12;letter-spacing:.3px}.tut-role{font-family:var(--serif);font-size:12px;color:#8a6a3a;letter-spacing:1px;text-transform:uppercase}.tut-blurb{font-family:Georgia,serif;font-size:14px;line-height:1.5;min-height:42px;color:#3f2c15}.tut-key{color:#7a4310}.tut-arrived .tut-name:before{content:"✓ ";color:#2e7d32}.tut-foot{display:flex;align-items:center;justify-content:space-between;margin-top:10px}.tut-dots{display:flex;gap:6px}.tut-dot{width:8px;height:8px;border-radius:50%;background:rgba(74,53,32,.28);transition:background .2s}.tut-dot.done{background:rgba(74,53,32,.55)}.tut-dot.on{background:#c8892b;box-shadow:0 0 6px #c8892bcc}.tut-btns{display:flex;gap:8px}.tut-skip,.tut-next{font-family:var(--serif);font-weight:700;font-size:13px;padding:6px 14px;border-radius:7px;cursor:pointer;border:1.5px solid var(--wood)}.tut-skip{background:transparent;color:#6a4a25}.tut-skip:hover{background:rgba(74,53,32,.12)}.tut-next{background:linear-gradient(180deg,var(--wood-hi),var(--wood));color:var(--parch-hi)}.tut-next:hover{filter:brightness(1.12)}.tut-arrived .tut-next{animation:tut-glow 1.3s ease-in-out infinite}@keyframes tut-glow{0%,to{box-shadow:0 0 #ffc85a00}50%{box-shadow:0 0 12px #ffc85ad9}}.tut-arrow{position:fixed;z-index:59;font-size:34px;line-height:1;color:#ffcf5a;text-shadow:0 0 10px rgba(255,170,40,.9),0 2px 4px rgba(0,0,0,.6);pointer-events:none;animation:tut-bob .9s ease-in-out infinite}@keyframes tut-bob{0%,to{opacity:.75}50%{opacity:1}}