:root{--bg: #0e0a08;--panel: #1a1210ee;--panel-solid: #1a1210;--ink: #e8dcc8;--muted: #a89880;--ember: #c45a2a;--ember-glow: #e8783a;--line: #3a2a22;--ok: #6a9a5a;--danger: #b04030;--touch-min: 48px;font-family:Segoe UI,Trebuchet MS,sans-serif}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--ink);overflow:hidden;touch-action:manipulation;-webkit-tap-highlight-color:transparent}#game-root{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0}#game-root canvas{display:block;width:100%!important;height:100%!important}#ui-root{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;pointer-events:none;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}#ui-root:has(.hud){overflow:hidden}#ui-root .panel,#ui-root button,#ui-root input,#ui-root select,#ui-root a,#ui-root .skill-btn,#ui-root .hud-chip,#ui-root .hud-more,#ui-root .party-prompt,#ui-root .side-panel,#ui-root .donate-top,#ui-root .shell,#ui-root .hub-recents{pointer-events:auto}.donate-top{position:fixed;top:max(.65rem,env(safe-area-inset-top));right:max(.75rem,env(safe-area-inset-right));z-index:40;display:flex;align-items:center;gap:.55rem}.donate-btn{display:inline-flex;align-items:center;justify-content:center;min-height:var(--touch-min);padding:.55rem 1.1rem;border:1px solid #7a4a28;border-radius:4px;background:linear-gradient(180deg,#9a5530,#6a3220);color:#f6e8d4;text-decoration:none;font-size:.95rem;font-weight:600;letter-spacing:.03em;box-shadow:0 4px 16px #0008}.donate-btn:hover{filter:brightness(1.1)}.donate-qr{display:block;width:56px;height:56px;border-radius:6px;border:1px solid var(--line);background:#fff;padding:3px;box-shadow:0 4px 14px #0007;line-height:0}.donate-qr img{width:100%;height:100%;object-fit:contain;display:block}a.donate-chip{text-decoration:none;color:#f2e6d4;background:linear-gradient(180deg,#8a4a28,#5a2e18);border-color:#6a3a22;font-weight:600}a.donate-chip:hover{filter:brightness(1.08)}.shell{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:max(3.25rem,calc(env(safe-area-inset-top) + 2.75rem)) 1.25rem max(2rem,calc(env(safe-area-inset-bottom) + 1.25rem));background:radial-gradient(ellipse at 30% 20%,#3a2018 0%,transparent 45%),radial-gradient(ellipse at 80% 80%,#1a1018 0%,transparent 40%),linear-gradient(160deg,#120c0a,#0e0a08 60%,#15100e)}.panel{width:min(440px,100%);margin-block:auto;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:1.5rem;box-shadow:0 16px 48px #000b,inset 0 1px #ffffff08;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.panel.wide{width:min(760px,100%);margin-top:0;margin-bottom:1.5rem}.brand{font-size:clamp(1.4rem,4vw,1.85rem);letter-spacing:.04em;margin:0 0 .25rem;color:var(--ember-glow);text-shadow:0 0 24px #c45a2a55}.tagline{margin:0 0 1.25rem;color:var(--muted);font-size:.95rem}label{display:block;font-size:.8rem;color:var(--muted);margin-bottom:.35rem}input,select{width:100%;padding:.7rem .75rem;margin-bottom:.9rem;border:1px solid var(--line);border-radius:4px;background:#0a0806;color:var(--ink);font-size:1rem;min-height:var(--touch-min)}button,.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-height:var(--touch-min);padding:.65rem 1rem;border:1px solid #6a3a22;border-radius:4px;background:linear-gradient(180deg,#8a4a28,#5a2e18);color:#f2e6d4;font-size:1rem;cursor:pointer}button:hover,.btn:hover{filter:brightness(1.08)}button.ghost{background:transparent;border-color:var(--line);color:var(--muted)}button:disabled{opacity:.5;cursor:not-allowed}.row{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:.5rem}.error{color:#f0a090;background:#40181088;border:1px solid #803020;padding:.6rem .75rem;border-radius:4px;margin-bottom:.75rem;font-size:.9rem}.char-list{list-style:none;padding:0;margin:0 0 1rem}.char-list li{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.85rem .9rem;border:1px solid var(--line);border-radius:8px;margin-bottom:.55rem;background:linear-gradient(165deg,#1a1410,#120e0c)}.char-meta{color:var(--muted);font-size:.85rem}.games-hub{margin:1rem 0 1.25rem;padding-top:.85rem;border-top:1px solid var(--line)}.hub-head{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem;margin-bottom:.65rem}.hub-head-actions{display:flex;align-items:center;gap:.5rem}.hub-welcome{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin:0 0 .75rem;padding:.7rem .85rem;border-radius:8px;border:1px solid #4a3428;background:linear-gradient(120deg,#2a1812ee,#16100eef)}.hub-welcome strong{display:block;color:var(--ember-glow);font-size:.88rem;margin-bottom:.15rem}.hub-welcome span{display:block;color:var(--muted);font-size:.8rem;line-height:1.35}.hub-recents{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;margin:0 0 .7rem}.hub-recents-label{font-size:.75rem;color:var(--muted);letter-spacing:.04em;text-transform:uppercase;margin-right:.15rem}.hub-recent-chip{min-height:34px;padding:.3rem .7rem;border-radius:999px;border:1px solid #4a3428;background:linear-gradient(180deg,#2a1a14,#16100e);color:#e8dcc8;font-size:.8rem}.hub-recent-chip:hover{border-color:var(--ember-glow)}.games-hub h2{margin:0;font-size:1.05rem;letter-spacing:.06em;color:var(--ember-glow)}.hub-count{font-size:.78rem;color:var(--muted)}.hub-toolbar{display:flex;flex-direction:column;gap:.55rem;margin-bottom:.75rem}.hub-toolbar.sticky{position:sticky;top:0;z-index:5;padding:.55rem 0 .65rem;background:linear-gradient(180deg,#1a1210f2 70%,#1a1210cc);border-bottom:1px solid #2a1e18}.hub-search-row{display:flex;gap:.45rem;align-items:stretch}#hub-search{flex:1;width:auto;margin:0;min-height:44px;padding:.55rem .85rem;border-radius:6px;border:1px solid #4a3428;background:#100c0a;color:var(--ink);font-size:.95rem}#hub-search:focus{outline:none;border-color:var(--ember);box-shadow:0 0 0 2px #c45a2a33}.hub-clear{min-height:44px;padding:.45rem .85rem;border-radius:6px;border:1px solid #4a3428;background:#1c1410;color:var(--muted);font-size:.85rem}.hub-clear:hover{color:#f2e6d4;border-color:var(--ember)}.hub-filters{display:flex;flex-wrap:wrap;gap:.4rem}.hub-chip{min-height:36px;padding:.35rem .75rem;border-radius:999px;border:1px solid #3a2a22;background:#16100e;color:var(--muted);font-size:.82rem;letter-spacing:.02em}.hub-chip.ghost{background:transparent}.hub-chip.active,.hub-chip:hover{border-color:var(--ember);color:#f2e6d4;background:linear-gradient(180deg,#3a2218,#241610)}.hub-empty{margin:.5rem 0 .25rem;padding:.85rem;border:1px dashed var(--line);border-radius:6px;text-align:center}.game-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.6rem}.game-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:.3rem;min-height:4.35rem;padding:.8rem .9rem;text-align:left;background:linear-gradient(165deg,#2c1c16,#17110e 70%);border:1px solid #4a3020;border-radius:6px;transition:border-color .15s ease,transform .12s ease,background .15s ease}.game-card.is-new{border-color:#8a5a30;box-shadow:inset 0 0 0 1px #c45a2a33}.game-badge{position:absolute;top:.4rem;right:.45rem;font-style:normal;font-size:.65rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#1a1008;background:linear-gradient(180deg,#e8a060,#c45a2a);border-radius:999px;padding:.15rem .45rem}.game-card strong{font-size:.95rem;color:#f0e4d0;padding-right:2.2rem}.game-card span{font-size:.78rem;color:var(--muted);font-weight:400;line-height:1.35}.game-card:hover{border-color:var(--ember-glow);transform:translateY(-1px);background:linear-gradient(165deg,#352018,#1a120e 70%)}.game-card:focus-visible{outline:2px solid var(--ember-glow);outline-offset:2px}.hub-note{margin:.65rem 0 0;font-size:.8rem}.dice-panel{margin:.75rem 0 1rem;padding:.85rem;border:1px solid var(--line);border-radius:4px;background:#120e0c}.dice-panel h3{margin:0 0 .35rem;color:var(--ember-glow)}#dice-result{font-size:1.35rem;margin:.5rem 0;color:#f2e6d4}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}@media (max-width: 720px){.game-grid{grid-template-columns:1fr 1fr}}@media (max-width: 560px){.grid-2,.game-grid{grid-template-columns:1fr}}.hint{font-size:.8rem;color:var(--muted);margin-top:1rem}.hud{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:space-between;padding:max(.5rem,env(safe-area-inset-top)) max(.5rem,env(safe-area-inset-right)) max(.5rem,env(safe-area-inset-bottom)) max(.5rem,env(safe-area-inset-left));pointer-events:none}.hud-top{position:relative;z-index:8;display:flex;justify-content:flex-start;align-items:flex-start;gap:.45rem;flex-wrap:wrap;padding-right:11.25rem}.world-event{pointer-events:auto;margin:.15rem 0 0;padding:.28rem .45rem;background:#1c100ce8;border:1px solid #8a4a28;border-radius:4px;font-size:.8rem;max-width:min(42rem,calc(96vw - 12.5rem))}.world-event-btn{background:transparent;border:none;color:inherit;padding:0;cursor:pointer;text-align:left;font:inherit}.world-event-btn:hover{color:#ffd090}.hud-more{position:relative;z-index:8;display:flex;flex-wrap:wrap;gap:.4rem;width:100%;padding:.35rem 0 .15rem}.hud-chip{background:var(--panel);border:1px solid var(--line);border-radius:4px;padding:.45rem .7rem;font-size:.85rem;pointer-events:auto}.hud-bottom{display:flex;flex-direction:column;gap:.5rem;align-items:center}.hud-tip{margin:0;padding:.25rem .35rem .25rem .65rem;border-radius:999px;background:#120e0caa;border:1px solid #3a2a2288;color:var(--muted);font-size:.72rem;letter-spacing:.02em;pointer-events:auto;text-align:center;max-width:min(92vw,36rem);display:inline-flex;align-items:center;gap:.35rem}.hud-tip-dismiss{min-height:22px;min-width:22px;padding:0;border:none;border-radius:50%;background:transparent;color:var(--muted);font-size:.95rem;line-height:1}.hud-tip-dismiss:hover{color:#f2e6d4;background:#3a2a22aa}@media (max-width: 720px){.hud-tip{font-size:.65rem;padding:.2rem .35rem .2rem .5rem}}.touch-pad{display:none;position:fixed;left:max(12px,env(safe-area-inset-left));bottom:max(96px,env(safe-area-inset-bottom));z-index:35;width:118px;height:118px;border-radius:50%;background:#1a121088;border:2px solid #5a4030aa;touch-action:none;pointer-events:auto}.touch-pad-knob{position:absolute;left:50%;top:50%;width:44px;height:44px;margin:-22px 0 0 -22px;border-radius:50%;background:#c45a2acc;border:2px solid #e8dcc8aa;pointer-events:none}@media (max-width: 900px),(pointer: coarse){.touch-pad{display:block}.hud-top{flex-wrap:wrap;gap:.35rem;padding-right:10.5rem}.hud-chip{font-size:.78rem;padding:.35rem .5rem}.minimap-wrap{transform:scale(.92);transform-origin:top right}.chat-dock{max-width:min(100vw - 8px,420px)}}.party-prompt{position:fixed;left:50%;top:18%;transform:translate(-50%);z-index:40;display:flex;flex-wrap:wrap;align-items:center;gap:.55rem;max-width:min(520px,92vw);padding:.75rem 1rem;background:#1a1210f2;border:1px solid #6a4030;border-radius:6px;box-shadow:0 10px 28px #000a;color:var(--ink);font-size:.95rem}.party-prompt.hidden{display:none}.party-prompt button{min-height:var(--touch-min);padding:.35rem .85rem}.toast{background:#1a1210f0;border:1px solid var(--ember);color:var(--ink);padding:.6rem .9rem;border-radius:4px;max-width:min(420px,92vw);text-align:center;font-size:.95rem}.skill-bar{display:flex;gap:.4rem;flex-wrap:wrap;justify-content:center;pointer-events:auto}.skill-btn{min-width:var(--touch-min);min-height:var(--touch-min);width:clamp(48px,12vw,64px);height:clamp(48px,12vw,64px);border-radius:8px;border:2px solid #5a3a28;background:#241810;color:var(--ink);font-size:.7rem;font-weight:600;line-height:1.1;padding:.25rem;position:relative}.skill-btn .key{position:absolute;top:2px;right:4px;font-size:.65rem;color:var(--muted)}.skill-btn.cooling{opacity:.45}.hp-bar{width:min(280px,70vw);height:12px;background:#2a1814;border:1px solid var(--line);border-radius:3px;overflow:hidden;pointer-events:none}.hp-bar>span{display:block;height:100%;background:linear-gradient(90deg,#8a3020,#c05030);width:100%;transition:width .15s linear}.hidden{display:none!important}.hud-panels{position:absolute;top:max(16.75rem,calc(env(safe-area-inset-top) + 16.25rem));right:max(.5rem,env(safe-area-inset-right));display:flex;flex-direction:column;gap:.5rem;width:min(280px,86vw);pointer-events:none;z-index:6}.side-panel{background:var(--panel);border:1px solid var(--line);border-radius:6px;padding:.75rem;pointer-events:auto;box-shadow:0 8px 24px #000a}.side-panel h3{margin:0 0 .55rem;font-size:.95rem;color:var(--ember-glow);letter-spacing:.03em}.side-panel ul{list-style:none;margin:0;padding:0}.side-panel li{display:flex;justify-content:space-between;gap:.5rem;padding:.35rem 0;border-bottom:1px solid #2a1c16;font-size:.85rem}.side-panel li:last-child{border-bottom:none}.side-panel .muted{color:var(--muted);font-size:.8rem}.side-panel .done{color:var(--ok)}#quest-list .quest-section{display:block;margin:.55rem 0 .25rem;padding:0;border:none;background:transparent;color:var(--ember-glow);font-size:.78rem;letter-spacing:.06em;text-transform:uppercase}#quest-list .quest-tutorial{border-color:#6a4a88}#quest-list .quest-daily{border-color:#8a6a30}#quest-list .quest-done{opacity:.7}.qty{color:var(--ember-glow);font-weight:600}.side-panel .item-actions{display:flex;gap:.25rem;flex-shrink:0}.side-panel .item-actions button{min-height:32px;padding:.25rem .45rem;font-size:.75rem}#panel-vendor{max-height:min(52vh,420px);overflow:auto}.gold{color:#e8c060;font-weight:700}.chat-dock{position:absolute;left:max(.5rem,env(safe-area-inset-left));bottom:max(7.5rem,calc(env(safe-area-inset-bottom) + 7rem));width:min(360px,92vw);pointer-events:auto;display:flex;flex-direction:column;gap:.35rem}.chat-log{background:#120e0ce8;border:1px solid var(--line);border-radius:6px;max-height:160px;overflow-y:auto;padding:.45rem .55rem;font-size:.82rem;line-height:1.35}.chat-log .sys{color:var(--muted);font-style:italic}.chat-log .who{color:var(--ember-glow);font-weight:600}.chat-log .whisper{color:#c9a0e8}.chat-log .whisper .who{color:#d8b8f0}.chat-log .echo{color:#e8c080;font-style:italic}.chat-log .echo .who{color:#f0d090}#friend-list{max-height:min(46vh,24rem);overflow:auto}#friend-list .friend-row,#mount-list .friend-row,#pet-list .friend-row,#toy-list .friend-row,#auction-list .friend-row{align-items:flex-start}#mount-list,#pet-list{max-height:min(40vh,20rem);overflow:auto}#mail-list,#trade-mine{max-height:min(36vh,18rem);overflow:auto}.friend-on{color:#7dce6a;font-size:.78rem}.chat-form{display:flex;gap:.35rem}.chat-form input{flex:1;margin:0;min-height:40px;padding:.45rem .6rem}.chat-form button{min-height:40px;padding:.4rem .7rem}.minimap-wrap{position:absolute;top:max(3.5rem,calc(env(safe-area-inset-top) + 3.2rem));right:max(.5rem,env(safe-area-inset-right));left:auto;pointer-events:auto;z-index:5;background:#120e0cee;border:1px solid var(--line);border-radius:6px;padding:.35rem;box-shadow:0 8px 20px #000a}.minimap-wrap canvas{display:block;width:140px;height:140px;border-radius:4px;background:#1a1410}.minimap-legend{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.3rem;font-size:.65rem;color:var(--muted)}.minimap-legend span:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:3px;vertical-align:middle}.minimap-legend .you:before{background:#5eb0ff}.minimap-legend .ally:before{background:#7dce6a}.minimap-legend .foe:before{background:#e05030}.minimap-legend .npc:before{background:#e8b44a}.minimap-legend .stone:before{background:#c9a227}.minimap-legend .gate:before{background:#80c0ff}.minimap-legend .inn:before{background:#e07040}.minimap-legend .trainer:before{background:#90b0e8}.minimap-legend .embassy:before{background:#c9a060}.minimap-legend .guildhall:before{background:#b080d0}.minimap-legend .cook:before{background:#e09050}.minimap-legend .fish:before{background:#50c0d0}.minimap-legend .forge:before{background:#c07040}.minimap-legend .still:before{background:#70c080}.minimap-legend .tannery:before{background:#b08050}.minimap-legend .yard:before{background:#708050}.minimap-legend .loom:before{background:#d0c090}.minimap-legend .desk:before{background:#b8a070}.minimap-legend .font:before{background:#70d0e8}.minimap-legend .wheel:before{background:#c07840}.minimap-legend .rig:before{background:#9a8860}.minimap-legend .caravan:before{background:#c4a060}.minimap-legend .forgeway:before{background:#e0b050}.chat-log .guild{color:#c8e090}.chat-log .guild .who{color:#d8f0a8}#atlas-list{max-height:min(52vh,28rem);overflow:auto}#atlas-list .atlas-zone{display:block;padding:.45rem 0}#atlas-list .atlas-zone.atlas-here{background:#1c1410;margin:0 -.4rem;padding:.45rem .4rem;border-radius:4px;border:1px solid #6a4a28}.atlas-portal{display:block;width:100%;text-align:left;margin-top:.28rem;padding:.28rem .4rem;font-size:.78rem;background:#16110e;border:1px solid #3a2a22;color:inherit;border-radius:3px;cursor:pointer}.atlas-portal:hover{border-color:#8a6a40;background:#1e1612}