:root{--ink:#f4ecdc;--muted:#b9ad96;--gold:#f0c674}*{box-sizing:border-box}html,body{height:100%;color:var(--ink);background:#0b0a09;margin:0;font-family:Barlow Condensed,Inter,system-ui,sans-serif;overflow:hidden}.game-canvas{width:100%;height:100%;display:block;position:fixed;inset:0}.menu{z-index:10;background:var(--noise), radial-gradient(ellipse 60% 45% at 50% 22%, #f0b45a38, transparent 70%), radial-gradient(ellipse at 50% 30%, #2e2214 0%, #120d09 55%, #050403 100%);background-blend-mode:overlay, screen, normal;place-items:center;padding:16px;transition:opacity .8s;display:grid;position:fixed;inset:0;overflow:auto}.menu.gone{opacity:0;pointer-events:none}.menu-inner{text-align:center;width:min(760px,100%)}.logo{letter-spacing:.14em;background:linear-gradient(#fff6dc 0%,#f3d695 30%,#b98a42 55%,#f0c674 75%,#7a5520 100%);color:#0000;filter:drop-shadow(0 2px #2a1b08)drop-shadow(0 0 28px #f0c67459);-webkit-background-clip:text;background-clip:text;margin:0;font-family:Cinzel,serif;font-size:clamp(48px,10vw,100px);font-weight:800;line-height:1}.flourish svg{margin:10px auto 6px;display:block}.tagline{color:#cdbd9c;letter-spacing:.06em;margin:0 0 26px;font:italic 500 19px Barlow Condensed,sans-serif}.field{text-align:left;margin:14px 0 8px;display:block}.field span{text-transform:uppercase;letter-spacing:.3em;color:var(--gold);margin-bottom:6px;font:600 13px Barlow Condensed,sans-serif;display:block}.field input{letter-spacing:.04em;color:#fff3d6;background:linear-gradient(#1d1610,#0c0907);border:1px solid #c9984c8c;border-radius:0;outline:none;width:100%;padding:11px 16px;font:600 19px Barlow Condensed,sans-serif;box-shadow:inset 0 3px 8px #000000b3}.field input:focus{border-color:#f0c674;box-shadow:inset 0 0 14px #f0c67433,inset 0 3px 8px #000000b3}.gods{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:14px;display:grid}.god-card{cursor:pointer;font:inherit;color:var(--ink);text-align:left;background:var(--bronze);clip-path:var(--ch-lg);filter:brightness(.75)saturate(.7);border:0;padding:2px;transition:filter .2s,transform .15s}.god-card:hover{filter:brightness(.95);transform:translateY(-2px)}.god-card.selected{filter:brightness(1.1) drop-shadow(0 0 18px var(--god))}.gc-in{height:100%;clip-path:var(--ch-lg);background:var(--noise), radial-gradient(120% 100% at 0% 0%, color-mix(in srgb, var(--god) 22%, #1d1610), #0c0907 70%);background-blend-mode:overlay, normal;gap:14px;padding:14px 16px;display:flex}.gc-crest{background:var(--bronze);clip-path:polygon(0 0,100% 0,100% 64%,50% 100%,0 64%);flex:none;width:64px;height:76px;padding:2px}.gc-crest-in{clip-path:polygon(0 0,100% 0,100% 64%,50% 100%,0 64%);width:100%;height:100%;position:relative}.gc-crest .gw{inset:14% 16% 26%}.god-name{color:var(--god);text-shadow:0 0 14px color-mix(in srgb, var(--god) 50%, transparent), 0 1px 2px #000;font:800 24px Cinzel,serif}.god-title{text-transform:uppercase;letter-spacing:.22em;color:#b9ab8f;margin:0 0 6px;font:600 13px Barlow Condensed,sans-serif}.god-card p{color:#e3d6bb;margin:0;font:500 16px/1.3 Barlow Condensed,sans-serif}.gc-abilities{gap:5px;margin-top:10px;display:flex}.gc-abilities .mini{background:var(--bronze);width:34px;height:34px;clip-path:var(--ch-xs);padding:1.5px;position:relative}.gc-abilities .mini .art{clip-path:var(--ch-xs);inset:1.5px}.play{cursor:pointer;background:var(--bronze);clip-path:polygon(16px 0,calc(100% - 16px) 0,100% 50%,calc(100% - 16px) 100%,16px 100%,0 50%);letter-spacing:.2em;border:0;margin-top:26px;padding:2px;font:800 22px Cinzel,serif;transition:filter .15s}.play:before{content:none}.play{color:#1b1209;text-shadow:0 1px #fff0c899;filter:drop-shadow(0 8px 20px #f0b45a59);padding:14px 64px}.play:hover{filter:brightness(1.15)drop-shadow(0 8px 24px #f0b45a8c)}.play:disabled{filter:grayscale(.4)brightness(.8);cursor:progress}.status{color:#cdbd9c;letter-spacing:.05em;min-height:1.4em;margin-top:14px;font:500 17px Barlow Condensed,sans-serif}.rooms{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;display:grid}.room-opt{cursor:pointer;font:inherit;color:var(--ink);text-align:left;background:var(--bronze);clip-path:var(--ch-md);filter:brightness(.72)saturate(.7);border:0;padding:2px;transition:filter .2s,transform .15s}.room-opt:hover{filter:brightness(.95);transform:translateY(-1px)}.room-opt.selected{filter:brightness(1.12)drop-shadow(0 0 14px #f0c67466)}.room-in{clip-path:var(--ch-md);background:var(--noise), linear-gradient(180deg, #1d1610, #0b0907);background-blend-mode:overlay, normal;padding:12px 16px;display:block}.room-name{color:var(--gold);letter-spacing:.04em;font:700 20px Cinzel,serif;display:block}.room-sub{color:#b9ab8f;margin-top:4px;font:500 15px/1.25 Barlow Condensed,sans-serif;display:block}.room-join{gap:10px;margin-top:12px;display:flex}.room-join input{letter-spacing:.2em;text-transform:uppercase;color:#fff3d6;background:linear-gradient(#1d1610,#0c0907);border:1px solid #c9984c8c;border-radius:0;outline:none;flex:1;min-width:0;padding:10px 14px;font:600 18px Barlow Condensed,sans-serif;box-shadow:inset 0 3px 8px #000000b3}.room-join input:focus{border-color:#f0c674;box-shadow:inset 0 0 14px #f0c67433,inset 0 3px 8px #000000b3}.room-join input::placeholder{color:#7d7160;letter-spacing:.1em}.room-go{cursor:pointer;background:var(--bronze);color:#1b1209;clip-path:var(--ch-sm);letter-spacing:.1em;text-transform:uppercase;filter:drop-shadow(0 4px 12px #f0b45a40);border:0;padding:10px 22px;font:700 17px Cinzel,serif}.room-go:hover{filter:brightness(1.15)drop-shadow(0 4px 16px #f0b45a73)}.room-go.small{letter-spacing:.06em;padding:5px 12px;font-size:13px}.room-info{color:#cdbd9c;letter-spacing:.05em;min-height:1.3em;margin:12px 0 0;font:500 16px/1.4 Barlow Condensed,sans-serif}.room-info b{color:var(--gold);letter-spacing:.28em;font:700 22px Cinzel,serif}.room-info .room-go{margin-left:10px}.room-info .room-info-link{color:#e8d9b4;letter-spacing:.06em;word-break:break-all;font-weight:700}.account{background:var(--bronze);clip-path:var(--ch-lg);text-align:left;margin:0 0 18px;padding:2px}.acc-in{background:var(--noise), radial-gradient(120% 120% at 0% 0%, #2a1f15, #0c0907 70%);background-blend-mode:overlay, normal;clip-path:var(--ch-lg);padding:14px 18px 12px}.account.busy{filter:saturate(.6);pointer-events:none}.acc-title{letter-spacing:.08em;color:#fff1d0;font:800 18px Cinzel,serif}.acc-sub{color:#cdbd9c;margin:2px 0 10px;font:500 16px Barlow Condensed,sans-serif}.acc-providers{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.acc-btn{cursor:pointer;letter-spacing:.08em;text-transform:uppercase;color:var(--parch);clip-path:var(--ch-sm);background:linear-gradient(#2a2016,#0d0a07);border:0;justify-content:center;align-items:center;gap:10px;padding:10px 12px;font:700 17px Barlow Condensed,sans-serif;transition:filter .15s;display:flex;box-shadow:inset 0 0 0 1px #c9984c99}.acc-btn svg{flex:none;width:22px;height:22px}.acc-btn:hover{filter:brightness(1.3)}.acc-email{gap:8px;margin-top:10px;display:grid}.acc-email input{color:#fff3d6;background:linear-gradient(#1d1610,#0c0907);border:1px solid #c9984c8c;border-radius:0;outline:none;width:100%;padding:9px 14px;font:600 17px Barlow Condensed,sans-serif}.acc-email input:focus{border-color:#f0c674}.acc-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.acc-go{cursor:pointer;letter-spacing:.12em;color:#1b1209;background:var(--bronze);clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 50%,calc(100% - 10px) 100%,10px 100%,0 50%);border:0;padding:8px 22px;font:800 14px Cinzel,serif}.acc-go.ghost{color:var(--parch);background:linear-gradient(#2a2016,#0d0a07);box-shadow:inset 0 0 0 1px #c9984c99}.acc-link{cursor:pointer;color:#c9a970;text-underline-offset:3px;background:0 0;border:0;padding:4px 0;font:500 15px Barlow Condensed,sans-serif;text-decoration:underline}.acc-link:hover{color:#fff1c4}#accGuest{margin:10px auto 0;display:block}.acc-in-row{color:var(--parch);flex-wrap:wrap;align-items:center;gap:14px;font:500 17px Barlow Condensed,sans-serif;display:flex}.acc-who b{color:#fff1d0}.acc-via{color:#a0957f}.acc-save{color:#9fd39f;margin-left:auto;font-size:14px}.acc-save.bad,.acc-msg.bad{color:#ff8f7a}.acc-msg{color:#cdbd9c;min-height:0;margin:6px 0 0;font:500 15px Barlow Condensed,sans-serif}.acc-msg:empty,.account.collapsed #accOut>:not(.acc-title){display:none}.account.collapsed .acc-title{cursor:pointer;font-size:15px}.account.collapsed .acc-title:after{content:"  ·  sign in to save across computers";letter-spacing:0;color:#c9a970;font:500 15px Barlow Condensed,sans-serif}@media (max-width:560px){.acc-providers{grid-template-columns:1fr}}.account [hidden]{display:none!important}.steps-bar{counter-reset:step;justify-content:center;gap:4px;margin:0 0 16px;padding:0;list-style:none;display:flex}.steps-bar li{counter-increment:step;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;color:#8f846e;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 50%,calc(100% - 12px) 100%,0 100%,12px 50%);background:linear-gradient(#1d1610,#0c0907);padding:6px 18px 6px 22px;font:700 15px Barlow Condensed,sans-serif;box-shadow:inset 0 0 0 1px #c9984c4d}.steps-bar li:before{content:counter(step) ". "}.steps-bar li.done{color:#c9a970}.steps-bar li.on{color:#1b1209;background:var(--bronze)}.whoami{color:#cdbd9c;margin:-6px 0 14px;font:500 16px Barlow Condensed,sans-serif}.whoami b{color:#fff1d0}.whoami .acc-link{margin-left:8px}.step-nav{justify-content:space-between;margin-top:18px;display:flex}.hero-plate{color:var(--parch);background:linear-gradient(90deg,#f0c6741f,#0000);border-left:2px solid #f0c674;align-items:center;gap:16px;margin-bottom:4px;padding:10px 16px;font:500 18px Barlow Condensed,sans-serif;display:flex}.hero-plate b{color:#fff1d0;font:800 20px Cinzel,serif}.hero-plate span{margin-right:auto}.acc-gsi{justify-content:center;align-items:center;min-height:44px;display:flex;overflow:hidden}.acc-gsi>div{width:100%}.birthday{letter-spacing:.16em;text-transform:uppercase;color:#c9a970;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 12px;font:600 14px Barlow Condensed,sans-serif;display:flex}.birthday span{margin-right:4px}.birthday select,.birthday input{color:#fff3d6;background:linear-gradient(#1d1610,#0c0907);border:1px solid #c9984c8c;border-radius:0;outline:none;padding:7px 10px;font:600 17px Barlow Condensed,sans-serif}.birthday input{width:76px}.birthday select:focus,.birthday input:focus{border-color:var(--gold)}.signs{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}@media (max-width:680px){.signs{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:460px){.signs{grid-template-columns:repeat(2,minmax(0,1fr))}}.sign-card{cursor:pointer;font:inherit;color:var(--ink);background:var(--bronze);clip-path:var(--ch-md);filter:brightness(.72)saturate(.75);border:0;padding:1.5px;transition:filter .2s,transform .15s}.sign-card:hover{filter:brightness(.95);transform:translateY(-2px)}.sign-card.selected{filter:brightness(1.12) drop-shadow(0 0 14px var(--el))}.sc-in{height:100%;clip-path:var(--ch-md);background:radial-gradient(1px 1px at 18% 30%, #fff8 50%, transparent), radial-gradient(1px 1px at 72% 18%, #fff6 50%, transparent), radial-gradient(1px 1px at 40% 72%, #fff5 50%, transparent), radial-gradient(1px 1px at 86% 64%, #fff7 50%, transparent), radial-gradient(120% 90% at 50% 30%, color-mix(in srgb, var(--el) 14%, #0b1124), #05070f 80%);flex-direction:column;align-items:center;gap:2px;padding:8px 4px 9px;display:flex}.sc-art{width:100%;height:76px}.sign-card.selected .sc-art{filter:drop-shadow(0 0 4px var(--el))}.sc-name{color:#fff1d0;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font:700 15px Cinzel,serif;overflow:hidden}.sc-glyph{color:var(--el);margin-right:4px}.sc-dates{letter-spacing:.1em;text-transform:uppercase;color:#9fa8c0;white-space:nowrap;font:600 11px Barlow Condensed,sans-serif}.sign-detail{text-align:left;background:linear-gradient(90deg, color-mix(in srgb, var(--el,#f0c674) 16%, transparent), transparent 70%);border-left:2px solid var(--el,#f0c674);align-items:center;gap:16px;min-height:92px;margin-top:12px;padding:12px 16px;display:flex}.sd-hint{color:#b9ad96;margin:0;font:italic 500 17px Barlow Condensed,sans-serif}.sd-glyph{color:var(--el);text-shadow:0 0 18px var(--el);flex:none;font:400 54px/1 serif}.sd-name{color:#fff1d0;font:800 22px Cinzel,serif}.sd-name span{letter-spacing:.14em;text-transform:uppercase;color:#c9b998;margin-left:8px;font:600 13px Barlow Condensed,sans-serif}.sd-row{color:#e3d6bb;margin-top:4px;font:500 17px/1.3 Barlow Condensed,sans-serif}.sd-row b{letter-spacing:.2em;text-transform:uppercase;min-width:72px;color:var(--el);font:700 13px Barlow Condensed,sans-serif;display:inline-block}.hero-list{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px;margin-bottom:8px;display:grid}.hero-card{cursor:pointer;text-align:left;font:inherit;color:var(--parch);background:var(--noise), radial-gradient(120% 120% at 0% 0%, color-mix(in srgb, var(--god,#f0c674) 18%, #1d1610), #0c0907 70%);background-blend-mode:overlay, normal;clip-path:var(--ch-md);filter:brightness(.8);border:0;align-items:center;gap:14px;padding:12px 14px;transition:filter .15s;display:flex;position:relative;box-shadow:inset 0 0 0 1px #c9984c66}.hero-card:hover{filter:brightness()}.hero-card.selected{filter:brightness(1.1);box-shadow:inset 0 0 0 2px var(--god,#f0c674), inset 0 0 22px color-mix(in srgb, var(--god,#f0c674) 30%, transparent)}.hero-card .gc-crest{width:48px;height:58px}.hero-name{color:#fff1d0;font:800 21px Cinzel,serif}.hero-meta{letter-spacing:.14em;text-transform:uppercase;color:var(--god,#c9a970);font:600 14px Barlow Condensed,sans-serif}.hero-text{flex:1;min-width:0}.hero-del{cursor:pointer;color:#8f846e;opacity:0;background:0 0;border:0;padding:2px 6px;font:600 12px Barlow Condensed,sans-serif;transition:opacity .15s;position:absolute;top:6px;right:8px}.hero-card:hover .hero-del{opacity:1}.hero-del:hover{color:#ff8f7a}.hero-card.new{letter-spacing:.1em;text-transform:uppercase;color:#c9a970;background:linear-gradient(#241c1499,#0c090799);justify-content:center;gap:10px;min-height:82px;font:700 17px Barlow Condensed,sans-serif;box-shadow:inset 0 0 0 1px #c9984c59}.hero-card.new .plus{color:#f0c674;font:800 30px Cinzel,serif}.god-warning{color:#e8b27a;margin:-2px 0 12px;font:500 16px Barlow Condensed,sans-serif}.steps-bar li[hidden]{display:none}:root{--bronze:linear-gradient(180deg, #f3d695 0%, #b98a42 30%, #6b4a1e 52%, #c29550 78%, #4a3012 100%);--bronze-h:linear-gradient(90deg, #4a3012 0%, #c29550 18%, #f3d695 50%, #c29550 82%, #4a3012 100%);--iron:linear-gradient(180deg, #2b2621 0%, #151210 55%, #0b0907 100%);--noise:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .5 0 0 0 0 .5 0 0 0 0 .5 0 0 0 .6 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");--brush:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='b'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.012 .09' numOctaves='4' seed='7'/%3E%3CfeColorMatrix values='0 0 0 0 .5 0 0 0 0 .5 0 0 0 0 .5 0 0 0 .9 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23b)'/%3E%3C/svg%3E");--ch-lg:polygon(10px 0, calc(100% - 10px) 0, 100% 10px, 100% calc(100% - 10px), calc(100% - 10px) 100%, 10px 100%, 0 calc(100% - 10px), 0 10px);--ch-md:polygon(8px 0, calc(100% - 8px) 0, 100% 8px, 100% calc(100% - 8px), calc(100% - 8px) 100%, 8px 100%, 0 calc(100% - 8px), 0 8px);--ch-sm:polygon(5px 0, calc(100% - 5px) 0, 100% 5px, 100% calc(100% - 5px), calc(100% - 5px) 100%, 5px 100%, 0 calc(100% - 5px), 0 5px);--ch-xs:polygon(3px 0, calc(100% - 3px) 0, 100% 3px, 100% calc(100% - 3px), calc(100% - 3px) 100%, 3px 100%, 0 calc(100% - 3px), 0 3px);--gold:#f0c674;--parch:#f1e2c0}.hud{pointer-events:none;z-index:5;-webkit-user-select:none;user-select:none;font-family:Barlow Condensed,Inter,sans-serif;font-size:14px;transition:opacity .6s;position:fixed;inset:0}.hud.stargazing{opacity:0}.hud.stargazing *{pointer-events:none!important}.starfield-canvas[hidden],.starfield-panel[hidden],.star-tip[hidden]{display:none}.starfield-canvas{z-index:6;cursor:grab;touch-action:none;width:100%;height:100%;position:fixed;inset:0}.starfield-panel{z-index:7;background:var(--bronze);width:290px;clip-path:var(--ch-lg);padding:2px;animation:.7s .5s both sf-in;display:flex;position:fixed;top:18px;bottom:18px;left:18px}@keyframes sf-in{0%{opacity:0;transform:translate(-16px)}}.sf-in{min-height:0;clip-path:var(--ch-lg);background:var(--noise), radial-gradient(130% 70% at 50% 0%, #1b2140, #070a16 75%);background-blend-mode:overlay, normal;color:#dfe4f4;flex-direction:column;flex:1;gap:10px;padding:16px 16px 14px;font-family:Barlow Condensed,sans-serif;display:flex}.sf-title{color:#f3e3b6;letter-spacing:.06em;text-shadow:0 0 18px #ffdc8c59;font:800 26px Cinzel,serif}.sf-points{letter-spacing:.14em;text-transform:uppercase;color:#9aa4c4;font:600 15px Barlow Condensed,sans-serif}.sf-points b{color:#c9d1ea;vertical-align:-3px;margin-right:6px;font:800 26px Cinzel,serif}.sf-points.has b{color:#ffd77a;text-shadow:0 0 12px #ffd77ab3}.sf-sign{background:linear-gradient(90deg, color-mix(in srgb, var(--el) 16%, transparent), transparent);border-left:2px solid var(--el);align-items:flex-start;gap:10px;padding:8px 10px;display:flex}.sf-sign>span{color:var(--el);text-shadow:0 0 12px var(--el);font:400 32px/1 serif}.sf-sn{color:#fff1d0;font:700 16px Cinzel,serif}.sf-sb{color:#d2d8ea;font:500 15px/1.25 Barlow Condensed,sans-serif}.sf-hint{color:#8f99b8;font:italic 500 14px/1.3 Barlow Condensed,sans-serif}.sf-list{scrollbar-width:thin;scrollbar-color:#6b5a3a transparent;flex-direction:column;flex:1;gap:3px;min-height:0;padding-right:4px;display:flex;overflow:auto}.sf-list::-webkit-scrollbar{width:6px}.sf-list::-webkit-scrollbar-thumb{background:linear-gradient(#c29550,#6b4a1e)}.sf-c{cursor:pointer;text-align:left;color:#c3cbe2;background:#ffffff08;border:0;align-items:center;gap:8px;padding:5px 8px;font:600 16px Barlow Condensed,sans-serif;transition:background .15s;display:flex;box-shadow:inset 2px 0 #0000}.sf-c:hover{background:#ffffff14}.sf-c.on{background:color-mix(in srgb, var(--el) 18%, transparent);box-shadow:inset 2px 0 0 var(--el);color:#fff}.sf-ci{text-align:center;width:20px;color:var(--el);font-size:18px}.sf-cn{flex:1}.sf-cc{color:#8f99b8;letter-spacing:.08em;font-size:13px}.sf-realign{cursor:pointer;letter-spacing:.18em;text-transform:uppercase;color:#1b1209;background:var(--bronze);clip-path:var(--ch-sm);border:0;padding:8px;font:700 14px Barlow Condensed,sans-serif}.sf-realign:hover{filter:brightness(1.15)}.sf-note{color:#7f89a8;text-align:center;font:500 13px Barlow Condensed,sans-serif}.star-tip{z-index:8;pointer-events:none;border:1px solid color-mix(in srgb, var(--el,#ffd77a) 60%, #3a3220);width:270px;box-shadow:0 6px 24px #0009, 0 0 18px color-mix(in srgb, var(--el,#ffd77a) 25%, transparent);color:#dfe4f4;background:linear-gradient(#0e1224f5,#060812f5);padding:10px 12px;font-family:Barlow Condensed,sans-serif;position:fixed}.st-name{color:#fff1d0;font:700 18px Cinzel,serif}.st-kind{letter-spacing:.14em;text-transform:uppercase;color:var(--el,#c9a970);margin-bottom:4px;font:600 12px Barlow Condensed,sans-serif}.st-desc{font:500 16px/1.25 Barlow Condensed,sans-serif}.st-ok,.st-go,.st-no{letter-spacing:.08em;margin-top:6px;font:600 14px Barlow Condensed,sans-serif}.st-ok{color:#ffd77a}.st-go{color:#9dffb4}.st-no{color:#ff9d8a}@media (max-width:760px){.starfield-panel{width:auto;height:42vh;inset:auto 10px 10px}}.game-canvas{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%23fff2c4'/%3E%3Cstop offset='.5' stop-color='%23d9a54c'/%3E%3Cstop offset='1' stop-color='%236b4a1e'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M3 2l8 23 3.2-8.6L23 13z' fill='url(%23g)' stroke='%23120c05' stroke-width='1.6' stroke-linejoin='round'/%3E%3Cpath d='M6 6l5 13' stroke='%23fff6d8' stroke-opacity='.6'/%3E%3C/svg%3E") 3 2,auto}.art{background:var(--noise), var(--brush), radial-gradient(90% 70% at 28% 18%, color-mix(in srgb, var(--a) 75%, transparent), transparent 55%), conic-gradient(from 210deg at 62% 70%, color-mix(in srgb, var(--c) 55%, #000), var(--c) 25%, color-mix(in srgb, var(--c) 70%, var(--a)) 45%, color-mix(in srgb, var(--c) 45%, #000) 75%, color-mix(in srgb, var(--c) 55%, #000)), var(--c);background-blend-mode:overlay, soft-light, screen, normal, normal;position:absolute;inset:0;overflow:hidden}.art:after{content:"";pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 16px #000000d9,inset 0 0 3px #000}.gw{filter:drop-shadow(0 0 5px color-mix(in srgb, var(--a,#ffd27a) 70%, transparent)) drop-shadow(0 2px 1px #000000f2);position:absolute;inset:13%}.glyph{background:linear-gradient(165deg, #fff 8%, var(--a,#ffe7b0) 45%, color-mix(in srgb, var(--a,#ffe7b0) 45%, var(--c,#8a5a14)) 100%);width:100%;height:100%;-webkit-mask:var(--icon) center / contain no-repeat;-webkit-mask:var(--icon) center / contain no-repeat;mask:var(--icon) center / contain no-repeat}.skills{align-items:flex-start;gap:5px;display:flex}.slot{pointer-events:auto;flex-direction:column;align-items:center;gap:2px;display:flex;position:relative}.slot .frame{background:var(--bronze);width:56px;height:56px;clip-path:var(--ch-md);padding:2px;transition:filter .15s;position:relative}.slot .well{width:100%;height:100%;clip-path:var(--ch-md);background:#050403;padding:2px;position:relative}.slot .well>.art{clip-path:var(--ch-sm);inset:2px}.slot:hover .frame{filter:brightness(1.25)saturate(1.1)}.slot.basic .frame{width:50px;height:50px;margin-top:6px}.slot .key{letter-spacing:.05em;text-align:center;color:#ead6a6;min-width:22px;clip-path:var(--ch-xs);text-shadow:0 1px 1px #000;background:linear-gradient(#2a2016,#0d0a07);padding:0 5px;font:700 12px/15px Barlow Condensed,sans-serif;box-shadow:inset 0 0 0 1px #c9984c8c}.slot .cd{--p:0;clip-path:var(--ch-sm);background:conic-gradient(#050302cc calc(var(--p) * 360deg), transparent 0);position:absolute;inset:4px}.slot.cooling .cd:after{content:"";transform-origin:50% 0;width:1px;height:80%;transform:rotate(calc(var(--p) * 360deg + 180deg));background:linear-gradient(#0000,#ffe6aae6);position:absolute;top:50%;left:50%}.slot .cd-text{color:#fff;text-shadow:0 0 4px #000,0 2px 2px #000;place-items:center;font:700 21px Barlow Condensed,sans-serif;display:grid;position:absolute;inset:0}.slot .count{color:#fff;text-shadow:0 0 3px #000,0 1px 1px #000;font:700 14px Barlow Condensed,sans-serif;position:absolute;bottom:2px;right:5px}.slot .count:empty{display:none}.slot.starved .art{filter:grayscale(.85)brightness(.55)}.slot.starved .well:after{content:"";clip-path:var(--ch-sm);background:#1e3c9659;position:absolute;inset:4px}.slot.pressed .frame{animation:.2s ease-out press}@keyframes press{40%{filter:brightness(1.8);transform:scale(.9)}}.slot.ready-flash .well:before{content:"";z-index:3;clip-path:var(--ch-md);box-shadow:inset 0 0 0 3px var(--god), inset 0 0 22px var(--god);animation:.7s ease-out forwards ready;position:absolute;inset:0}@keyframes ready{0%{opacity:1}to{opacity:0}}.dock{grid-template-columns:auto auto auto;align-items:end;display:grid;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.wing{background:var(--bronze);filter:drop-shadow(0 8px 18px #000000bf);padding:2px;position:relative}.wing.left{clip-path:polygon(26px 0,100% 0,100% 100%,0 100%,0 26px);margin-right:-34px}.wing.right{clip-path:polygon(0 0,calc(100% - 26px) 0,100% 26px,100% 100%,0 100%);align-self:end;margin-left:-34px}.wing-in{background:var(--noise), radial-gradient(120% 140% at 50% 0%, #2f261c, #120e0a 70%);background-blend-mode:overlay, normal;flex-direction:column;gap:7px;padding:9px 46px 8px 22px;display:flex;position:relative}.wing.left .wing-in{clip-path:polygon(25px 0,100% 0,100% 100%,0 100%,0 25px)}.wing.right .wing-in{clip-path:polygon(0 0,calc(100% - 25px) 0,100% 25px,100% 100%,0 100%);padding:9px 22px 8px 46px}.wing-in:before{content:"";pointer-events:none;border-top:1px solid #f0c6742e;border-bottom:1px solid #0009;position:absolute;inset:4px}.wing-label{text-align:center;letter-spacing:.22em;text-transform:uppercase;color:var(--god);text-shadow:0 0 10px color-mix(in srgb, var(--god) 60%, transparent), 0 1px 2px #000;font-family:Cinzel,serif;font-size:12px;font-weight:800}.bars{flex-direction:column;gap:4px;display:flex}.bar{background:var(--bronze-h);clip-path:polygon(9px 0,calc(100% - 9px) 0,100% 50%,calc(100% - 9px) 100%,9px 100%,0 50%);height:22px;padding:2px;position:relative}.bar.sp{height:17px}.bar .track{clip-path:polygon(8px 0,calc(100% - 8px) 0,100% 50%,calc(100% - 8px) 100%,8px 100%,0 50%);background:#070505;height:100%;position:relative;overflow:hidden;box-shadow:inset 0 2px 6px #000}.bar .fill,.bar .lag{position:absolute;top:0;bottom:0;left:0}.bar .lag{background:#f6e7c6;transition:width .7s .35s}.bar .fill{background-blend-mode:overlay, normal, normal;transition:width .15s ease-out}.bar.hp .fill{background:var(--noise), repeating-linear-gradient(90deg, transparent 0 calc(10% - 1px), #00000073 calc(10% - 1px) 10%), linear-gradient(180deg, #ff7b62 0%, #d23422 38%, #7c150b 100%)}.bar.sp .fill{background:var(--noise), repeating-linear-gradient(90deg, transparent 0 calc(10% - 1px), #00000073 calc(10% - 1px) 10%), linear-gradient(180deg, color-mix(in srgb, var(--god) 45%, #fff) 0%, var(--god) 40%, color-mix(in srgb, var(--god) 35%, #000) 100%)}.bar .track.shielded{box-shadow:inset 0 2px 6px #000,inset 0 0 0 2px #aadcffd9,inset 0 0 10px #96d2ff99}.bar .sheen{background:linear-gradient(#ffffff47,#0000 45%,#00000059);position:absolute;inset:0}.bar span{letter-spacing:.06em;color:#fff;text-shadow:0 0 3px #000,0 1px 2px #000;place-items:center;font:700 14px/1 Barlow Condensed,sans-serif;display:grid;position:absolute;inset:0}.bar.sp span{font-size:12px}.medallion{z-index:2;pointer-events:auto;filter:drop-shadow(0 10px 18px #000000d9);width:150px;height:150px;margin-bottom:8px;position:relative}.med-ring svg{width:100%;height:100%;display:block}.med-sigil{--a:#fff4d8;--c:var(--god);position:absolute;inset:34%}.med-sigil .gw{filter:drop-shadow(0 0 8px var(--god)) drop-shadow(0 0 2px #000);animation:3.5s ease-in-out infinite pulse;inset:0}@keyframes pulse{50%{filter:drop-shadow(0 0 16px var(--god)) drop-shadow(0 0 2px #000)}}.med-level{color:#1b1209;background:var(--bronze);clip-path:polygon(0 0,100% 0,100% 62%,50% 100%,0 62%);text-shadow:0 1px #fff0c899;place-items:center;width:38px;height:30px;padding-bottom:6px;font:800 16px Cinzel,serif;display:grid;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)}.xp{grid-column:1/-1;margin:6px 30px 0;position:relative}.xp-track{background:var(--bronze-h);clip-path:polygon(5px 0,calc(100% - 5px) 0,100% 50%,calc(100% - 5px) 100%,5px 100%,0 50%);pointer-events:auto;height:9px;padding:1px;position:relative}.xp-track:before{content:"";clip-path:inherit;background:#070505;position:absolute;inset:1px}.xp-fill{background:var(--noise), linear-gradient(180deg, #fff1c4, #e2a84b 50%, #7a4f13);background-blend-mode:overlay, normal;clip-path:polygon(4px 0,100% 0,100% 100%,4px 100%,0 50%);width:0;height:100%;transition:width .6s ease-out;position:relative;box-shadow:0 0 10px #f0c674cc}.xp-ticks{background:repeating-linear-gradient(90deg,#0000 0 calc(10% - 1px),#000000b3 calc(10% - 1px) 10%);position:absolute;inset:1px}.xp-text{letter-spacing:.12em;text-transform:uppercase;color:#f1e2c0b3;text-shadow:0 1px 2px #000;opacity:0;white-space:nowrap;font:600 11px Barlow Condensed,sans-serif;transition:opacity .2s;position:absolute;top:-15px;left:50%;transform:translate(-50%)}.xp:hover .xp-text{opacity:1}.party{flex-direction:column;gap:12px;display:flex;position:absolute;top:16px;left:16px}.member{filter:drop-shadow(0 4px 8px #000000b3);align-items:center;gap:10px;display:flex}.crest{background:var(--bronze);clip-path:polygon(0 0,100% 0,100% 64%,50% 100%,0 64%);width:50px;height:58px;padding:2px;position:relative}.member:not(.you) .crest{width:40px;height:47px}.crest-in{clip-path:polygon(0 0,100% 0,100% 64%,50% 100%,0 64%);width:100%;height:100%;position:relative}.crest .gw{inset:14% 16% 26%}.crest .lvl{background:var(--bronze);border:1px solid #120c05;place-items:center;width:18px;height:18px;display:grid;position:absolute;bottom:-1px;left:50%;transform:translate(-50%)rotate(45deg)}.crest .lvl span{color:#1b1209;font:800 11px Cinzel,serif;transform:rotate(-45deg)}.member .info{flex-direction:column;gap:4px;display:flex}.member .name{letter-spacing:.05em;color:var(--parch);text-shadow:0 1px 3px #000;font:700 16px Barlow Condensed,sans-serif}.member.you .name{color:#fff3d6}.pbar{background:var(--bronze-h);clip-path:polygon(5px 0,100% 0,calc(100% - 5px) 100%,0 100%);width:150px;height:11px;padding:1.5px}.member:not(.you) .pbar{width:118px;height:9px}.pbar .track{height:100%;clip-path:inherit;background:#070505;overflow:hidden}.pbar .track>div{background:var(--noise), linear-gradient(180deg, #ff7b62, #b8261a 50%, #6a1009);background-blend-mode:overlay, normal;height:100%;transition:width .3s}.minimap-wrap{flex-direction:column;align-items:center;width:200px;display:flex;position:absolute;top:12px;right:14px}.minimap{filter:drop-shadow(0 8px 16px #000c);width:200px;height:200px;position:relative}.minimap canvas{border-radius:50%;width:calc(100% - 22px);height:calc(100% - 22px);position:absolute;inset:11px}.minimap-shade{background:var(--noise);background-blend-mode:overlay;opacity:.9;border-radius:50%;position:absolute;inset:11px;box-shadow:inset 0 0 26px 6px #000000d9}.minimap-compass,.minimap-bezel{position:absolute;inset:0}.minimap-compass svg,.minimap-bezel svg{width:100%;height:100%;display:block}.minimap-player{filter:drop-shadow(0 0 3px #000);width:64px;height:64px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.minimap-player svg{width:100%;height:100%;display:block}.zone-plate{background:var(--bronze);clip-path:polygon(0 0,100% 0,calc(100% - 12px) 50%,100% 100%,0 100%,12px 50%);margin-top:-14px;padding:2px;position:relative}.zone-plate span{white-space:nowrap;letter-spacing:.06em;color:#f6e7c4;background:var(--noise), linear-gradient(180deg, #2c2218, #0f0b07);background-blend-mode:overlay, normal;clip-path:polygon(0 0,100% 0,calc(100% - 11px) 50%,100% 100%,0 100%,11px 50%);padding:4px 26px;font:600 13px Cinzel,serif;display:block}.quest{text-align:right;text-shadow:0 1px 3px #000;background:linear-gradient(270deg,#080604b8 30%,#0000);width:270px;padding:10px 16px 12px 40px;position:absolute;top:258px;right:14px;-webkit-mask:linear-gradient(#0000,#000 18px calc(100% - 18px),#0000);mask:linear-gradient(#0000,#000 18px calc(100% - 18px),#0000)}.quest svg{margin:2px 0 6px auto;display:block}.q-chapter{letter-spacing:.3em;text-transform:uppercase;color:var(--gold);font:600 11px Barlow Condensed,sans-serif}.q-title{color:#fff4d8;font:800 19px Cinzel,serif}.q-step{letter-spacing:.02em;color:var(--parch);justify-content:flex-end;align-items:center;gap:8px;padding:1px 0;font:500 16px Barlow Condensed,sans-serif;transition:color .4s,opacity .4s;display:flex}.q-step .box{border:1.5px solid var(--gold);flex:none;order:2;width:8px;height:8px;transform:rotate(45deg)}.q-step.done{color:#988d76;-webkit-text-decoration:line-through #f0c6748c;text-decoration:line-through #f0c6748c}.q-step.done .box{background:var(--gold);box-shadow:0 0 8px var(--gold)}.quest.collapsed .q-step{display:none}.menu-bar{gap:6px;display:flex;position:absolute;bottom:14px;right:14px}.menu-btn{cursor:pointer;pointer-events:auto;background:var(--bronze);width:40px;height:40px;clip-path:var(--ch-sm);border:0;padding:2px;transition:filter .15s}.menu-btn .well{background:var(--noise), radial-gradient(circle at 50% 30%, #3a2e22, #0f0b08);background-blend-mode:overlay, normal;width:100%;height:100%;clip-path:var(--ch-sm);position:relative}.menu-btn .gw{inset:20%}.menu-btn:hover{filter:brightness(1.3)}.menu-btn{position:relative}.menu-badge{color:#1b1209;background:#ffd77a;border-radius:8px;min-width:15px;height:15px;padding:0 3px;font:700 11px/15px Barlow Condensed,sans-serif;animation:1.6s ease-in-out infinite badge-glow;position:absolute;top:4px;right:4px;box-shadow:0 0 8px #ffd77a}@keyframes badge-glow{50%{filter:brightness(.85);box-shadow:0 0 2px #ffd77a}}.tooltip{z-index:20;background:var(--noise), linear-gradient(180deg, #221b14fa, #0c0907fa);background-blend-mode:overlay, normal;opacity:0;pointer-events:none;border:1px solid #c9984ccc;width:250px;padding:10px 12px 12px;font-family:Barlow Condensed,sans-serif;transition:opacity .12s;position:fixed;transform:translate(-50%,-100%);box-shadow:inset 0 0 0 3px #0009,inset 0 0 0 4px #c9984c40,0 14px 30px #000000bf}.tooltip.show{opacity:1}.tt-head{align-items:center;gap:10px;display:flex}.tt-head .art{width:40px;height:40px;clip-path:var(--ch-sm);flex:none;position:relative}.tt-name{color:#fff1d0;font:800 16px Cinzel,serif}.tt-meta{color:#b9ab8f;gap:10px;font-size:14px;display:flex}.tt-meta .sp{color:var(--god)}.tooltip svg{margin:6px auto;display:block}.tt-desc{color:#e6dac2;font-size:15px;line-height:1.3}.chat-log{flex-direction:column;gap:2px;width:min(400px,100vw - 32px);display:flex;position:absolute;bottom:70px;left:16px}.chat-line{text-shadow:0 1px 2px #000;color:var(--parch);overflow-wrap:anywhere;background:linear-gradient(90deg,#0009,#0000);padding:2px 10px;font:500 16px Barlow Condensed,sans-serif;transition:opacity 1.5s}.chat-line.fade{opacity:0}.chat-line .who{font-weight:700}.chat-input{width:min(400px,100vw - 32px);color:var(--parch);clip-path:var(--ch-sm);background:#0a0806e6;border:1px solid #c9984ccc;outline:none;padding:8px 14px;font:500 16px Barlow Condensed,sans-serif;display:none;position:absolute;bottom:30px;left:16px;pointer-events:auto!important}.chat-input.open{display:block}.toasts{flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute;top:92px;left:50%;transform:translate(-50%)}.toast{letter-spacing:.04em;color:var(--parch);text-shadow:0 1px 2px #000;white-space:nowrap;background:linear-gradient(90deg,#0000,#0a0806d9 22% 78%,#0000);border-top:1px solid #0000;border-image:linear-gradient(90deg,#0000,#f0c67499,#0000) 1;padding:6px 46px;font:600 17px Barlow Condensed,sans-serif;transition:opacity .5s,transform .5s;animation:.3s toast-in}.toast-quest{color:#ffe3a0;font-family:Cinzel,serif;font-size:15px;font-weight:600}.toast.out{opacity:0;transform:translateY(-8px)}@keyframes toast-in{0%{opacity:0;transform:translateY(-8px)}}.zone-banner{text-align:center;opacity:0;white-space:nowrap;position:absolute;top:18%;left:50%;transform:translate(-50%)}.zone-banner.show{animation:5s forwards banner}.zone-banner svg{margin:6px auto 0;display:block}.zb-sub{letter-spacing:.5em;text-transform:uppercase;color:var(--gold);text-shadow:0 2px 8px #000;font:600 14px Barlow Condensed,sans-serif}.zb-title{letter-spacing:.1em;color:#fff4dc;text-shadow:0 4px 24px #000000e6,0 0 40px #f0c67440;font-family:Cinzel,serif;font-size:clamp(34px,5vw,62px);font-weight:800}@keyframes banner{0%{opacity:0;letter-spacing:.3em}15%{opacity:1;letter-spacing:.1em}75%{opacity:1}to{opacity:0}}.level-up{text-align:center;opacity:0;position:absolute;top:26%;left:50%;transform:translate(-50%)}.level-up.show{animation:3.2s forwards banner}.level-up svg{margin:0 auto;display:block}.lu-title{letter-spacing:.3em;text-transform:uppercase;color:var(--gold);text-shadow:0 2px 12px #000;font-family:Cinzel,serif;font-size:22px;font-weight:800}.lu-level{color:#fff4dc;text-shadow:0 0 30px var(--god), 0 4px 20px #000;font-family:Cinzel,serif;font-size:88px;font-weight:800;line-height:1}.nametag{text-align:center;white-space:nowrap;will-change:transform;position:absolute;top:0;left:0}.nametag .plate{background:linear-gradient(90deg,#0000,#0009 20% 80%,#0000);align-items:center;gap:6px;padding:1px 10px;display:inline-flex}.nametag .nm{letter-spacing:.04em;text-shadow:0 0 3px #000,0 1px 2px #000;font:700 16px Barlow Condensed,sans-serif}.nametag .lv{color:#1b1209;background:var(--bronze);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);place-items:center;width:17px;height:17px;font:800 10px Cinzel,serif;display:grid}.nametag .tag-hp{background:var(--bronze-h);clip-path:polygon(3px 0,calc(100% - 3px) 0,100% 50%,calc(100% - 3px) 100%,3px 100%,0 50%);width:70px;height:7px;margin:2px auto 0;padding:1px}.nametag .tag-hp .track{background:#070505;height:100%;overflow:hidden}.nametag .tag-hp .track>div{background:linear-gradient(#ff7b62,#a82416);height:100%}.nametag .bubble{white-space:normal;max-width:240px;color:var(--parch);clip-path:var(--ch-sm);background:#0e0b08e6;border:1px solid #c9984cb3;margin:0 auto 6px;padding:6px 12px;font:500 16px Barlow Condensed,sans-serif;display:none}.nametag .bubble.show{animation:.25s toast-in;display:block}.emote-wheel{width:0;height:0;display:none;position:absolute;top:50%;left:50%}.emote-wheel.open{display:block}.wheel-center{place-items:center;width:124px;height:124px;display:grid;position:absolute;top:-62px;left:-62px}.wheel-center svg{width:100%;height:100%;position:absolute;inset:0}.wheel-center span{letter-spacing:.12em;color:#fff4d8;text-shadow:0 0 8px #000;font:800 15px Cinzel,serif;position:relative}.wheel-item{cursor:pointer;pointer-events:auto;background:var(--bronze);clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);border:0;width:84px;height:84px;padding:2px;transition:filter .12s;position:absolute;top:-42px;left:-42px}.wheel-item .well{background:var(--noise), radial-gradient(circle at 50% 30%, #3a2e22, #0e0b08);background-blend-mode:overlay, normal;clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);flex-direction:column;justify-content:flex-end;align-items:center;width:100%;height:100%;padding-bottom:12px;display:flex;position:relative}.wheel-item .gw{inset:16% 30% 40%}.wheel-item span{letter-spacing:.08em;text-transform:uppercase;color:var(--parch);font:700 13px Barlow Condensed,sans-serif;position:relative}.wheel-item:hover{filter:brightness(1.35) drop-shadow(0 0 8px var(--gold))}.settings{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0009;place-items:center;display:none;position:absolute;inset:0}.settings.open{pointer-events:auto;display:grid}.panel-card{background:var(--noise), linear-gradient(180deg, #241c14fa, #0c0907fa);background-blend-mode:overlay, normal;border:1px solid #c9984cd9;width:min(480px,100vw - 32px);padding:22px 26px 18px;font-family:Barlow Condensed,sans-serif;font-size:16px;position:relative;box-shadow:inset 0 0 0 4px #0000008c,inset 0 0 0 5px #c9984c4d,0 24px 60px #000c}.panel-card:before,.panel-card:after{content:"";background:var(--bronze);border:1px solid #120c05;width:14px;height:14px;position:absolute;top:-7px;transform:rotate(45deg)}.panel-card:before{left:-7px}.panel-card:after{right:-7px}.panel-card h2{text-align:center;color:#fff1d0;letter-spacing:.12em;margin:0;font-family:Cinzel,serif;font-size:24px}.panel-card>svg{margin:6px auto 10px;display:block}.panel-card h3{letter-spacing:.3em;text-transform:uppercase;color:var(--gold);margin:16px 0 8px;font-size:13px}.panel-card .row{color:var(--parch);border-bottom:1px solid #c9984c26;justify-content:space-between;align-items:center;gap:12px;padding:8px 0;display:flex}.seg{gap:3px;display:flex}.seg button{letter-spacing:.05em;color:#b9ab8f;cursor:pointer;clip-path:var(--ch-xs);background:linear-gradient(#241c14,#0e0b08);border:0;padding:5px 14px;font:700 15px Barlow Condensed,sans-serif;box-shadow:inset 0 0 0 1px #c9984c66}.seg button.on{color:#1b1209;background:var(--bronze)}.controls{color:#ddd0b6;grid-template-columns:1fr 1fr;gap:4px 16px;display:grid}.controls b{color:var(--gold);margin-right:4px}.hud .click-only{display:none}.hud.mode-click .click-only{display:inline}.hud.mode-click .wasd-only{display:none}.panel-card .close{letter-spacing:.14em;cursor:pointer;color:#1b1209;background:var(--bronze);width:100%;clip-path:var(--ch-sm);border:0;margin-top:18px;padding:9px;font:800 16px Cinzel,serif}.panel-card .close:hover{filter:brightness(1.15)}.credits{color:#8f846e;text-align:center;margin-top:12px;font-size:12px;line-height:1.35}.stats{color:#b9ab8f;text-shadow:0 1px 2px #000;font:12px ui-monospace,monospace;position:absolute;top:4px;left:50%;transform:translate(-50%)}@media (max-width:900px){.quest{display:none}.dock{transform-origin:bottom;transform:translate(-50%)scale(.8)}.minimap-wrap{transform-origin:100% 0;transform:scale(.75)}}.wheel-item.unavailable{filter:grayscale()brightness(.55);opacity:.55}.panel-card .set-note{color:#a0957f;margin:8px 0 0;font-size:13px;line-height:1.3}.dmg{pointer-events:none;z-index:4;color:#fff1d0;text-shadow:0 2px #000,0 0 6px #000;font:800 22px Cinzel,serif;animation:1.2s ease-out forwards dmg-rise;position:absolute;transform:translate(-50%,-100%)}.dmg-enemy{color:#fff1d0}.dmg-enemy.crit{color:#ffd34a;text-shadow:0 2px #000,0 0 12px #ffb43ce6;animation-name:dmg-pop}.dmg-enemy.kill{color:#ffb070;text-shadow:0 2px #000,0 0 14px #ff6e28e6}.dmg-enemy.stagger:after{content:attr(data-tag);text-align:center;letter-spacing:.18em;text-transform:uppercase;color:#ffd9a0;text-shadow:0 1px #000,0 0 6px #000;font-size:13px;display:block}.dmg-me{color:#ff5a4a;font-size:24px}.dmg-ally{color:#ff9b8a;font-size:18px}.dmg-heal{color:#8dff9a}@keyframes dmg-rise{0%{opacity:0;margin-top:0;margin-left:0;transform:translate(-50%,-100%)scale(1.5)}12%{opacity:1;transform:translate(-50%,-100%)scale(1)}70%{opacity:1}to{opacity:0;margin-top:-64px;margin-left:var(--drift,0px);transform:translate(-50%,-100%)scale(.9)}}@keyframes dmg-pop{0%{opacity:0;margin-top:0;margin-left:0;transform:translate(-50%,-100%)scale(2.2)}10%{opacity:1;transform:translate(-50%,-100%)scale(.92)rotate(-4deg)}18%{transform:translate(-50%,-100%)scale(1.08)rotate(3deg)}26%{transform:translate(-50%,-100%)scale(1)rotate(0)}70%{opacity:1}to{opacity:0;margin-top:-70px;margin-left:var(--drift,0px);transform:translate(-50%,-100%)scale(.95)}}.downed{text-align:center;opacity:0;color:#e9dfc9;text-shadow:0 2px 8px #000;pointer-events:none;font:500 20px Barlow Condensed,sans-serif;transition:opacity .4s;position:absolute;top:36%;left:50%;transform:translate(-50%)}.downed.show{opacity:1}.downed b{letter-spacing:.12em;color:#ff7a63;text-shadow:0 0 24px #c81e1499,0 3px 10px #000;font:800 46px Cinzel,serif;display:block}.hud.is-downed:after{content:"";pointer-events:none;background:radial-gradient(#0000 40%,#5000008c);position:absolute;inset:0}.armory{z-index:30;color:var(--parch);background:var(--noise), radial-gradient(ellipse 70% 60% at 50% 40%, #2a1f15, #0b0907 70%);background-blend-mode:overlay, normal;flex-direction:column;font-family:Barlow Condensed,sans-serif;display:none;position:fixed;inset:0}.armory.open{animation:.25s arm-in;display:flex}@keyframes arm-in{0%{opacity:0}}.arm-head{text-align:center;padding:14px 0 4px;position:relative}.arm-head h1{letter-spacing:.24em;text-transform:uppercase;background:linear-gradient(#fff6dc,#f0c674 55%,#9a6a24);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font:800 34px Cinzel,serif}.arm-head svg{margin:4px auto 0;display:block}.arm-x{cursor:pointer;background:var(--bronze);width:40px;height:40px;clip-path:var(--ch-sm);border:0;padding:2px;position:absolute;top:16px;right:18px}.arm-x .gw{position:absolute;inset:22%}.arm-x:before{content:"";clip-path:var(--ch-sm);background:#120d09;position:absolute;inset:2px}.arm-body{flex:1;grid-template-columns:96px 120px 1fr 120px 400px;gap:14px;min-height:0;padding:8px 18px 0;display:grid}.arm-col{flex-direction:column;justify-content:center;gap:10px;display:flex}.armory:not(.show-slots) .paper-slot.on .frame{filter:none}.arm-tabs{flex-direction:column;justify-content:center;gap:8px;display:flex}.arm-tab{cursor:pointer;color:#b9ab8f;letter-spacing:.1em;text-transform:uppercase;background:0 0;border:0;flex-direction:column;align-items:center;gap:4px;padding:0;font:700 13px Barlow Condensed,sans-serif;display:flex}.arm-tab .well{background:var(--noise), radial-gradient(circle at 50% 30%, #3a2e22, #0e0b08);background-blend-mode:overlay, normal;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);width:60px;height:60px;position:relative;box-shadow:inset 0 0 0 2px #c9984c80}.arm-tab .gw{inset:24%}.arm-tab.on{color:#fff1d0}.arm-tab.on .well{background:var(--bronze)}.arm-tab.on .glyph{background:linear-gradient(#2a1c0c,#120c05)}.arm-tab:hover .well{filter:brightness(1.25)}.arm-stage{cursor:grab;min-height:0;clip-path:var(--ch-lg);position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #c9984c66}.arm-stage:active{cursor:grabbing}.arm-canvas{display:block;position:absolute;inset:0;width:100%!important;height:100%!important}.arm-hint{letter-spacing:.12em;text-transform:uppercase;color:#f1e2c080;pointer-events:none;font-size:13px;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.paper-slot{cursor:pointer;color:#b9ab8f;text-align:center;background:0 0;border:0;flex-direction:column;align-items:center;gap:3px;padding:0;font:600 13px Barlow Condensed,sans-serif;display:flex}.paper-slot .frame{background:var(--bronze);width:70px;height:70px;clip-path:var(--ch-md);filter:brightness(.7)saturate(.6);padding:2px;transition:filter .15s}.paper-slot .well{width:100%;height:100%;clip-path:var(--ch-md);background:radial-gradient(circle at 50% 35%,#2e241a,#0b0806);position:relative;overflow:hidden}.paper-slot .well img{object-fit:cover;width:100%;height:100%}.paper-slot .gw{opacity:.45;inset:22%}.paper-slot span{max-width:112px;line-height:1.05}.paper-slot.filled{color:var(--parch)}.paper-slot.filled .frame,.paper-slot:hover .frame{filter:none}.paper-slot.on .frame{filter:brightness(1.2) drop-shadow(0 0 10px var(--god))}.paper-slot.on span{color:#fff1d0}.arm-panel{scrollbar-width:thin;scrollbar-color:#6b4a1e transparent;min-height:0;clip-path:var(--ch-lg);background:linear-gradient(#140f0bd9,#0a0806d9);padding:4px 16px 16px;overflow-y:auto;box-shadow:inset 0 0 0 1px #c9984c73,inset 0 0 0 4px #00000080}.arm-panel section{border-bottom:1px solid #c9984c26;padding:12px 0 10px}.arm-panel h3{letter-spacing:.32em;text-transform:uppercase;color:var(--gold);margin:0 0 8px;font:700 14px Barlow Condensed,sans-serif}.arm-panel .note{color:#a0957f;margin:2px 0 8px;font-size:14px}.arm-panel .empty{color:#a0957f;font-size:16px}.pal-name{letter-spacing:.18em;text-transform:uppercase;color:#8f846e;margin:8px 0 4px;font-size:12px}.swatches{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.sw{cursor:pointer;background:var(--noise), var(--sw);background-blend-mode:overlay, normal;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);border:0;width:30px;height:30px;padding:0;transition:transform .12s;position:relative}.sw:hover{transform:scale(1.12)}.sw.on{filter:drop-shadow(0 0 6px #fff1c4);outline:none;transform:scale(1.18)}.sw.on:after{content:"";clip-path:inherit;background:#fff6dc;position:absolute;inset:9px}.sw.orig{background:#1b140e;box-shadow:inset 0 0 0 2px #c9984c99}.sw.orig .gw{position:absolute;inset:26%}.sw.god:before{content:"";background:radial-gradient(circle,#ffffff8c,#0000 60%);position:absolute;inset:0}.choice-row{gap:8px;margin-bottom:10px;display:flex}.choice-row.wrap{flex-wrap:wrap}.choice{cursor:pointer;color:#b9ab8f;letter-spacing:.08em;text-transform:uppercase;min-width:70px;clip-path:var(--ch-sm);background:linear-gradient(#221a12,#0e0b08);border:0;flex-direction:column;flex:1;align-items:center;gap:4px;padding:10px 6px 8px;font:700 14px Barlow Condensed,sans-serif;display:flex;position:relative;box-shadow:inset 0 0 0 1px #c9984c59}.choice .gw{width:34px;height:34px;position:relative;inset:auto}.choice.on{color:#1b1209;background:var(--bronze)}.choice.on .glyph{background:linear-gradient(#2a1c0c,#120c05)}.slider{grid-template-columns:90px 1fr;align-items:center;gap:10px;margin:6px 0;font-size:16px;display:grid}.slider input{appearance:none;clip-path:polygon(4px 0,calc(100% - 4px) 0,100% 50%,calc(100% - 4px) 100%,4px 100%,0 50%);cursor:pointer;background:linear-gradient(90deg,#4a3012,#c29550,#4a3012);height:8px}.slider input::-webkit-slider-thumb{-webkit-appearance:none;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);background:#fff1c4;border:0;width:18px;height:18px}.slider input::-moz-range-thumb{background:#fff1c4;border:0;border-radius:0;width:18px;height:18px}.item-grid{grid-template-columns:repeat(auto-fill,minmax(82px,1fr));gap:8px;display:grid}.item-tile{cursor:pointer;color:#b9ab8f;text-align:center;background:0 0;border:0;flex-direction:column;align-items:center;gap:3px;padding:0;font:600 13px/1.05 Barlow Condensed,sans-serif;display:flex}.item-tile .frame{background:var(--bronze);width:74px;height:74px;clip-path:var(--ch-md);filter:brightness(.65)saturate(.6);padding:2px;transition:filter .12s}.item-tile .well{width:100%;height:100%;clip-path:var(--ch-md);background:radial-gradient(circle at 50% 35%,#2e241a,#0b0806);position:relative;overflow:hidden}.item-tile .well img{object-fit:cover;width:100%;height:100%}.item-tile .gw{opacity:.6;inset:26%}.item-tile:hover .frame{filter:none}.item-tile.on .frame{filter:brightness(1.15) drop-shadow(0 0 8px var(--god))}.item-tile.on{color:#fff1d0}.outfits{flex-direction:column;gap:8px;display:flex}.outfit{clip-path:var(--ch-sm);background:linear-gradient(#1d1610,#0c0907);justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;display:flex;box-shadow:inset 0 0 0 1px #c9984c59}.o-name{font:700 17px Barlow Condensed,sans-serif}.o-btns{gap:6px;display:flex}.arm-foot{align-items:center;gap:10px;padding:12px 18px 16px;display:flex}.arm-foot .spacer{flex:1}.arm-btn{cursor:pointer;letter-spacing:.14em;color:#1b1209;background:var(--bronze);clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 50%,calc(100% - 12px) 100%,12px 100%,0 50%);border:0;padding:10px 30px;font:800 15px Cinzel,serif}.arm-btn.ghost{color:var(--parch);background:linear-gradient(#2a2016,#0d0a07);box-shadow:inset 0 0 0 1px #c9984c99}.arm-btn.small{padding:6px 16px;font-size:12px}.arm-btn:disabled{opacity:.4;cursor:default}.arm-btn:not(:disabled):hover{filter:brightness(1.15)}.menu-actions{justify-content:center;align-items:center;gap:14px;margin-top:26px;display:flex}.menu-actions .play{margin-top:0}@media (max-width:1100px){.arm-body{grid-template-rows:1fr auto;grid-template-columns:70px 1fr}.arm-col{display:none}.arm-panel{grid-column:1/-1;max-height:40vh}}.arm-anim{z-index:2;gap:4px;display:flex;position:absolute;top:12px;left:50%;transform:translate(-50%)}.arm-anim button{cursor:pointer;letter-spacing:.14em;text-transform:uppercase;color:#b9ab8f;clip-path:var(--ch-xs);background:linear-gradient(#241c14,#0e0b08);border:0;padding:5px 16px;font:700 13px Barlow Condensed,sans-serif;box-shadow:inset 0 0 0 1px #c9984c73}.arm-anim button.on{color:#1b1209;background:var(--bronze)}.armory.creator .arm-tab[data-tab=spark],.armory.creator .arm-tab[data-tab=outfits]{display:none}.arm-steps{letter-spacing:.14em;text-transform:uppercase;color:#6f6656;flex:1;justify-content:center;gap:18px;font:700 15px Barlow Condensed,sans-serif;display:flex}.arm-steps .done{color:#c9a970}.arm-steps .on{color:#fff1d0;text-shadow:0 0 10px #f0c67499}.arm-stage.loading:after{content:"Shaping your hero…";letter-spacing:.14em;color:#c9a970;background:radial-gradient(#2a1f15,#0b0907 70%);place-items:center;font:700 22px Cinzel,serif;animation:1.4s ease-in-out infinite alternate arm-pulse;display:grid;position:absolute;inset:0}@keyframes arm-pulse{0%{color:#8f7a52}to{color:#f0c674}}