@import "https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600;700&family=Inter:wght@400;500;600;700;800&family=Space+Grotesk:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--bg-clear:#1a1a1a;--bg-extreme:#141418;--bg-base:#1c1c20;--bg-window:#202026;--bg-faint:#23232a;--bg-ff:#050510;--widget-inactive:#32323a;--widget-inactive-weak:#2d2d34;--widget-hovered:#414150;--widget-hovered-weak:#3c3c48;--widget-active:#4b4b5a;--widget-active-weak:#464655;--btn-disabled:#323232;--btn-stroke:#50505a;--btn-stroke-unsel:#464650;--divider-dark:#505046;--text-heading:#e6e1d2;--text-body:#c8c3b4;--text-primary:#c8c8c8;--text-icon:#c8c8c8;--text-muted:#969696;--text-guest:#828282;--text-fallback-gray:#787878;--text-key-hint:#ffffdc;--text-not-ready:#b4b4b4;--text-creature-label:#b4b48c;--text-creature-name:#dcc878;--text-ability-heading:#a0a078;--text-volume-value:#a0a0a0;--text-volume-mute:#c85050;--text-error-banner:#ff9696;--text-reconnect:#beb4a0;--text-reconnect-hint:#a09682;--text-user-green:#a0c8a0;--accent-gold:#c8aa50;--accent-gold-bright:#dcb45a;--toggle-on:#c88c28;--accent-gold-bright-2:#ffd23c;--success:#50c850;--success-soft:#a0c8a0;--success-suit:#50dc50;--warning-inline:#c89632;--warning-orange:#dc963c;--warning-yellow:#ff0;--error:#dc5050;--error-fill:#b42828;--error-fill-quit:#8c2828;--error-fill-muted:#502828;--error-raw:red;--info-blue:#64b4ff;--suit-fire:#dc5050;--suit-water:#508cdc;--suit-earth:#8b7765;--suit-air:#e6e6f0;--suit-fire-strong:#f17a1a;--suit-water-strong:#1aafe6;--suit-earth-strong:#8b6f4a;--phase-eval:#828282;--phase-over:gold;--banner-local-fill:#322814;--banner-local-stroke:#b48c3c;--banner-local-text:#e6c864;--banner-online-fill:#14283c;--banner-online-stroke:#3c78c8;--banner-online-text:#78b4ff;--banner-error-fill:#321414;--banner-error-stroke:#c85050;--overlay-bg:#000000c7;--reconnect-panel-fill:#1e1c18f0;--reconnect-panel-stroke:#504b41;--pause-fill:#1c1c1cf0;--gameover-fill:#1b1b1be6;--profile-alizarin:#c0392b;--profile-carrot:#e67e22;--profile-sunflower:#f1c40f;--profile-nephritis:#27ae60;--profile-belize:#2980b9;--profile-wisteria:#8e44ad;--profile-greensea:#16a085;--profile-pumpkin:#d35400;--profile-pink:#e91e63;--profile-cyan:#00bcd4;--profile-brown:#795548;--font-display:"Cinzel", "Cormorant Garamond", "Playfair Display", Georgia, serif;--font-ui:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-sci:"Space Grotesk", system-ui, sans-serif;--font-mono:"JetBrains Mono", "SF Mono", Consolas, monospace;--fz-display:48px;--fz-h1:42px;--fz-h2:36px;--fz-h3:28px;--fz-h4:22px;--fz-h5:18px;--fz-btn:18px;--fz-btn-auth:17px;--fz-btn-default:16px;--fz-btn-small:15px;--fz-body:14px;--fz-caption:13px;--fz-version:12px;--fz-hint:11px;--fz-timer-safe:18px;--fz-timer-warn:22px;--fz-timer-danger:28px;--lh-tight:1.1;--lh-snug:1.25;--lh-normal:1.5;--lh-loose:1.7;--fw-regular:400;--fw-medium:500;--fw-strong:600;--fw-bold:700;--fw-black:800;--sp-1:2px;--sp-2:4px;--sp-3:6px;--sp-4:8px;--sp-5:10px;--sp-6:12px;--sp-8:16px;--sp-10:20px;--sp-12:24px;--sp-15:30px;--sp-20:40px;--sp-25:50px;--sp-30:60px;--sp-35:70px;--sp-40:80px;--r-sm:4px;--r-md:6px;--r-lg:8px;--r-pill:999px;--r-card:22px;--stroke-thin:1px solid var(--btn-stroke);--stroke-focus:1.5px solid var(--accent-gold-bright);--shadow-modal:0 12px 40px #0000008c, 0 2px 8px #0006;--shadow-card:0 6px 18px #0000008c, 0 0 0 1px #ffffff0a;--shadow-card-glow-fire:0 0 0 1px var(--suit-fire-strong), 0 0 22px #f17a1a40;--shadow-card-glow-water:0 0 0 1px var(--suit-water-strong), 0 0 22px #1aafe640}html,body{background:var(--bg-base);color:var(--text-body);font-family:var(--font-ui);font-size:var(--fz-body);line-height:var(--lh-normal);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}h1,h2,h3,h4,h5{font-family:var(--font-display);color:var(--text-heading);font-weight:var(--fw-bold);letter-spacing:.01em;line-height:var(--lh-tight);text-wrap:balance}h1{font-size:var(--fz-h1)}h2{font-size:var(--fz-h2)}h3{font-size:var(--fz-h3)}h4{font-size:var(--fz-h4);font-family:var(--font-ui);font-weight:var(--fw-strong)}h5{font-size:var(--fz-h5);font-family:var(--font-ui);font-weight:var(--fw-strong)}p{color:var(--text-body);text-wrap:pretty;margin:0}.muted{color:var(--text-muted)}.heading{color:var(--text-heading)}.guest{color:var(--text-guest)}code,kbd,.mono{font-family:var(--font-mono);font-size:.92em}kbd{border-radius:var(--r-sm);border:1px solid var(--btn-stroke);color:var(--text-key-hint);font-size:var(--fz-hint);background:#00000080;padding:2px 6px;display:inline-block}.eg-rule{border:0;border-top:1px dashed var(--divider-dark);height:0;margin:var(--sp-3) 0 var(--sp-4)}.suit-fire{color:var(--suit-fire)}.suit-water{color:var(--suit-water)}.suit-earth{color:var(--suit-earth)}.suit-air{color:var(--suit-air)}.eg-btn{border-radius:var(--r-md);background:var(--widget-inactive);min-width:160px;min-height:44px;color:var(--text-primary);border:1px solid var(--btn-stroke);font:var(--fw-strong) var(--fz-btn-default)/1 var(--font-ui);cursor:pointer;justify-content:center;align-items:center;gap:8px;padding:6px 12px;transition:background 80ms linear,border-color 80ms linear,transform 80ms linear;display:inline-flex}.eg-btn:hover{background:var(--widget-hovered)}.eg-btn:active{background:var(--widget-active);transform:translateY(1px)}.eg-btn:focus-visible{border-color:var(--accent-gold-bright);box-shadow:0 0 0 1px var(--accent-gold-bright);outline:none}.eg-btn--primary{font-size:var(--fz-btn);min-width:160px}.eg-btn--auth{font-size:var(--fz-btn-auth);min-width:220px}.eg-btn--small{min-width:0;min-height:36px;font-size:var(--fz-btn-small);font-weight:var(--fw-regular);padding:4px 10px}.eg-btn--toggle-on{background:var(--toggle-on);border-color:var(--accent-gold-bright);color:#fff}.eg-btn--destructive{background:var(--error-fill);color:#fff;border-color:#0000}.eg-btn--destructive:hover{background:#c43232}.eg-btn--quit{background:var(--error-fill-quit);color:#fff;border-color:#0000}.eg-btn--disabled,.eg-btn[disabled]{background:var(--btn-disabled);color:var(--text-muted);cursor:not-allowed}.eg-input{background:var(--bg-extreme);color:var(--text-primary);border:1px solid var(--btn-stroke);border-radius:var(--r-md);font:var(--fw-regular) var(--fz-body)/1.2 var(--font-ui);min-width:220px;padding:8px 10px}.eg-input:focus{border-color:var(--accent-gold-bright);box-shadow:0 0 0 1px var(--accent-gold-bright);outline:none}.eg-input::placeholder{color:var(--text-muted)}.eg-actions{justify-content:space-between;align-items:center;gap:var(--sp-4);flex-wrap:wrap;width:100%;display:flex}.eg-actions>:last-child:not(:first-child){margin-left:auto}.eg-actions--stacked{flex-direction:column-reverse}.eg-actions--stacked>*{width:100%;margin-left:0!important}@media (width<=400px){.eg-actions{flex-direction:column-reverse}.eg-actions>*{width:100%;margin-left:0!important}}.eg-actions__fwd{gap:var(--sp-3);flex-wrap:wrap;justify-content:flex-end;display:inline-flex}.eg-modal .eg-actions>.eg-btn,.eg-modal .eg-actions>.eg-actions__fwd{flex:auto;min-width:0}.eg-modal .eg-actions>.eg-actions__fwd{flex-wrap:nowrap;display:flex}.eg-modal .eg-actions__fwd>.eg-btn{flex:1 1 0;min-width:0}.eg-scrim{background:var(--overlay-bg);padding:var(--sp-8);z-index:50;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.eg-modal{background:var(--bg-window);border:1px solid var(--btn-stroke);border-radius:var(--r-lg);box-shadow:var(--shadow-modal);padding:var(--sp-10);gap:var(--sp-6);outline:none;flex-direction:column;width:100%;max-width:460px;max-height:90svh;display:flex;overflow:auto}.eg-modal:focus-visible{border-color:var(--accent-gold-bright)}.eg-modal__title{font:var(--fw-strong) var(--fz-h3) / var(--lh-tight) var(--font-display);color:var(--text-heading);text-align:center;margin:0}.eg-modal__body{color:var(--text-body)}.eg-toasts{top:var(--sp-6);gap:var(--sp-4);z-index:200;pointer-events:none;flex-direction:column;width:max-content;max-width:min(90vw,26rem);display:flex;position:fixed;left:50%;transform:translate(-50%)}.eg-toast{background:var(--bg-window);border:1px solid var(--btn-stroke);border-radius:var(--r-md);text-align:center;color:var(--text-body);box-shadow:var(--shadow-card);font-size:var(--fz-body);padding:.6em 1em}.eg-toast--success{border-color:var(--success)}.eg-toast--error{border-color:var(--error);background:var(--banner-error-fill);color:var(--text-error-banner)}.eg-timer{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--text-primary);font-size:var(--fz-timer-safe);line-height:1}.eg-timer--warn{color:var(--warning-yellow);font-weight:var(--fw-strong);font-size:var(--fz-timer-warn)}.eg-timer--danger{color:var(--error-raw);font-weight:var(--fw-strong);font-size:var(--fz-timer-danger)}.eg-timer--compact{font-size:var(--fz-body)}.eg-timer--compact.eg-timer--warn{font-size:var(--fz-btn-default)}.eg-timer--compact.eg-timer--danger{font-size:var(--fz-timer-safe)}.eg-settings{gap:var(--sp-6);width:100%;max-width:520px;padding-bottom:var(--sp-12);flex-direction:column;margin:0 auto;display:flex;position:relative}.eg-settings__title{text-align:center;margin:0}.eg-settings__group{gap:var(--sp-3);flex-direction:column;display:flex}.eg-settings__heading{font:var(--fw-strong) var(--fz-h5) / var(--lh-snug) var(--font-ui);color:var(--text-heading);padding-bottom:var(--sp-2);border-bottom:1px solid var(--btn-stroke);margin:0}.eg-settings__row{align-items:center;gap:var(--sp-3);min-width:0;min-height:44px;display:grid}.eg-settings__row--slider{grid-template-columns:7.5em minmax(0,1fr) 3.5em}.eg-settings__row--slider input{width:100%;min-width:0;accent-color:var(--accent-gold)}.eg-settings__row--toggle{grid-template-columns:auto 1fr}.eg-settings__row--toggle input{accent-color:var(--accent-gold);width:20px;height:20px}.eg-settings__row--select,.eg-settings__row--keybind{grid-template-columns:1fr auto}.eg-settings__value{text-align:right;color:var(--text-volume-value);font-size:var(--fz-caption);font-variant-numeric:tabular-nums}.eg-settings__value--mute{color:var(--text-volume-mute)}.eg-settings__detail{font-size:var(--fz-caption);margin:-2px 0 var(--sp-2)}.eg-settings__bind{font-family:var(--font-mono);min-width:120px}.eg-version{color:var(--text-muted);font-family:var(--font-mono);font-size:var(--fz-version)}.eg-settings__version{position:absolute;bottom:0;right:0}@media (width<=400px){.eg-settings__row--slider{grid-template-columns:5.5em minmax(0,1fr) 3.2em}}.eg-menu{isolation:isolate;align-items:center;gap:var(--sp-6);width:100%;min-height:100%;padding:var(--sp-8);flex-direction:column;display:flex;position:relative}.eg-menu__gear,.eg-room__gear{border:1px solid var(--btn-stroke);background:var(--widget-inactive);width:40px;height:40px;color:var(--text-primary);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:22px;line-height:1;display:flex}.eg-menu__gear{top:var(--sp-4);right:var(--sp-4);z-index:1;position:absolute}.eg-menu__account{top:var(--sp-4);left:var(--sp-4);z-index:1;gap:var(--sp-3);font-size:var(--fz-caption);align-items:center;display:flex;position:absolute}.eg-menu__hero{width:min(100%,520px)}.eg-menu__hero>*{border-radius:16px;width:100%;display:block}.eg-menu__title{font:var(--fw-strong) clamp(20px, 10vw, var(--fz-h1)) / var(--lh-tight) var(--font-display);color:var(--accent-gold);margin:var(--sp-12) 0 0;text-align:center}.eg-menu__banners{gap:var(--sp-3);flex-direction:column;width:min(100%,520px);display:flex}.eg-menu__column{gap:var(--sp-4);flex-direction:column;width:min(100%,520px);display:flex}.eg-menu__column>.eg-menu__btn{width:100%}.eg-menu__pair{grid-template-columns:45fr 45fr;justify-content:space-between;column-gap:10%;display:grid}.eg-menu__pair .eg-menu__btn{white-space:nowrap;text-overflow:ellipsis;min-width:0;padding-left:6px;padding-right:6px;font-size:clamp(.72rem,3.4vw,1rem);overflow:hidden}.eg-menu__footer{text-align:center;width:min(100%,520px);color:var(--text-muted);font-size:var(--fz-caption)}.eg-menu__version{margin:auto 0 0}.eg-lobbies{gap:var(--sp-6);width:100%;max-width:560px;padding:var(--sp-8);flex-direction:column;margin:0 auto;display:flex}.eg-lobbies__title,.eg-room__title{text-align:center;font:var(--fw-strong) var(--fz-h3) / var(--lh-tight) var(--font-display);color:var(--accent-gold);margin:0}.eg-lobbies__code{gap:var(--sp-3);flex-wrap:wrap;align-items:flex-end;display:flex}.eg-lobbies__code-label{gap:var(--sp-2);color:var(--text-muted);font-size:var(--fz-caption);flex-direction:column;flex:160px;display:flex}.eg-lobbies__code-input{text-transform:uppercase;font-family:var(--font-mono);letter-spacing:.2em}.eg-lobbies__empty{text-align:center;margin:var(--sp-6) 0}.eg-lobbies__list{gap:var(--sp-3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.eg-lobby-card{justify-content:space-between;align-items:center;gap:var(--sp-4);background:var(--bg-window);border:1px solid var(--btn-stroke);border-radius:var(--r-md);padding:var(--sp-5) var(--sp-6);display:flex}.eg-lobby-card--rejoin{border-color:var(--accent-gold)}.eg-lobby-card__info{flex-direction:column;gap:2px;min-width:0;display:flex}.eg-lobby-card__title{color:var(--text-heading)}.eg-lobby-card__meta,.eg-lobby-card__badges{font-size:var(--fz-caption)}.eg-lobby-card__full{color:var(--warning-yellow);font-size:var(--fz-caption)}.eg-error{color:var(--error);margin:0}.eg-room{gap:var(--sp-6);width:100%;max-width:560px;padding:var(--sp-8);flex-direction:column;margin:0 auto;display:flex}.eg-room__code{flex-direction:column;align-items:center;gap:4px;display:flex}.eg-room__code strong{font-family:var(--font-mono);letter-spacing:.2em;color:var(--accent-gold-bright);font-size:32px}.eg-room__settings{gap:var(--sp-3);flex-direction:column;min-height:40px;padding-right:48px;display:flex;position:relative}.eg-room__gear{position:absolute;top:0;right:0}.eg-room__gear--open{border-color:var(--accent-gold-bright);color:var(--accent-gold-bright)}.eg-room__advanced{gap:var(--sp-3);padding-top:var(--sp-3);border-top:1px solid var(--btn-stroke);flex-direction:column;display:flex}.eg-room__roster{gap:var(--sp-3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.eg-room__row{flex-wrap:wrap;align-items:center;gap:6px;min-height:36px;display:flex}.eg-room__row--away .eg-room__name{color:var(--text-muted)}.eg-room__dot{background:var(--dot,var(--text-muted));border-radius:50%;flex:none;width:10px;height:10px}.eg-room__dot--on{background:var(--dot,var(--success))}.eg-room__name{color:var(--text-heading)}.eg-room__note{font-size:var(--fz-caption);flex-basis:100%;order:1}.eg-room__kick{margin-left:auto}.eg-badge{border-radius:var(--r-pill);font-size:var(--fz-hint);background:var(--widget-inactive);border:1px solid var(--btn-stroke);color:var(--text-primary);padding:1px 6px;display:inline-block}.eg-badge--good{border-color:var(--success);color:#c8f5cf;background:#28783c59}.eg-room__addbot{gap:var(--sp-3);flex-wrap:wrap;align-items:center;display:flex}.eg-room__seats{gap:var(--sp-3);flex-direction:column;display:flex}.eg-room__hint{font-size:var(--fz-caption);margin:0}.eg-conn-overlay{background:var(--overlay-bg);z-index:100;padding:var(--sp-8);place-items:center;display:grid;position:fixed;inset:0}.eg-conn-panel{background:var(--bg-window);border:1px solid var(--btn-stroke);border-radius:var(--r-lg);padding:var(--sp-12);align-items:center;gap:var(--sp-4);text-align:center;flex-direction:column;min-width:min(300px,100%);display:flex}.eg-conn__title{font:var(--fw-strong) var(--fz-h3) / var(--lh-tight) var(--font-display);color:var(--accent-gold);margin:0}.eg-conn__text{color:var(--text-heading);margin:0}.eg-conn__text--bad{color:var(--error)}.eg-conn__hint{font-size:var(--fz-caption);margin:0}.eg-conn__actions{gap:var(--sp-3);margin-top:var(--sp-3);flex-wrap:wrap;justify-content:center;display:flex}.eg-spinner{border:2px solid var(--text-muted);border-top-color:#0000;border-radius:50%;width:22px;height:22px;animation:.8s linear infinite eg-spin}@keyframes eg-spin{to{transform:rotate(360deg)}}.eg-conn-pill{z-index:60;gap:var(--sp-3);border-radius:var(--r-pill);background:var(--bg-window);border:1px solid var(--error);box-shadow:var(--shadow-modal);font-size:var(--fz-caption);align-items:center;max-width:calc(100vw - 16px);padding:6px 12px;display:flex;position:fixed;top:8px;left:50%;transform:translate(-50%)}.eg-gameover{text-align:center;border-color:var(--accent-gold);max-width:520px;box-shadow:0 0 24px #d4af3740}.eg-gameover__title{font:var(--fw-strong) clamp(1.5rem, 8vw, var(--fz-h1)) / var(--lh-tight) var(--font-display);color:var(--accent-gold);overflow-wrap:anywhere;margin:0}.eg-gameover__reason{margin:0}:root{--eg-bg:var(--bg-base,#1c1c20);--eg-surface:var(--bg-window,#202026);--eg-text:var(--text-body,#c8c3b4);--eg-text-muted:var(--text-muted,#969696);--eg-accent:var(--accent-gold,#c8aa50);--eg-danger:#d9534f;--eg-success:var(--success,#50c850);--eg-font-display:Cinzel, Georgia, serif;--eg-font-body:Inter, system-ui, sans-serif;--eg-font-mono:"JetBrains Mono", ui-monospace, monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#app{height:100%;margin:0}body{background:var(--eg-bg);color:var(--eg-text);font:14px/1.35 var(--eg-font-body);overscroll-behavior:none;touch-action:manipulation}button{font:inherit;color:var(--eg-text);background:var(--widget-inactive,#32323a);border:1px solid var(--btn-stroke,#50505a);cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:6px;padding:4px 10px}button:hover{background:var(--widget-hovered,#414150)}button.on{background:var(--toggle-on,#c88c28);color:#1c1c20;border-color:var(--accent-gold-bright,#dcb45a)}button.ghost{background:0 0}.shell{height:100%;padding:env(safe-area-inset-top,0) env(safe-area-inset-right,0) env(safe-area-inset-bottom,0) env(safe-area-inset-left,0);grid-template:"header header""banner banner""main aside"minmax(0,1fr)"touch aside"/minmax(0,1fr) minmax(280px,340px);display:grid}header{border-bottom:1px solid var(--divider-dark,#505046);font-family:var(--eg-font-display);flex-wrap:wrap;grid-area:header;align-items:center;gap:10px;padding:6px 10px;display:flex}header strong{color:var(--text-heading,#e6e1d2);font-size:18px}.version,.clock{font-family:var(--eg-font-mono);color:var(--eg-text-muted);font-size:12px}.spacer{flex:1}.speeds{gap:4px;display:flex}.banner{background:var(--bg-window,#202026);border-bottom:1px solid var(--accent-gold,#c8aa50);grid-area:banner;justify-content:center;align-items:center;gap:12px;padding:6px;display:flex}main{background:#0f120e;grid-area:main;min-height:0;position:relative}canvas{width:100%;height:100%;display:block}.overlay{text-align:center;background:#141418d1;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:24px;display:flex;position:absolute;inset:0}.overlay h2{font-family:var(--eg-font-display);color:var(--text-heading,#e6e1d2);margin:0}.overlay.help{text-align:left;justify-content:flex-start;overflow:auto}.overlay.help p{max-width:60ch}aside{border-left:1px solid var(--divider-dark,#505046);flex-direction:column;grid-area:aside;gap:6px;padding:8px;display:flex;overflow:auto}.message{min-height:1.4em;color:var(--accent-gold-bright,#dcb45a);font-size:13px}.card{background:var(--eg-surface);border:1px solid var(--btn-stroke-unsel,#464650);border-radius:8px;padding:6px 8px}.card.player{border-color:var(--accent-gold,#c8aa50)}.card.dead{opacity:.55}.card.dormant{opacity:.5}.row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.head .name{color:var(--text-heading,#e6e1d2);font-weight:600}.head .roles{color:var(--eg-text-muted);margin-left:auto;font-size:12px}.badge{width:16px;height:16px;image-rendering:pixelated;object-fit:contain}.sub{color:var(--eg-text-muted);margin:2px 0 4px;font-size:12px}.bars{grid-template-columns:1fr;gap:2px;display:grid}.bars label{grid-template-columns:72px 1fr 32px;align-items:center;gap:6px;font-size:12px;display:grid}.bars b{text-align:right;font-family:var(--eg-font-mono);font-weight:500}meter{width:100%;height:10px}.inv{margin-top:4px;font-size:12px}.gold{color:var(--accent-gold-bright,#dcb45a);font-weight:600}.inf{color:var(--eg-text-muted)}.item{align-items:center;gap:3px;display:inline-flex}.item img{object-fit:contain;width:16px;height:16px;image-rendering:pixelated}.vacancy{color:var(--warning-inline,#c89632);font-size:12px}.log{color:var(--eg-text-muted);margin:0;padding:0;font-size:12px;list-style:none}.log li{border-top:1px solid var(--bg-faint,#23232a);padding:2px 0}.log .t{font-family:var(--eg-font-mono);margin-right:6px}.log .death{color:var(--eg-danger)}.log .succession{color:var(--warning-inline,#c89632)}.log .gold{color:var(--accent-gold,#c8aa50);font-weight:400}footer.touch{border-top:1px solid var(--divider-dark,#505046);grid-area:touch;justify-content:space-between;align-items:center;gap:12px;padding:8px 12px;display:none}.dpad{grid-template-rows:repeat(3,44px);grid-template-columns:repeat(3,44px);grid-template-areas:".up.""left.right"".down.";gap:2px;display:grid}.dpad .up{grid-area:up}.dpad .left{grid-area:left}.dpad .right{grid-area:right}.dpad .down{grid-area:down}.dpad button{font-size:18px}.actions{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.actions .big{background:var(--toggle-on,#c88c28);color:#1c1c20;padding:12px 18px}@media (pointer:coarse){footer.touch{display:flex}}@media (pointer:coarse) and (orientation:landscape){.shell{grid-template-rows:auto auto auto minmax(0,1fr);grid-template-areas:"header header""banner banner""main touch""main aside"}footer.touch{border-top:0;border-left:1px solid var(--divider-dark,#505046);padding:8px}footer.touch button{padding:6px 10px;font-size:13px}.actions .big{padding:8px 12px}.dpad{grid-template-rows:repeat(3,38px);grid-template-columns:repeat(3,38px)}}@media (width<=800px) and (orientation:portrait){.shell{grid-template:"header""banner""main""touch""aside"minmax(0,1fr)/minmax(0,1fr)}main{aspect-ratio:28/16;max-height:60vh}aside{border-left:0;border-top:1px solid var(--divider-dark,#505046)}}