@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;600;700&display=swap');
:root{color-scheme:dark;--bg:#090d13;--panel:#121a24;--panel2:#182230;--line:#293442;--text:#f3f5f8;--muted:#9ba8b9;--accent:#d5f66d;--accent2:#9cc84e;--radius:18px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Manrope,system-ui,sans-serif!important;color:var(--text)!important;background:var(--bg)!important;background-image:radial-gradient(ellipse at 75% 0%,rgba(66,94,83,.13),transparent 45%)!important;line-height:1.55}h1,h2,h3,.logo{font-family:'Space Grotesk',Manrope,sans-serif!important;letter-spacing:-.045em}a{color:inherit}a:hover{color:var(--accent)}button,input,textarea,select{font-family:inherit!important}button,.btn{transition:background .18s,border-color .18s,transform .18s;cursor:pointer}button:hover,.btn:hover{transform:translateY(-1px)}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--accent)!important;outline-offset:3px}input,select,textarea{background:#0c141e!important;border:1px solid #344254!important;color:var(--text)!important;border-radius:11px!important}input::placeholder,textarea::placeholder{color:#7f90a3}button:not(.option):not(.sidebutton):not(.choice),.btn:not(.alt){background:var(--accent)!important;color:#10180d!important;border:1px solid var(--accent)!important;border-radius:11px!important;font-weight:800!important}button:not(.option):not(.sidebutton):not(.choice):hover,.btn:not(.alt):hover{background:#e7ff9e!important}.btn.alt{background:transparent!important;color:var(--text)!important;border:1px solid #425164!important}.card,section#login,section#panel,article,.pane{background:var(--panel)!important;border:1px solid var(--line)!important;border-radius:var(--radius)!important;box-shadow:0 18px 50px rgba(0,0,0,.1)}.muted,small{color:var(--muted)!important}header{background:rgba(9,13,19,.87)!important;border-color:var(--line)!important;backdrop-filter:blur(18px)}.red,.number{color:var(--accent)!important}#messages,#history{background:#0d141d!important}.bubble{background:#263244!important;border-radius:15px!important}.bubble.mine{background:#344b32!important}.sidebutton,.choice{background:#182330!important;border:1px solid #354354!important;color:#f3f5f8!important;border-radius:11px!important}.sidebutton.active{background:#31402c!important;border-color:#718c4c!important}.myvik-flag{position:static!important;right:auto!important;bottom:auto!important;box-shadow:none!important;border:1px solid #344254!important;background:#18222c!important;width:34px!important;height:28px!important;border-radius:8px!important;display:inline-flex!important;vertical-align:middle!important;margin:0 0 0 12px!important;font-size:19px!important}.brand-stamp{position:fixed;bottom:18px;right:20px;z-index:10;display:flex;align-items:center;gap:8px;padding:7px 11px;background:#121b25dd;border:1px solid #344254;border-radius:12px;color:#b4c2cf;font-size:11px;backdrop-filter:blur(12px)}.brand-stamp .myvik-flag{margin:0!important;border:0!important;background:transparent!important;width:auto!important;height:auto!important}.brand-stamp strong{color:#e5edf4;font-weight:700}a,button{ -webkit-tap-highlight-color:transparent}@media(max-width:650px){body{font-size:14px!important}.brand-stamp{right:10px;bottom:10px;padding:5px 8px}section#login,section#panel,.card{padding:19px!important}}

/* MYVIK V6.1 */
.muvik-version{display:inline-block;margin:16px 24px 28px;color:#8fa0b2;border:1px solid #344453;border-radius:99px;padding:5px 11px;font-size:11px;font-weight:800;letter-spacing:.09em}
.unread-count{display:inline-flex;align-items:center;justify-content:center;margin-left:auto;min-width:21px;height:21px;padding:0 6px;border-radius:11px;background:#d5f66d;color:#142010;font:800 11px Manrope,system-ui;white-space:nowrap}
.chat-clickable{cursor:pointer;position:relative;outline-offset:3px}.chat-clickable:focus-visible{outline:2px solid #d5f66d}.message-popup{display:flex;position:absolute;top:calc(100% + 5px);right:0;z-index:60;flex-direction:column;gap:3px;min-width:165px;padding:7px;border-radius:13px;border:1px solid #637487;background:#121e2b;box-shadow:0 16px 40px #000b}.chat-message:not(.mine) .message-popup{right:auto;left:0}.message-popup button{display:block!important;width:100%;text-align:left;padding:9px 11px!important;background:transparent!important;border:0!important;color:#edf4f6!important;font-size:12px!important;border-radius:7px!important;transform:none!important}.message-popup button:hover{background:#2e4356!important;color:#fff!important}.chat-help{font-size:12px;color:#95a6b6;margin:-6px 0 9px}.user-choice{gap:8px}.player-profile-dialog{border:1px solid #566b78;border-radius:18px;background:#111e2b;color:#eaf1f5;padding:23px;max-width:min(92vw,420px);box-shadow:0 20px 90px #000c}.player-profile-dialog::backdrop{background:#000a}.player-profile-dialog .big-avatar{width:70px;height:70px;font-size:28px}.player-profile-dialog .profile-id{overflow-wrap:anywhere;color:#aebbc9}.player-profile-dialog button{margin-top:12px}.chat-message .bubble-meta strong{cursor:pointer}.chat-message .bubble-meta strong:hover{text-decoration:underline}

/* Keep hidden controls really hidden; override older global button rules in popups. */
[hidden]{display:none!important}
.message-popup button:not(.option):not(.sidebutton):not(.choice){background:transparent!important;border:0!important;color:#edf4f6!important;text-align:left!important;font-size:12px!important;font-weight:600!important;padding:9px 11px!important;transform:none!important}
.message-popup button:not(.option):not(.sidebutton):not(.choice):hover{background:#2e4356!important;color:#fff!important}
.message-popup.popup-up{top:auto;bottom:calc(100% + 5px)}

/* MYVIK V6.2: site sections and navigation */
.muvik-pages-nav{position:relative;z-index:35;display:flex;gap:9px;flex-wrap:wrap;align-items:center;justify-content:center;padding:12px 18px;margin:0 auto 14px;max-width:1100px;background:#101a24;border:1px solid #293a49;border-radius:0 0 15px 15px}
.muvik-pages-nav a{display:inline-flex;align-items:center;justify-content:center;border:1px solid #344655;padding:9px 13px;border-radius:9px;color:#ccd8e2;text-decoration:none;font-size:12px;font-weight:800;letter-spacing:.025em}
.muvik-pages-nav a:hover,.muvik-pages-nav a[aria-current="page"]{border-color:var(--accent);background:#263629;color:var(--accent)}
.muvik-pages-nav a:focus-visible{outline:2px solid var(--accent)}
.muvik-info-shell{width:min(1120px,calc(100% - 36px));margin:40px auto 80px}
.muvik-info-hero{padding:44px clamp(22px,5vw,65px);border-radius:24px;border:1px solid #374b56;background:radial-gradient(circle at 92% 5%,#35462575,transparent 50%),linear-gradient(135deg,#172431,#0d151f)}
.muvik-info-overline{text-transform:uppercase;letter-spacing:.21em;font-size:11px;font-weight:800;color:var(--accent)}
.muvik-info-title{font-size:clamp(44px,8vw,94px);line-height:1.02;letter-spacing:-.07em;margin:18px 0}
.muvik-info-intro{max-width:720px;color:#adbdcc;font-size:16px;line-height:1.8}
.muvik-info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:22px}
.muvik-info-card{padding:30px;border-radius:20px;background:#131f2b;border:1px solid #324453}
.muvik-info-card h2{font-size:clamp(22px,3vw,34px);margin:7px 0 12px}
.muvik-info-card p,.muvik-info-card li{color:#a8b9c8;line-height:1.75}
.muvik-info-card ul{padding-left:20px}
.muvik-info-action{display:inline-flex;margin-top:18px;padding:15px 22px;border-radius:11px;color:#111b0a!important;background:var(--accent);font-weight:800;text-decoration:none;min-height:48px;align-items:center}
.muvik-info-action:hover{background:#e7ff9e;color:#111b0a!important}
.muvik-patch{display:grid;grid-template-columns:170px 1fr;gap:28px;margin-top:17px;padding:26px 30px;border-radius:18px;border:1px solid #324451;background:#131e29}
.muvik-patch strong{display:block;font:700 32px 'Space Grotesk',sans-serif;color:var(--accent);letter-spacing:-.06em}
.muvik-patch time,.muvik-patch .patch-date{display:block;margin-top:6px;color:#92a4b4;font-size:12px}
.muvik-patch h2{margin:0 0 12px;font-size:21px}
.muvik-patch ul{margin:0;padding-left:20px;color:#bfccd6;line-height:1.85}
.muvik-patch.current{border-color:#7ca14a;background:linear-gradient(120deg,#223024,#131e29)}
.muvik-info-note{color:#96a9b7;font-size:12px;margin-top:18px}
@media(max-width:720px){.muvik-info-grid{grid-template-columns:1fr}.muvik-patch{grid-template-columns:1fr;gap:10px;padding:22px}.muvik-pages-nav{margin:0 8px 12px;padding:9px;gap:6px}.muvik-pages-nav a{font-size:11px;padding:8px 10px}}

/* MYVIK V6.21: round fully covering avatars */
.chat-avatar,.mini-avatar{position:relative;isolation:isolate;overflow:hidden;border-radius:50%;flex-shrink:0;aspect-ratio:1/1}.chat-avatar img,.mini-avatar img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;display:block!important;object-fit:cover!important;object-position:center!important;border-radius:50%!important;z-index:1}