@font-face{font-family:GrimorioPixel;src:url("assets/fonts/GrimorioPixel-Regular.ttf") format("truetype");font-weight:400;font-display:block}
@font-face{font-family:GrimorioPixel;src:url("assets/fonts/GrimorioPixel-Bold.ttf") format("truetype");font-weight:700;font-display:block}
@font-face{font-family:GrimorioCompact;src:url("assets/fonts/GrimorioPixel-Compacta.ttf") format("truetype");font-weight:400;font-display:block}
:root{color-scheme:dark;--ink:#171711;--wood:#825c2f;--wood-dark:#3e1f1d;--gold:#ffd96b;--paper:#e5d6a1;--green:#50a978;--green-light:#88d19b;--green-dark:#386c54;--text:#3b2a1c;--pixel:'GrimorioPixel',monospace;--compact:'GrimorioCompact','GrimorioPixel',monospace}
*{box-sizing:border-box}
html,body{width:100%;height:100%;min-height:100%;margin:0}
body{background:var(--ink);color:var(--paper);font:400 12px/1.5 var(--pixel);image-rendering:pixelated}
a{color:inherit;text-decoration:none}
.game-page{height:100dvh;display:grid;grid-template-rows:68px minmax(0,1fr);overflow:hidden}
.game-topbar{z-index:3;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 clamp(16px,3vw,42px);color:var(--text);background:var(--green);border:4px solid var(--wood-dark);box-shadow:inset 0 0 0 2px var(--green-light),0 4px 0 #211815}
.brand{display:flex;align-items:center;gap:12px;flex:none}.brand-mark{width:30px;height:30px;border:2px solid var(--wood-dark);background:#78623e;display:grid;grid-template-columns:1fr 1fr;gap:3px;padding:4px;transform:rotate(45deg);box-shadow:1px 1px 0 #e5cc88}.brand-mark i{background:#b6ca76;display:block}.brand-mark i:nth-child(2),.brand-mark i:nth-child(3){background:#647d40}.brand-copy{display:grid;line-height:1.2}.brand-copy strong{font:700 13px var(--pixel);color:var(--text)}.brand-copy small{font:10px var(--compact);letter-spacing:.1em;color:#294a39;margin-top:5px}
.world-status{color:#284a39;font:700 10px var(--compact);letter-spacing:.06em}.status-dot{width:8px;height:8px;border:1px solid #315440;display:inline-block;background:#b8d66d;box-shadow:1px 1px 0 #315440;margin-right:7px}.status-separator{color:#315440;margin:0 6px}
.topbar-account{display:inline-flex;align-items:center;min-height:34px;padding:5px 11px;border:3px solid var(--wood-dark);background:var(--green);box-shadow:inset 2px 2px var(--green-light),inset -2px -2px var(--green-dark),2px 2px 0 #543c28;color:#294232;font:700 12px var(--pixel);image-rendering:pixelated}.topbar-account:hover{filter:brightness(1.08)}.topbar-account:active{transform:translate(1px,1px);box-shadow:inset 2px 2px var(--green-dark),inset -2px -2px var(--green-light),1px 1px 0 #543c28}.topbar-account span{font:700 12px var(--pixel);margin-left:7px}
.game-shell{position:relative;min-height:0;overflow:hidden;background:#20251a}.game-frame{position:absolute;inset:0;width:100%;height:100%;border:0;background:#131811}.game-loading{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:12px;background:radial-gradient(ellipse at center,#59623b,#171711 70%);color:#f6e7c1;font:700 12px var(--pixel);letter-spacing:.04em;pointer-events:none;transition:opacity .45s}.game-loading.is-hidden{opacity:0}.loading-mark{font:32px var(--pixel);color:#b9cf73;animation:pulse 1.3s ease-in-out infinite alternate}@keyframes pulse{to{transform:rotate(45deg) scale(.8);opacity:.65}}
@media(max-width:640px){.game-page{grid-template-rows:56px minmax(0,1fr)}.game-topbar{padding:0 12px;gap:8px;border-width:3px}.brand{gap:8px}.brand-mark{width:25px;height:25px}.brand-copy strong{font-size:10px}.brand-copy small{font-size:8px}.world-status{display:none}.topbar-account{font-size:9px;padding:4px 7px;border-width:2px}}
@media(max-height:430px) and (orientation:landscape){.game-page{grid-template-rows:46px minmax(0,1fr)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}