:root{--gold:#ffd100;--white:#fff;--obj:#ccc;--obj-done:#d4c7bb;--night:#0d141d;--indigo:#1b2a3c;--silver:#c2c3c4;--ui:"Marcellus", serif;--title:"Metamorphous", serif;--chat:"Archivo Narrow", sans-serif;--caps:"Cinzel", serif;--outline:0 0 2px #000, 0 1px 1px #000, 1px 0 1px #000, -1px 0 1px #000;--metal:url(/assets/ui/metal-filigree.jpg);--panel:url(/assets/ui/panel-indigo.jpg);--parch:url(/assets/ui/parchment.jpg);--bevel:inset 0 1px 0 #dce6ff59, inset 0 -1px 0 #0009, 0 0 0 1px #05060a}*{box-sizing:border-box}[hidden]{display:none!important}html,body{background:#05070b;height:100%;margin:0;overflow:hidden}body{font-family:var(--ui);color:var(--white);user-select:none;cursor:url(/assets/ui/curseurs/main.png) 2 1,auto}canvas#scene{width:100%;height:100%;display:block;position:fixed;inset:0}button{font-family:var(--ui);cursor:inherit}.btn,.qf-buttons button{font:400 14px/1 var(--ui);color:var(--gold);text-shadow:0 1px 1px #000;background:linear-gradient(#8a2219 0%,#5b0f0a 48%,#3a0705 100%);border:1px solid #0d0201;border-radius:3px;min-width:120px;padding:8px 18px;box-shadow:inset 0 1px #ffbe9659,inset 0 -2px 4px #00000080,0 0 0 2px #6f7686,0 0 0 3px #0b0c10,0 3px 8px #0009}.btn:hover,.qf-buttons button:hover{filter:brightness(1.3);color:#fff2a8}#loader{z-index:60;background:#000;transition:opacity .9s;position:fixed;inset:0}#loader.gone{opacity:0;pointer-events:none}#loader .loader-art{background:url(/assets/ui/loader-screen.webp) 50%/cover no-repeat;position:absolute;inset:0}#loader .loader-art:after{content:"";background:linear-gradient(#0000 55%,#03050aeb 88%);position:absolute;inset:0}#loader .loader-bottom{text-align:center;width:min(560px,86vw);position:absolute;bottom:7vh;left:50%;transform:translate(-50%)}#loader .loader-title{font:500 15px/1 var(--caps);letter-spacing:.28em;text-transform:uppercase;color:var(--silver);margin-bottom:18px}#loader .loader-bar{background:var(--metal) center / 120px;height:14px;box-shadow:var(--bevel), 0 0 0 2px #6f7686;border-radius:7px;margin-bottom:26px;padding:3px}#loader .loader-bar i{background:linear-gradient(#c49bff,#6a3fc0 55%,#3a1f78);border-radius:4px;width:0;height:100%;transition:width .3s;display:block;box-shadow:0 0 10px #aa78ff99}#hud{pointer-events:none;position:fixed;inset:0}#hud>*{pointer-events:auto}#hud>#labels,#hud>#zone-text,#hud>#ui-messages,#hud>#help{pointer-events:none}.unit-frame{transform:scale(var(--s,1));transform-origin:0 0;align-items:center;display:flex;position:absolute;top:14px}#player-frame{left:16px}#target-frame{left:calc(16px + 314px * var(--s,1));flex-direction:row-reverse}.unit-frame .portrait{z-index:2;filter:drop-shadow(0 3px 6px #000000b3);background:url(/assets/ui/ring.png) 50%/100% 100% no-repeat;flex:none;width:92px;height:101px;position:relative}.unit-frame .portrait canvas{z-index:-1;background:radial-gradient(circle at 50% 35%,#2b3a5c,#0c111c);border-radius:50%;width:70px;height:70px;position:absolute;top:18px;left:11px}.unit-frame .level{width:28px;height:28px;font:400 13px/1 var(--ui);color:var(--gold);text-shadow:var(--outline);background:radial-gradient(circle at 50% 35%,#26304a,#070a12);border-radius:50%;place-items:center;display:grid;position:absolute;bottom:2px;left:-2px;box-shadow:0 0 0 2px #9aa2b6,0 0 0 3px #0a0b10,0 2px 4px #000c}.unit-frame .bars{background:linear-gradient(180deg, #0a0e1a8c, #05070ed9), var(--metal) center / 160px;width:190px;box-shadow:var(--bevel), 0 0 0 2px #747c8e, 0 0 0 3px #0a0b10, 0 4px 10px #0009;border-radius:0 6px 6px 0;margin-left:-18px;padding:6px 10px 7px 24px;position:relative}.unit-frame.target .bars{border-radius:6px 0 0 6px;margin-left:0;margin-right:-18px;padding:6px 24px 7px 10px}.unit-frame .name{font:400 14px/18px var(--ui);color:var(--gold);text-shadow:var(--outline);white-space:nowrap;text-overflow:ellipsis;padding-left:2px;overflow:hidden}.bar{background:#020306;border-radius:2px;height:14px;margin-top:3px;position:relative;overflow:hidden;box-shadow:inset 0 1px 3px #000,0 0 0 1px #a0aac859}.bar i{transform-origin:0;background:linear-gradient(#7dff6a 0%,#1fd01f 35%,#0b7a0b 100%);position:absolute;inset:0}.bar i:after{content:"";background:#ffffff2e;position:absolute;inset:0 0 55%}.bar.mp i{background:linear-gradient(#9fd2ff 0%,#3b8ee0 35%,#123e7a 100%)}.bar.mp{height:10px}.bar span{font:500 10px/14px var(--chat);text-align:center;text-shadow:var(--outline);position:absolute;inset:0}.bar.mp span{font-size:9px;line-height:10px}#minimap{text-align:center;width:232px;transform:scale(var(--s,1));transform-origin:100% 0;position:absolute;top:8px;right:10px}#minimap .zone-name{z-index:3;width:216px;height:50px;font:400 13px/1 var(--ui);color:var(--gold);text-shadow:var(--outline);white-space:nowrap;text-overflow:ellipsis;filter:drop-shadow(0 2px 4px #000000b3);background:url(/assets/ui/titleplate.png) 50%/100% 100% no-repeat;justify-content:center;align-items:center;margin:0 auto -12px;padding:7px 36px 0;display:flex;position:relative;overflow:hidden}#minimap .ring{filter:drop-shadow(0 4px 10px #000000bf);background:url(/assets/ui/ring.png) 50%/100% 100% no-repeat;width:232px;height:255px;margin:0 auto;position:relative}#minimap canvas{z-index:-1;border-radius:50%;width:176px;height:176px;position:absolute;top:46px;left:28px}#minimap .north{display:none}.round-btn,#minimap .zoom{width:24px;height:24px;font:400 16px/22px var(--ui);color:var(--gold);text-shadow:var(--outline);background:radial-gradient(circle at 50% 30%,#3a4566,#0a0d18 70%);border:0;border-radius:50%;padding:0;position:absolute;box-shadow:0 0 0 2px #a3abc0,0 0 0 3px #0a0b10,0 2px 4px #000000b3,inset 0 1px #ffffff40}#minimap .zoom.in{bottom:58px;right:2px}#minimap .zoom.out{bottom:30px;right:14px}#minimap .zoom:hover{filter:brightness(1.4)}#minimap .clock{z-index:3;font:400 12px/15px var(--ui);color:var(--white);text-shadow:var(--outline);background:linear-gradient(180deg, #0a0e1a99, #05070ee6), var(--metal) center / 80px;box-shadow:var(--bevel), 0 0 0 2px #747c8e, 0 0 0 3px #0a0b10;border-radius:10px;margin-top:-14px;padding:3px 12px;display:inline-block;position:relative}#tracker{top:calc(8px + 306px * var(--s,1));width:250px;max-height:calc((100vh - 8px - 306px * var(--s,1) - 250px * var(--s,1)) / var(--s,1));font:400 13px/1.42 var(--ui);text-shadow:var(--outline);transform:scale(var(--s,1));transform-origin:100% 0;position:absolute;right:22px;overflow:hidden}#tracker .h{color:var(--gold);background:linear-gradient(90deg,#ffd10000 0%,#ffd100bf 12% 60%,#ffd10000 100%) bottom/100% 1px no-repeat;margin-bottom:8px;padding:0 0 5px 2px;font-size:16px}#tracker .q{margin-bottom:9px}#tracker .t{color:var(--gold)}#tracker .o{color:var(--obj);padding-left:10px}#tracker .o.done{color:var(--obj-done)}#tracker .ready{color:#b0b0b0;padding-left:10px}#zone-text{top:calc(40px + 88px * var(--s,1));width:min(760px, calc(100vw - 2 * (242px * var(--s,1) + 20px)));text-align:center;opacity:0;position:absolute;left:50%;transform:translate(-50%)}#zone-text b{font:400 40px/1.1 var(--ui);color:#ffedc2;-webkit-text-stroke:5px #000;paint-order:stroke fill;text-shadow:0 3px 6px #0009;display:block}#zone-text i,#zone-text em{font:400 26px/1.25 var(--ui);color:#ffedc2;-webkit-text-stroke:4px #000;paint-order:stroke fill;margin-top:4px;font-style:normal;display:block}#zone-text em{color:#ffb300;font-size:21px}#zone-text em:empty,#zone-text i:empty,#zone-text b:empty{display:none}#ui-messages{top:calc(60px + 172px * var(--s,1));width:min(640px, calc(100vw - 2 * (242px * var(--s,1) + 20px)));text-align:center;font:400 18px/1.4 var(--ui);color:var(--gold);-webkit-text-stroke:3px #000;paint-order:stroke fill;position:absolute;left:50%;transform:translate(-50%)}#ui-messages div{transition:opacity 1.2s}#chat{left:16px;bottom:var(--chat-b,24px);width:var(--chat-w,400px);position:absolute}#chat .log{max-height:var(--chat-h,160px);font:400 15px/1.32 var(--chat);text-shadow:0 1px 1px #000,0 0 2px #000;background:#00000040;flex-direction:column;justify-content:flex-end;padding:5px 8px;display:flex;overflow:hidden}#chat .log div{word-wrap:break-word;text-wrap:pretty}#chat input{width:100%;font:400 15px/1.2 var(--chat);color:#fff;background:#000000b3;border:0;border-radius:3px;outline:none;margin-top:4px;padding:6px 9px;display:none;box-shadow:0 0 0 1px #747c8e,0 0 0 2px #0a0b10}#chat.typing input{display:block}#action-bar{transform:translateX(-50%) scale(var(--s,1));transform-origin:50% 100%;background:linear-gradient(180deg, #0a0e1a59, #04060cbf), var(--metal) center / 180px;box-shadow:var(--bevel), 0 0 0 2px #8a92a6, 0 0 0 3px #0a0b10, 0 8px 20px #000000b3;border-radius:6px;padding:9px 14px 7px;position:absolute;bottom:10px;left:50%}#action-bar:before,#action-bar:after{content:"";filter:drop-shadow(0 4px 6px #000000b3);pointer-events:none;background:50%/contain no-repeat;width:84px;height:128px;position:absolute;bottom:-12px}#action-bar:before{background-image:url(/assets/ui/endcap-left.png);left:-74px}#action-bar:after{background-image:url(/assets/ui/endcap-right.png);right:-74px}#action-bar .slots{gap:7px;display:flex}.slot{background:#05060a;border-radius:3px;width:50px;height:50px;position:relative;overflow:hidden;box-shadow:0 0 0 1px #000,0 0 0 2px #59607a,inset 0 0 6px #000}.slot img{width:100%;height:100%;display:block}.slot:after{content:"";pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #000c,inset 0 0 8px #000000b3}.slot:hover:after{box-shadow:inset 0 0 0 2px #ffffff8c,inset 0 0 10px #ffffff40}.slot .key{z-index:2;font:600 13px/1 var(--chat);color:#e6e6e6;text-shadow:var(--outline);position:absolute;top:2px;right:4px}.slot .cd{z-index:1;background:conic-gradient(#000000b8 var(--p,0%), transparent 0);position:absolute;inset:0}.slot.pressed:after{box-shadow:inset 0 0 0 2px var(--gold), inset 0 0 12px #ffd10080}.slot .cdt{z-index:2;font:400 21px/1 var(--ui);color:#fff;-webkit-text-stroke:3px #000;paint-order:stroke fill;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.slot.ready:before{content:"";z-index:3;pointer-events:none;background:radial-gradient(circle,#ffffffe6,#ffecaa00 72%);animation:.45s ease-out forwards slot-ready;position:absolute;inset:0}@keyframes slot-ready{0%{opacity:1;transform:scale(.6)}to{opacity:0;transform:scale(1.25)}}.slot.oor img{filter:grayscale()brightness(.75)sepia()saturate(5)hue-rotate(-38deg)}.slot.oor .key{color:#ff4a3a}.slot.nopower img{filter:grayscale()brightness(.5)sepia()saturate(3)hue-rotate(185deg)}#action-bar .xp{background:#020306;border-radius:2px;height:10px;margin-top:8px;position:relative;overflow:hidden;box-shadow:inset 0 1px 3px #000,0 0 0 1px #a0aac859}#action-bar .xp i{transform-origin:0;background:linear-gradient(#e04ad6 0%,#94008c 45%,#4a0046 100%);transition:transform .6s;position:absolute;inset:0}#action-bar .xp span{font:500 9px/10px var(--chat);text-align:center;text-shadow:var(--outline);position:absolute;inset:0}.window{background:linear-gradient(180deg, #06091240, #0609128c), var(--panel) center / 260px;position:absolute;box-shadow:0 18px 50px #000000bf}.window:before{content:"";pointer-events:none;z-index:3;filter:drop-shadow(0 2px 3px #0009);border:88px solid #0000;border-image:url(/assets/ui/frame.png) 176 round;position:absolute;inset:-32px}.win-title{z-index:4;width:300px;height:76px;font:400 16px/1 var(--ui);color:var(--gold);text-shadow:var(--outline);white-space:nowrap;text-overflow:ellipsis;filter:drop-shadow(0 3px 4px #000000b3);background:url(/assets/ui/titleplate.png) 50%/100% 100% no-repeat;justify-content:center;align-items:center;padding:10px 52px 0;display:flex;position:absolute;top:-30px;left:50%;overflow:hidden;transform:translate(-50%)}.qf-close{z-index:5;width:26px;height:26px;font:400 17px/24px var(--ui);color:var(--gold);text-shadow:var(--outline);background:radial-gradient(circle at 50% 30%,#9c2a20,#3a0705 70%);border:0;border-radius:50%;padding:0;position:absolute;top:-8px;right:-8px;box-shadow:0 0 0 2px #a3abc0,0 0 0 3px #0a0b10,0 2px 4px #000000b3,inset 0 1px #ffc8aa59}.qf-close:hover{filter:brightness(1.3)}#quest-frame{z-index:10;width:410px;padding:50px 22px 18px;top:clamp(110px,22vh,190px);left:74px}.qf-port{z-index:6;filter:drop-shadow(0 4px 8px #000000b3);background:url(/assets/ui/ring.png) 50%/100% 100% no-repeat;width:110px;height:121px;position:absolute;top:-52px;left:-52px}.qf-portrait{z-index:-1;background:radial-gradient(circle at 50% 35%,#2b3a5c,#0c111c);border-radius:50%;width:84px;height:84px;position:absolute;top:21px;left:13px}.qf-parch,.ql-parch{background:var(--parch) center / 300px;color:#2e1f0f;scrollbar-width:thin;scrollbar-color:#8a6a3a transparent;border-radius:2px;max-height:50vh;position:relative;overflow:auto;box-shadow:0 0 0 1px #2a1a08,0 0 0 3px #6f7686,0 0 0 4px #0a0b10,inset 0 0 40px #5a370f73}.qf-body,.ql-detail{font:400 15px/1.58 var(--ui);padding:20px 24px 18px}.qf-body h3,.ql-detail h3{font:400 23px/1.2 var(--title);color:#000;margin:0 0 12px}.qf-body h4,.ql-detail h4{font:400 18px/1.2 var(--title);color:#4d2e00;margin:18px 0 6px}.qf-body p,.ql-detail p{margin:0 0 10px}.qf-body .gossip{color:#000;margin:6px 0;text-decoration:none;display:block}.qf-body .gossip:before{content:"!";text-align:center;width:16px;font:700 17px/1 var(--ui);color:var(--gold);-webkit-text-stroke:2.5px #000;paint-order:stroke fill;margin-right:6px;display:inline-block}.qf-body .gossip.turnin:before{content:"?"}.qf-body .gossip:hover{color:#6a3a00}.qf-buttons{justify-content:space-between;padding:16px 2px 0;display:flex}.qf-buttons button:only-child{margin-left:auto}#quest-log{z-index:10;width:min(660px,100vw - 80px);padding:50px 22px 22px;top:clamp(90px,18vh,150px);left:50%;transform:translate(-50%)}.ql-cols{grid-template-columns:210px 1fr;gap:16px;display:grid}.ql-list{font:400 14px/1.5 var(--ui);text-shadow:var(--outline);padding:6px 4px}.ql-list div{color:var(--gold);border-radius:2px;padding:3px 8px}.ql-list div.sel{color:#fff;background:linear-gradient(90deg,#ffd10038,#ffd10000)}.ql-list .empty{color:#999}.ql-parch{min-height:min(280px,100vh - 300px);max-height:calc(100vh - clamp(90px,18vh,150px) - 130px)}#labels{z-index:0;position:absolute;inset:0;overflow:hidden}.label{text-align:center;white-space:nowrap;will-change:transform;transform-origin:50% 100%;position:absolute;top:0;left:0}.label .nm{font:400 15px/1.1 var(--ui);-webkit-text-stroke:3px #000;paint-order:stroke fill}.label .nm:empty{display:none}.label .gt{font:400 13px/1.15 var(--ui);color:#d8d8d8;-webkit-text-stroke:3px #000;paint-order:stroke fill}.label .mk{font:700 50px/1 var(--ui);color:var(--gold);-webkit-text-stroke:5px #000;paint-order:stroke fill;filter:drop-shadow(0 0 8px #ffd1008c);animation:1.6s ease-in-out infinite bob}.label .mk.active{color:#b8b8b8;filter:none}.label .mk.sparkle{color:#fff3a8;filter:drop-shadow(0 0 10px #ffdc78e6);font-size:38px;animation:1.2s ease-in-out infinite twinkle}.label .mk:empty{display:none}.label .bubble{white-space:normal;max-width:250px;font:400 15px/1.3 var(--chat);color:#fff;background:#000000bf;border-radius:12px;margin-bottom:8px;padding:8px 12px;display:inline-block;box-shadow:0 0 0 1px #c8d2f059}.label.target .nm{color:#fff!important}@keyframes bob{50%{transform:translateY(-6px)}}@keyframes twinkle{50%{opacity:.75;transform:scale(1.25)rotate(20deg)}}#help{font:400 14px/1 var(--chat);color:#ffffffe0;text-shadow:var(--outline);white-space:nowrap;box-shadow:var(--bevel), 0 0 0 2px #59607a, 0 0 0 3px #0a0b10, 0 6px 16px #0009;transform:scale(var(--sh,1));transform-origin:100% 100%;background:linear-gradient(#0a0e1a99,#04060cd1);border-radius:4px;grid-template-columns:auto auto;align-items:center;gap:6px 10px;padding:12px 16px 13px 14px;transition:opacity 1.5s;display:grid;position:absolute;bottom:16px;right:16px}#help b{font:400 14px/1 var(--ui);color:var(--gold);background:linear-gradient(90deg,#ffd100b3,#ffd10000) bottom/100% 1px no-repeat;grid-column:1/-1;margin-bottom:2px;padding-bottom:7px}#help kbd{min-width:24px;font:600 12px/1 var(--chat);color:var(--gold);text-align:center;background:linear-gradient(#2a3248,#0c1019);border-radius:3px;justify-self:end;padding:4px 7px 3px;box-shadow:inset 0 1px #dce6ff40,0 0 0 1px #747c8e,0 0 0 2px #0a0b10}#hud.no-help #help{display:none}#cs-backdrop{will-change:transform;background:#05070b url(/assets/ui/select-bg.jpg) 50%/cover no-repeat;display:none;position:fixed;inset:-3%}body.cs-bg #cs-backdrop{display:block}.screen{z-index:40;position:fixed;inset:0}.screen-foot{font:400 12px/1.5 var(--ui);color:#dce1f0b3;text-shadow:var(--outline);position:absolute;bottom:18px}.screen-foot.left{left:22px}.screen-foot.right{text-align:right;right:22px}.big-btn{white-space:nowrap;width:300px;height:86px;font:400 19px/1 var(--ui);color:var(--gold);text-shadow:0 1px #000,0 0 3px #000,0 0 6px #000c;filter:drop-shadow(0 4px 8px #000000b3);background:url(/assets/ui/button.png) 50%/100% 100% no-repeat;border:0;justify-content:center;align-items:center;padding:0 70px 4px;transition:filter .15s,transform .1s;display:flex;position:relative}.big-btn:hover:not(:disabled){filter:drop-shadow(0 4px 8px #000000b3)brightness(1.25);color:#fff3a8}.big-btn:active:not(:disabled){transform:translateY(1px)}.big-btn:disabled{filter:grayscale(.7)brightness(.7);color:#a59a7a}.field{filter:drop-shadow(0 3px 6px #000000b3);background:url(/assets/ui/input.png) 50%/100% 100% no-repeat;width:340px;height:52px;margin:0 auto 14px;position:relative}.field input{height:28px;font:400 17px/28px var(--ui);color:#fff;text-align:center;text-shadow:0 1px 1px #000;caret-color:var(--gold);background:0 0;border:0;outline:0;padding:0 6px;position:absolute;top:12px;left:46px;right:46px}#login{background:#05070b url(/assets/ui/login-bg.jpg) 50%/cover no-repeat}#login:after{content:"";z-index:0;pointer-events:none;background:radial-gradient(at 50% 72%,#03050cb8 0%,#03050c33 45%,#03050c00 70%),linear-gradient(#03050c59,#0000 30% 70%,#03050c99);position:absolute;inset:0}#login>*{z-index:1}.login-logo{filter:drop-shadow(0 8px 20px #000c);width:min(560px,60vw);position:absolute;top:6vh;left:50%;transform:translate(-50%)}#login .screen-foot{position:absolute}.login-box{text-align:center;width:360px;position:absolute;bottom:11vh;left:50%;transform:translate(-50%)}.login-box label{font:400 15px/1 var(--ui);color:var(--gold);text-shadow:var(--outline);margin-bottom:6px;display:block}.login-box .big-btn{margin:18px auto 0}#charselect{pointer-events:none}#charselect>*{pointer-events:auto}.cs-realm{top:calc(18px * var(--cs,1));transform:translateX(-50%) scale(var(--cs,1));transform-origin:50% 0;width:360px;height:90px;font:400 18px/1 var(--ui);color:var(--gold);text-shadow:var(--outline);filter:drop-shadow(0 4px 8px #000000b3);background:url(/assets/ui/titleplate.png) 50%/100% 100% no-repeat;justify-content:center;align-items:center;padding:12px 60px 0;display:flex;position:absolute;left:50%}.cs-side{top:calc(118px * var(--cs,1));right:calc(56px * var(--cs,1));transform:scale(var(--cs,1));transform-origin:100% 0;flex-direction:column;align-items:center;gap:46px;width:340px;display:flex;position:absolute}.cs-list{z-index:2;width:100%;padding:58px 4px 22px;position:relative}.cs-buttons{flex-direction:column;align-items:center;gap:4px;display:flex}.big-btn.small{width:260px;height:72px;padding:0 56px 3px;font-size:16px}.cs-items{max-height:calc(100vh / var(--cs,1) - 330px);scrollbar-width:thin;scrollbar-color:#59607a transparent;flex-direction:column;gap:4px;margin:0 -10px;padding:0 10px;display:flex;overflow-y:auto}.cs-item{cursor:inherit;grid-template-columns:52px 1fr;align-items:center;gap:14px;padding:10px 14px;display:grid;position:relative}.cs-item img{filter:drop-shadow(0 2px 3px #000000b3);width:52px;height:52px}.cs-item .n{font:400 18px/1.15 var(--ui);text-shadow:var(--outline)}.cs-item .d{font:400 13px/1.35 var(--ui);color:#e0e0e0;text-shadow:var(--outline)}.cs-item .z{font:400 12px/1.3 var(--ui);color:#a8a8b8;text-shadow:var(--outline)}.cs-item{margin:0 14px}.cs-item:hover{background:linear-gradient(90deg,#9678ff00,#9678ff1a 20% 80%,#9678ff00)}.cs-item.sel{background:linear-gradient(90deg,#c8d2f000,#c8d2f0d9 12% 88%,#c8d2f000) top/100% 1px no-repeat,linear-gradient(90deg,#c8d2f000,#c8d2f0d9 12% 88%,#c8d2f000) bottom/100% 1px no-repeat,radial-gradient(#aa82ff73,#6e50dc38 55%,#6e50dc00 100%)}.cs-item.sel:before,.cs-item.sel:after{content:"";pointer-events:none;background:50%/contain no-repeat;width:30px;height:30px;position:absolute;top:50%;transform:translateY(-50%)}.cs-item.sel:before{background-image:url(/assets/ui/select-cap-left.png);left:-22px}.cs-item.sel:after{background-image:url(/assets/ui/select-cap-right.png);right:-22px}.cs-info{left:50%;bottom:calc(140px * var(--cs,1));transform:translateX(-50%) scale(var(--cs,1));transform-origin:50% 100%;text-align:center;white-space:nowrap;position:absolute}.cs-info b{font:400 34px/1.1 var(--ui);-webkit-text-stroke:4px #000;paint-order:stroke fill;display:block}.cs-info span{font:400 17px/1.3 var(--ui);color:#f2f2f2;-webkit-text-stroke:3px #000;paint-order:stroke fill;margin-top:4px;display:block}#cs-enter{left:50%;bottom:calc(34px * var(--cs,1));transform:translateX(-50%) scale(var(--cs,1));transform-origin:50% 100%;white-space:nowrap;justify-content:center;align-items:center;width:380px;height:100px;padding:0 60px 4px;font-size:20px;display:flex;position:absolute}#cs-enter:active{transform:translateX(-50%) translateY(1px) scale(var(--cs,1))}.cs-rotate{left:50%;bottom:calc(168px * var(--cs,1));transform:translateX(-50%) scale(var(--cs,1));transform-origin:50% 100%;pointer-events:none;justify-content:space-between;align-items:center;width:440px;display:flex;position:absolute}.cs-rotate .round-btn{pointer-events:auto;width:34px;height:34px;font-size:18px;line-height:32px;position:relative}.cs-rotate .round-btn:hover{filter:brightness(1.4)}#game-menu{transform:translate(-50%, -50%) scale(var(--fit,1));z-index:20;flex-direction:column;align-items:center;gap:2px;width:300px;padding:58px 0 24px;display:flex;top:50%;left:50%}#game-menu .big-btn{width:250px;height:70px;font-size:17px}@media (width>=680px){#game-menu:not(.gfx):not(.sv){grid-template-columns:236px 250px;place-items:start center;gap:2px 40px;width:auto;padding:58px 40px 24px;display:grid}#game-menu:not(.gfx):not(.sv)>.big-btn{grid-column:2}#game-menu:not(.gfx):not(.sv)>.snd{grid-area:1/1/span 3;margin-top:10px}#game-menu:not(.gfx):not(.sv)>.vox{grid-area:4/1/span 3;margin-top:6px}}#game-menu.gfx>.snd,#game-menu.gfx>.vox{display:none}#hud>#cast-bar{pointer-events:none}#cast-bar{bottom:calc(10px + 130px * var(--s,1));width:240px;height:18px;transform:scale(var(--s,1));transform-origin:50% 100%;background:#020306;border-radius:3px;margin-left:-120px;transition:opacity .4s;position:absolute;left:50%;overflow:hidden;box-shadow:inset 0 1px 3px #000,0 0 0 1px #000,0 0 0 2px #8a92a6,0 0 0 3px #0a0b10,0 4px 12px #000000b3}#cast-bar i{transform-origin:0;background:linear-gradient(#ffe58a 0%,#ffb300 42%,#a85f00 100%);position:absolute;inset:0;transform:scaleX(0)}#cast-bar i:after{content:"";background:#fff3;position:absolute;inset:0 0 55%}#cast-bar b{background:radial-gradient(closest-side,#fffce6f2,#ffdc7800);width:14px;margin-left:-7px;position:absolute;top:-4px;bottom:-4px;left:0}#cast-bar span{font:400 12px/18px var(--ui);color:#fff;text-align:center;text-shadow:var(--outline);position:absolute;inset:0}#cast-bar.done i{background:linear-gradient(#a4ff8f 0%,#1fd01f 42%,#0b7a0b 100%)}#cast-bar.failed i{background:linear-gradient(#ff8a7a 0%,#d42a1f 42%,#6a0b0b 100%)}#cast-bar.done b,#cast-bar.failed b{display:none}#cast-bar.fade{opacity:0}#hud>#floaters,#hud>#fade{pointer-events:none}#target-frame .name{color:#fff;background:linear-gradient(90deg, #0000, color-mix(in srgb, var(--react,transparent) 62%, #000) 30%);border-radius:2px;padding-right:4px}.unit-frame.no-power .bar.mp{display:none}.unit-frame .bar.hp i{transition:transform .25s ease-out}.unit-frame.instant .bar i{transition:none}#player-frame.in-combat .level{color:#ff5a46;box-shadow:0 0 0 2px #c0302a,0 0 0 3px #0a0b10,0 0 12px 2px #ff321ebf}.unit-frame .portrait .hit{z-index:3;text-align:center;font:400 22px/1 var(--ui);color:#ff2a1a;-webkit-text-stroke:3px #000;paint-order:stroke fill;opacity:0;pointer-events:none;position:absolute;inset:40px 0 auto}.unit-frame .portrait .hit.miss{color:#fff;font-size:16px}.unit-frame .portrait .hit.show{animation:1.1s ease-out forwards hit-ind}@keyframes hit-ind{0%{opacity:1;scale:1.35}15%{scale:1}65%{opacity:1}to{opacity:0}}.label .np{background:#1a0303;border-radius:2px;width:78px;height:7px;margin:3px auto 0;display:none;overflow:hidden;box-shadow:0 0 0 1px #000,0 0 0 2px #9696a573}.label .np.show{display:block}.label .np i{transform-origin:0;background:linear-gradient(#ff6a5a 0%,#d01010 45%,#6a0000 100%);height:100%;display:block}#floaters{position:absolute;inset:0;overflow:hidden}.ft{font:400 26px/1 var(--ui);color:#fff;-webkit-text-stroke:4px #000;paint-order:stroke fill;white-space:nowrap;will-change:transform, opacity;transform-origin:50% 100%;position:absolute;top:0;left:0}.ft.miss{font-size:22px}.ft.arcane{color:#f0aaff}.ft.lune{color:#d6ecff}.ft.nature{color:#c2ff84}.ft.givre{color:#9fe4ff}.ft.gangrene{color:#aeff4e}.ft.feu{color:#ffb35a}.ft.sacre{color:#ffe48a}.ft.ombre{color:#c49bff}.ft.cc{color:#ffe066;-webkit-text-stroke:3.5px #000;font-size:19px;font-style:italic}.ft.crit{-webkit-text-stroke:5px #000;text-shadow:0 0 12px #ffecaa8c;font-size:42px}.ft.crit.phys{color:#ffe36a}#hurt{pointer-events:none;opacity:0;background:radial-gradient(closest-side,#8c000000 66%,#9600008c 100%);position:absolute;inset:0}#hurt.on{animation:.5s ease-out hurt-flash}@keyframes hurt-flash{0%{opacity:.75}to{opacity:0}}#hurt-low{pointer-events:none;opacity:var(--low,0);background:radial-gradient(72% 68%,#78000000 52%,#96000080 80%,#690000eb 100%);transition:opacity .6s;position:absolute;inset:0}#hurt-low:after{content:"";opacity:0;background:radial-gradient(68% 62%,#a000 50%,#be0a0a8c 85%,#8c0000d9 100%);position:absolute;inset:0}#hurt-low.on:after{animation:hurt-beat var(--beat,1.3s) ease-out infinite}@keyframes hurt-beat{0%{opacity:0}10%{opacity:.9}22%{opacity:.25}32%{opacity:.7}60%,to{opacity:0}}canvas#scene{transition:filter 1.2s}body.is-dead canvas#scene{filter:grayscale(.9)brightness(.8)}#death-box{z-index:21;flex-direction:column;align-items:center;width:320px;padding:30px 0 20px;display:flex;top:22%;left:50%;transform:translate(-50%)}#death-box p{font:400 19px/1.3 var(--ui);color:var(--gold);text-shadow:var(--outline);margin:0 0 4px}#fade{z-index:50;opacity:0;background:#000;transition:opacity .8s;position:fixed;inset:0}#fade.on{opacity:1}.label .np.neutral i{background:linear-gradient(#fff27a 0%,#e0c800 45%,#6a5c00 100%)}.unit-frame.elite .portrait{filter:drop-shadow(0 0 5px #ffd100e6)drop-shadow(0 3px 6px #000000b3)}.unit-frame.elite .level{color:#fff;background:radial-gradient(circle at 50% 35%,#8a6a1a,#3a2a05)}.unit-frame.rare .portrait{filter:drop-shadow(0 0 4px #e1ebff)drop-shadow(0 0 9px #aabee6cc)drop-shadow(0 3px 6px #000000b3)}.unit-frame.rare .level{color:#1a1d26;background:radial-gradient(circle at 50% 35%,#f4f7ff,#8f9ab3)}.unit-frame.rare .bars:after{content:"Rare";font:400 12px/1 var(--caps);letter-spacing:.12em;color:#e6ecff;text-shadow:0 0 4px #000,0 0 2px #000;position:absolute;top:-15px;right:6px}.ft.heal{color:#3cff5a}.cs-items:has(>:nth-child(7)){gap:0}.cs-items:has(>:nth-child(7)) .cs-item{grid-template-columns:42px 1fr;gap:12px;padding:5px 14px}.cs-items:has(>:nth-child(7)) .cs-item img{width:42px;height:42px}.cs-items:has(>:nth-child(7)) .cs-item .n{font-size:16px}.cs-item .d,.cs-item .z{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.cs-item.taken{opacity:.45;filter:grayscale();pointer-events:none}.cs-item.taken .z:before{content:"";vertical-align:-1px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 14'%3E%3Cpath d='M3 6.5V4.5a3 3 0 0 1 6 0v2' fill='none' stroke='%23d8d8e0' stroke-width='1.7'/%3E%3Crect x='1' y='6.5' width='10' height='7' rx='1.3' fill='%23d8d8e0'/%3E%3C/svg%3E") 50%/contain no-repeat;width:9px;height:11px;margin-right:5px;display:inline-block}#cs-notice{left:50%;bottom:calc(12px * var(--cs,1));transform:translateX(-50%) scale(var(--cs,1));transform-origin:50% 100%;max-width:520px;font:400 16px/1.3 var(--ui);color:#ff4a3a;text-align:center;text-shadow:var(--outline);transition:opacity .6s;position:absolute}.login-notice{max-width:320px;font:400 14px/1.35 var(--ui);color:#ff4a3a;text-align:center;text-shadow:var(--outline);margin:14px auto 0}#action-bar .slots.bar2{justify-content:center;margin-bottom:7px}#action-bar .slots.bar2[hidden]{display:none}#action-bar .slots.bar2 .key{letter-spacing:-.04em;font-size:12px}body.two-bars #cast-bar{bottom:calc(10px + 187px * var(--s,1))}body.two-bars #story-items{bottom:calc(14px + 215px * var(--s,1))}body.two-bars #hf-toasts{bottom:calc(189px * var(--s,1) + 30px)}.slot.proc{box-shadow:0 0 0 1px #000,0 0 0 2px #ffd34a,0 0 10px 2px #ffc428d9}.slot.proc:before{content:"";z-index:3;pointer-events:none;border-radius:3px;animation:.9s ease-in-out infinite alternate slot-proc;position:absolute;inset:0;box-shadow:inset 0 0 12px 3px #ffd65ad9}@keyframes slot-proc{0%{opacity:.45}to{opacity:1}}.unit-frame .debuffs{pointer-events:none;flex-direction:row-reverse;gap:3px;display:flex;position:absolute;top:calc(100% + 6px);right:18px}.unit-frame .debuffs .db{background:#05060a;border-radius:2px;width:24px;height:24px;position:relative;box-shadow:0 0 0 1px #000,0 0 0 2px #b0202a}.unit-frame .debuffs .db img{border-radius:2px;width:100%;height:100%;display:block}.unit-frame .debuffs .db b{font:400 11px/1 var(--ui);color:#ffe066;text-align:center;-webkit-text-stroke:2.5px #000;paint-order:stroke fill;position:absolute;bottom:-13px;left:0;right:0}.unit-frame .debuffs .db.stun,.unit-frame .debuffs .db.incap,.unit-frame .debuffs .db.fear,.unit-frame .debuffs .db.knock{box-shadow:0 0 0 1px #000,0 0 0 2px #fc3}.unit-frame .debuffs .db.slow,.unit-frame .debuffs .db.root{box-shadow:0 0 0 1px #000,0 0 0 2px #59a8ff}#game-menu.gfx{align-items:stretch;gap:0;width:min(440px,100vw - 80px);max-height:calc(100vh - 80px);padding:64px 32px 20px}#game-menu.gfx>.big-btn{display:none}.gfx-panel{scrollbar-width:thin;scrollbar-color:#59607a transparent;flex-direction:column;gap:14px;min-height:0;margin:0 -10px;padding:0 10px 2px;display:flex;overflow-y:auto}@media (height<=700px){#game-menu.gfx{padding-top:56px}.gfx-panel{gap:10px}.gfx-hint{display:none}}.gfx-row{grid-template-columns:minmax(0,1fr) 206px;align-items:center;column-gap:12px;min-height:28px;display:grid}.gfx-label{font:400 16px/1.2 var(--ui);color:var(--gold);text-shadow:var(--outline)}.gfx-label small{font:400 12px/1.2 var(--chat);color:#aab6d4;margin-top:2px;display:block}.gfx-note{min-height:16px;font:400 12px/16px var(--chat);color:#aab6d4;text-shadow:var(--outline);margin-top:-9px}.gfx-val{font:400 14px/1 var(--ui);color:var(--white);text-shadow:var(--outline);text-align:right;white-space:nowrap}.gfx-sep{font:400 11px/16px var(--caps);letter-spacing:.16em;text-transform:uppercase;color:var(--silver);text-shadow:var(--outline);align-items:center;gap:12px;margin:0 0 -2px;display:flex}.gfx-sep:before,.gfx-sep:after{content:"";background:linear-gradient(90deg,#ffd10000,#ffd10099);flex:1;height:1px}.gfx-sep:after{background:linear-gradient(90deg,#ffd10099,#ffd10000)}.gfx-sel{grid-template-columns:28px minmax(0,1fr) 28px;column-gap:3px;height:28px;display:grid}.gfx-arrow{filter:drop-shadow(0 1px 1px #000c);width:28px;height:28px;cursor:inherit;background:url(/assets/ui/reglages/fleche.svg) 50%/28px 28px no-repeat;border:0;padding:0}.gfx-arrow.prev{transform:scaleX(-1)}.gfx-arrow:hover:not(:disabled),.gfx-arrow:focus-visible{background-image:url(/assets/ui/reglages/fleche-survol.svg);outline:none}.gfx-arrow:active:not(:disabled){translate:0 1px}.gfx-arrow:disabled{background-image:url(/assets/ui/reglages/fleche-inactive.svg)}.gfx-field{box-sizing:border-box;white-space:nowrap;text-overflow:ellipsis;height:28px;font:400 14px/26px var(--ui);color:var(--white);text-align:center;text-shadow:var(--outline);background:linear-gradient(#070a12,#161d2e);border:1px solid #7c8498;border-radius:3px;padding:0 6px;display:block;overflow:hidden;box-shadow:0 1px 1px #000000e6,inset 0 2px 3px #000000d9,inset 0 -1px #c8d2f02e}.gfx-slider{grid-template-columns:10px minmax(0,1fr) 10px 44px;align-items:center;column-gap:5px;height:28px;display:grid}.gfx-chev{width:10px;height:14px;cursor:inherit;background:url(/assets/ui/reglages/chevron.svg) 50%/10px 14px no-repeat;border:0;padding:0}.gfx-chev.prev{transform:scaleX(-1)}.gfx-chev:hover:not(:disabled),.gfx-chev:focus-visible{background-image:url(/assets/ui/reglages/chevron-survol.svg);outline:none}.gfx-chev:disabled{opacity:.3}.gfx-slider input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:28px;cursor:inherit;background:0 0;margin:0}.gfx-slider input[type=range]:focus{outline:none}.gfx-slider input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(#04060b,#121827);border-radius:4px;height:8px;box-shadow:inset 0 0 0 1px #6f7686,inset 0 1px 2px #000000e6,0 1px 1px #000000e6}.gfx-slider input[type=range]::-moz-range-track{background:linear-gradient(#04060b,#121827);border-radius:4px;height:8px;box-shadow:inset 0 0 0 1px #6f7686,inset 0 1px 2px #000000e6,0 1px 1px #000000e6}.gfx-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:url(/assets/ui/reglages/losange.svg) 50%/28px 28px no-repeat;border:0;width:28px;height:28px;margin-top:-10px}.gfx-slider input[type=range]::-moz-range-thumb{background:url(/assets/ui/reglages/losange.svg) 50%/28px 28px no-repeat;border:0;width:28px;height:28px}.gfx-slider input[type=range]:hover::-webkit-slider-thumb,.gfx-slider input[type=range]:focus-visible::-webkit-slider-thumb{background-image:url(/assets/ui/reglages/losange-survol.svg)}.gfx-slider input[type=range]:hover::-moz-range-thumb,.gfx-slider input[type=range]:focus-visible::-moz-range-thumb{background-image:url(/assets/ui/reglages/losange-survol.svg)}.gfx-check input[type=checkbox]{-webkit-appearance:none;appearance:none;box-sizing:border-box;width:24px;height:24px;cursor:inherit;background:linear-gradient(#070a12,#161d2e);border:1px solid #8f97ad;border-radius:3px;justify-self:end;margin:0 2px 0 0;box-shadow:0 1px 1px #000000e6,inset 0 2px 3px #000000d9,inset 0 -1px #c8d2f033}.gfx-check input[type=checkbox]:hover,.gfx-check input[type=checkbox]:focus-visible{border-color:#e6c35a;outline:none}.gfx-check input[type=checkbox]:checked{background:url(/assets/ui/reglages/coche.svg) 0 0/22px 22px no-repeat,linear-gradient(#070a12,#161d2e)}.gfx-buttons{justify-content:center;gap:12px;margin-top:2px;display:flex}.gfx-btn{height:34px;cursor:inherit;font:400 15px/1 var(--ui);color:var(--gold);text-shadow:var(--outline);background:linear-gradient(#33406a,#171f38);border:1px solid #9aa3bb;border-radius:4px;flex:0 180px;padding:0 12px 1px;box-shadow:0 2px 3px #000000d9,inset 0 1px #dce6ff52,inset 0 -2px 1px #0000008c}.gfx-btn:hover,.gfx-btn:focus-visible{color:#ffe66b;background:linear-gradient(#3f4f80,#1d2747);border-color:#e6c35a;outline:none;box-shadow:0 2px 3px #000000d9,0 0 6px #ffd10040,inset 0 1px #dce6ff73,inset 0 -2px 1px #0000008c}.gfx-btn:active{background:linear-gradient(#141b30,#26324f);border-color:#9aa3bb;padding-top:2px;box-shadow:0 1px 1px #000000e6,inset 0 2px 3px #000000b3}.gfx-hint{text-align:center;font:400 12px/1.3 var(--chat);color:#dce1f099;text-shadow:var(--outline);margin-top:-4px}#fps{z-index:60;text-align:center;pointer-events:none;white-space:nowrap;position:fixed;top:6px;left:50%;transform:translate(-50%)}#fps b{font:400 15px/1.25 var(--ui);color:var(--gold);text-shadow:var(--outline);display:block}#fps span{font:400 12px/1.3 var(--chat);color:#d4d9e8;text-shadow:var(--outline);display:block}#game-menu.window .big-btn{width:236px;height:36px;font:400 16px/1 var(--ui);color:var(--gold);text-shadow:var(--outline);filter:none;background:linear-gradient(#33406a,#171f38);border:1px solid #9aa3bb;border-radius:4px;margin:3px 0;padding:0 14px 1px;transition:none;box-shadow:0 2px 3px #000000d9,inset 0 1px #dce6ff52,inset 0 -2px 1px #0000008c}#game-menu.window .big-btn:hover:not(:disabled),#game-menu.window .big-btn:focus-visible{filter:none;color:#ffe66b;background:linear-gradient(#3f4f80,#1d2747);border-color:#e6c35a;outline:none;box-shadow:0 2px 3px #000000d9,0 0 6px #ffd10040,inset 0 1px #dce6ff73,inset 0 -2px 1px #0000008c}#game-menu.window .big-btn:active:not(:disabled){background:linear-gradient(#141b30,#26324f);border-color:#9aa3bb;padding-top:2px;transform:none;box-shadow:0 1px 1px #000000e6,inset 0 2px 3px #000000b3}#game-menu.window .big-btn:disabled{filter:grayscale(.6)brightness(.8);color:#a59a7a}@media (width>=680px){#game-menu.window:not(.gfx):not(.sv){align-items:center}#game-menu.window:not(.gfx):not(.sv)>.snd{grid-row:1/span 4}#game-menu.window:not(.gfx):not(.sv)>.vox{grid-row:5/span 3}}.cs-gfx{left:calc(28px * var(--cs,1));bottom:calc(28px * var(--cs,1));transform:scale(max(var(--cs,1), .9));transform-origin:0 100%;box-sizing:border-box;background:linear-gradient(#10182ae0,#060a14e6);border:1px solid #6f7686;border-radius:6px;width:262px;padding:12px 14px;position:absolute;box-shadow:0 4px 14px #000000b3,inset 0 1px #dce6ff2e}.cs-gfx-title{font:400 16px/1 var(--ui);color:var(--gold);text-shadow:var(--outline);margin:0 0 9px}.cs-gfx .gfx-sel{width:100%}.cs-gfx-note{min-height:32px;font:400 13px/16px var(--chat);color:#aab6d4;text-shadow:var(--outline);margin-top:8px}.cs-gfx-note b{color:var(--gold);font-weight:500}#generique{z-index:60;opacity:0;cursor:inherit;background:radial-gradient(at 50% 45%,#0d1122 0%,#030409 75%);transition:opacity 1.5s;position:fixed;inset:0;overflow:hidden}#generique.on{opacity:1}#generique .gq-roll{text-align:center;will-change:transform;width:min(720px,100vw - 32px);position:absolute;top:0;left:50%;transform:translateY(100vh)}#generique .gq-head{padding:12vh 0 10vh}#generique .gq-kicker{font:500 15px/1 var(--caps);letter-spacing:.28em;text-transform:uppercase;color:#a3abc0;margin-bottom:18px}#generique h1{font:400 46px/1.1 var(--title);color:#ffedc2;text-shadow:0 3px 14px #000c;margin:0}#generique section{margin:0 0 9vh}#generique h2{font:500 16px/1 var(--caps);letter-spacing:.22em;text-transform:uppercase;color:var(--gold);margin:0 0 22px}#generique p{font:400 19px/1.35 var(--ui);grid-template-columns:1fr 1fr;gap:22px;margin:0 0 12px;display:grid}#generique p b{color:#fff;text-align:right;font-weight:400}#generique p i{color:#9fa7bd;text-align:left;font-style:normal}#generique p b.solo{text-align:center;grid-column:1/-1;font-size:22px}#generique .gq-last{text-align:center;opacity:0;pointer-events:none;place-content:center;transition:opacity 2.5s .6s;display:grid;position:absolute;inset:0}#generique .gq-last h1{font-size:54px}#generique .gq-last p{font:400 24px/1.4 var(--ui);color:#c39bff;margin:22px 0 0;display:block}#generique.last .gq-roll{opacity:0;transition:opacity 1.2s}#generique.last .gq-last{opacity:1}#generique .gq-skip{font:400 14px/1 var(--ui);color:#dce0ec73;position:absolute;bottom:18px;right:22px}#generique.last .gq-skip{opacity:0}#readable{z-index:11;width:min(400px, calc(100vw - 2 * (242px * var(--s,1) + 20px)));min-width:280px;padding:50px 22px 22px;top:170px;left:50%;transform:translate(-50%)}#readable .qf-body p{margin:0 0 14px;font-style:italic}#readable .qf-body p:last-child{margin-bottom:0}#readable.poster{width:auto;min-width:0;box-shadow:none;background:#04060c6b;padding:0;inset:0;transform:none}#readable.poster:before,#readable.poster .win-title{display:none}#readable.poster .qf-close{top:max(14px,7vh - 10px);right:max(14px,50% - 28.7vh - 18px)}#readable.poster .qf-parch{max-height:none;box-shadow:none;background:0 0;border-radius:0;position:absolute;top:50%;left:50%;overflow:visible;transform:translate(-50%,-50%)}#readable.poster .qf-body{padding:0}#readable.poster img{aspect-ratio:2/3;filter:drop-shadow(0 20px 24px #0000008c);width:auto;height:min(86vh,820px);display:block}#readable.poster.gl .qf-parch{display:none}#readable .poster3d{width:100%;height:100%;position:absolute;inset:0}#readable.poster .poster-hint{text-align:center;font:400 13px/1 var(--ui);color:#ffecc8b3;text-shadow:0 1px 2px #000;pointer-events:none;position:absolute;top:max(10px,3.5vh - 6px);left:0;right:0}#story-end{z-index:50;opacity:0;background:radial-gradient(at 50% 40%,#101426eb,#020306fa);place-items:center;padding:16px;transition:opacity 1.2s;display:grid;position:fixed;inset:0}#story-end.on{opacity:1}#story-end:not(.on){pointer-events:none}#story-end .se-page{text-align:center;max-width:620px}#story-end .se-kicker{font:500 15px/1 var(--caps);letter-spacing:.24em;text-transform:uppercase;color:#a3abc0;margin-bottom:18px}#story-end h1{font:400 44px/1.1 var(--title);color:#ffedc2;text-shadow:0 3px 12px #000c;margin:0 0 8px}#story-end h2{font:400 22px/1.2 var(--ui);color:var(--gold);margin:0 0 26px}#story-end p{font:400 19px/1.6 var(--ui);color:#d8dbe6;margin:0 0 16px}#story-end .se-last{color:#c39bff;margin-top:30px;font-size:22px}#story-end .big-btn{margin-top:28px}#story-items{left:50%;bottom:calc(14px + 158px * var(--s,1));gap:8px;display:flex;position:absolute;transform:translate(-50%)}#story-items:empty{display:none}.story-item{cursor:inherit;background:#05060a 50%/cover no-repeat;border:0;width:52px;height:52px;padding:0}.story-item span{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.story-item:hover{filter:brightness(1.25)}.story-item.eau_de_lune{background-image:url(/assets/ui/story/eau_de_lune.webp)}.story-item.fiole_clair_de_lune,.story-item.fiole_pretresses{background-image:url(/assets/ui/story/fiole_clair_de_lune.webp)}.story-item.runes{background-image:url(/assets/ui/story/rune_lune.webp)}.story-item.runes i{mix-blend-mode:screen;pointer-events:none;background:radial-gradient(circle at 46% 46%,#cde8ff73,#cde8ff00 58%);animation:2.4s ease-in-out infinite rune-glow;position:absolute;inset:0}.story-item.runes b{z-index:2;font:600 13px/1 var(--chat);color:#fff;text-shadow:var(--outline);position:absolute;bottom:3px;right:4px}@keyframes rune-glow{50%{opacity:.35}}.story-item.cible_paille{background-image:url(/assets/ui/story/cible_paille.webp)}.story-item.lanterne_ysane{background-image:url(/assets/ui/story/lanterne_ysane.webp)}#story-flash{z-index:40;pointer-events:none;opacity:0;background:radial-gradient(circle,#fff 0,#cfe6ff 35%,#6f98d8 100%);transition:opacity .28s;position:fixed;inset:0}#story-flash.on{opacity:.92}.story-item.cor_ilyara{background-image:url(/assets/ui/story/cor_ilyara.webp)}.story-item.talisman_lune{background-image:url(/assets/ui/story/talisman_lune.webp),url(/assets/ui/story/rune_lune.webp)}#story-mount{z-index:12;width:min(460px, calc(100vw - 2 * (242px * var(--s,1) + 20px)));opacity:0;pointer-events:none;background:linear-gradient(#0e1222eb,#060810eb);border-radius:4px;align-items:center;gap:16px;min-width:280px;padding:14px 20px;transition:opacity .8s,transform .8s;display:flex;position:absolute;top:210px;left:50%;transform:translate(-50%)translateY(-8px);box-shadow:0 0 0 1px #000,0 0 0 2px #b08a3a,0 0 0 3px #0a0b10,0 14px 30px #000000b3}#story-mount.on{opacity:1;transform:translate(-50%)translateY(0)}#story-mount .sm-icon{background:radial-gradient(circle at 50% 38%,#2b3a6e,#0a0d1c 72%);border-radius:50%;flex:none;place-items:center;width:58px;height:58px;display:grid;box-shadow:0 0 0 2px #b08a3a,0 0 0 3px #0a0b10}#story-mount .sm-icon svg{fill:#f2efe6;width:34px;height:34px}#story-mount .sm-icon img{object-fit:cover;border-radius:50%;width:100%;height:100%}#story-mount .sm-kicker{font:400 14px/1.2 var(--ui);color:var(--gold);text-shadow:var(--outline)}#story-mount .sm-name{font:400 30px/1.1 var(--title);color:#ffedc2;text-shadow:0 2px 6px #000c}#story-mount .sm-hint{font:400 14px/1.3 var(--ui);color:#c8cbd8;margin-top:2px}#hud.wm-open>:not(#worldmap){visibility:hidden}#worldmap{z-index:30;background:0 0;inset:52px 40px 40px}#worldmap .wm-view{touch-action:none;position:absolute;inset:0 0 46px;overflow:hidden;box-shadow:inset 0 0 80px #02040ab3,inset 0 0 0 1px #000000b3}#worldmap .wm-view.panning,#worldmap .wm-view.turning{cursor:grabbing}#worldmap .wm-marks{pointer-events:none;position:absolute;inset:0}#worldmap .wm-bar{background:linear-gradient(180deg, #06091259, #060912b3), var(--panel) center / 260px;align-items:center;gap:20px;height:46px;padding:0 58px;display:flex;position:absolute;bottom:0;left:0;right:0;box-shadow:0 -1px #a0aac859,0 -2px #05060a}#worldmap .wm-keys{flex-wrap:wrap;flex:1;align-items:center;gap:0 18px;min-width:0;height:24px;display:flex;overflow:hidden}#worldmap .wm-keys span{white-space:nowrap;height:24px;font:400 13px/1 var(--chat);color:#ffffffdb;text-shadow:var(--outline);align-items:center;gap:7px;display:inline-flex}#worldmap kbd{min-width:22px;font:600 12px/1 var(--chat);color:var(--gold);text-align:center;background:linear-gradient(#2a3248,#0c1019);border-radius:3px;padding:4px 7px 3px;box-shadow:inset 0 1px #dce6ff40,0 0 0 1px #747c8e,0 0 0 2px #0a0b10}#worldmap .wm-clear{white-space:nowrap;flex:none;min-width:0;padding:7px 16px}#worldmap .wm-north{z-index:4;background:radial-gradient(circle at 50% 30%,#3a4566,#0a0d18 70%);border:0;border-radius:50%;width:40px;height:40px;padding:0;position:absolute;top:62px;right:22px;box-shadow:0 0 0 2px #a3abc0,0 0 0 3px #0a0b10,0 3px 8px #000000b3,inset 0 1px #ffffff40}#worldmap .wm-north:hover{filter:brightness(1.35)}#worldmap .wm-north i{display:block;position:absolute;inset:0}#worldmap .wm-north i:before{content:"";border:4px solid #0000;border-top:0;border-bottom:8px solid #e8503e;margin-left:-4px;position:absolute;top:4px;left:50%}#worldmap .wm-north b{font:400 15px/1 var(--ui);color:var(--gold);text-shadow:var(--outline);position:absolute;inset:13px 0 0}#worldmap .wm-mark{will-change:transform;position:absolute;top:0;left:0;translate:-50% -50%}#worldmap .wm-place{z-index:1;font:400 16px/1 var(--ui);color:#ffedc2;white-space:nowrap;letter-spacing:.02em;-webkit-text-stroke:3px #000;paint-order:stroke fill}#worldmap .wm-place.water{color:#b4dcff;font-size:14px;font-style:italic}#worldmap .wm-pt{z-index:2}#worldmap .wm-pt.quest-available,#worldmap .wm-pt.quest-ready,#worldmap .wm-pt.quest-active{font:700 30px/1 var(--ui);color:var(--gold);-webkit-text-stroke:4px #000;paint-order:stroke fill;filter:drop-shadow(0 0 6px #ffd10080)}#worldmap .wm-pt.quest-active{color:#b8b8b8;filter:none}#worldmap .wm-pt.poi{font:400 24px/1 var(--ui);color:#fff3a8;-webkit-text-stroke:3px #000;paint-order:stroke fill;filter:drop-shadow(0 0 8px #ffdc78e6)}#worldmap .wm-pt.party{background:#4aa3ff;border-radius:50%;width:13px;height:13px;box-shadow:0 0 0 2px #fff,0 0 0 3px #000}#worldmap .wm-pt.icon{filter:drop-shadow(0 0 6px #ffd278cc)drop-shadow(0 2px 2px #000000e6);background:50%/contain no-repeat;width:30px;height:30px}#worldmap .wm-pt.npc{background:#ffe14d;border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 1.5px #000}#worldmap .wm-me{z-index:5;width:28px;height:34px}#worldmap .wm-me svg{filter:drop-shadow(0 2px 3px #000c);width:100%;height:100%;display:block;position:relative}#worldmap .wm-me:before,#worldmap .wm-me:after{content:"";border-radius:50%;width:50px;height:50px;margin:-25px 0 0 -25px;position:absolute;top:55%;left:50%}#worldmap .wm-me:before{background:radial-gradient(circle,#c8dcff73,#c8dcff00 70%)}#worldmap .wm-me:after{animation:2.4s ease-out infinite wm-here;box-shadow:0 0 0 2px #e1ebffcc,0 0 8px #a0beff99}@keyframes wm-here{0%{opacity:.9;transform:scale(.3)}to{opacity:0;transform:scale(1.2)}}#worldmap .wm-pin{z-index:3;width:0;height:0;translate:none}#worldmap .wm-pin.local{z-index:4}#worldmap .wm-pin .pin-ico{width:30px;height:34px;filter:drop-shadow(0 0 6px color-mix(in srgb, var(--c) 55%, transparent)) drop-shadow(0 2px 2px #000c);position:absolute;top:-31px;left:-15px}#worldmap .wm-pin b{font:400 13px/1 var(--ui);color:var(--c);white-space:nowrap;-webkit-text-stroke:3px #000;paint-order:stroke fill;position:absolute;top:6px;left:0;translate:-50%}#worldmap .wm-pin b:empty{display:none}#pin-marks{z-index:0;position:absolute;inset:0;overflow:hidden}#hud>#pin-marks{pointer-events:none}.pin-mark{transform-origin:0 0;will-change:transform;width:0;height:0;position:absolute;top:0;left:0}.pin-mark .pin-ico{width:28px;height:32px;filter:drop-shadow(0 0 7px color-mix(in srgb, var(--c) 60%, transparent)) drop-shadow(0 2px 2px #000000d9);position:absolute;top:-29px;left:-14px}.pin-mark .pm-dist{font:400 14px/1 var(--ui);color:#fff;white-space:nowrap;-webkit-text-stroke:3px #000;paint-order:stroke fill;position:absolute;top:6px;left:0;translate:-50%}.pin-mark .pm-name{font:400 13px/1 var(--ui);color:var(--c);white-space:nowrap;-webkit-text-stroke:3px #000;paint-order:stroke fill;position:absolute;top:-47px;left:0;translate:-50%}.pin-mark .pm-name:empty{display:none}.pin-mark .pm-arrow{width:0;height:0;display:none;position:absolute;top:-5px;left:0}.pin-mark.edge .pm-arrow{display:block}.pin-mark .pm-arrow:before{content:"";border-top:4px solid var(--c);border-right:4px solid var(--c);filter:drop-shadow(0 0 1px #000)drop-shadow(0 0 2px #000);border-radius:1px;width:12px;height:12px;position:absolute;top:-6px;left:28px;transform:rotate(45deg)}#boss-frame{top:calc(14px + 4px * var(--s,1));width:min(420px, calc(100vw - 2 * (242px * var(--s,1) + 20px)));transition:opacity .6s;position:absolute;left:50%;transform:translate(-50%)}#boss-frame.gone{opacity:0}#boss-frame .bf-plate{background:linear-gradient(180deg, #0a0e1a8c, #05070ed9), var(--metal) center / 160px;box-shadow:var(--bevel), 0 0 0 2px #747c8e, 0 0 0 3px #0a0b10, 0 4px 10px #0009;border-radius:6px;align-items:center;gap:10px;padding:7px 14px 8px 9px;display:flex;position:relative}#boss-frame .bf-skull{background:radial-gradient(circle at 50% 35%,#3a2050,#0a0610);border-radius:50%;flex:none;place-items:center;width:40px;height:40px;display:grid;box-shadow:0 0 0 2px #9aa2b6,0 0 0 3px #0a0b10,0 2px 4px #000c}#boss-frame .bf-skull svg{fill:#e8dcc0;filter:drop-shadow(0 1px 1px #000);width:24px;height:24px}#boss-frame .bf-main{flex:1;min-width:0}#boss-frame .bf-name{font:400 16px/20px var(--ui);color:var(--gold);text-shadow:var(--outline);white-space:nowrap;align-items:baseline;gap:8px;display:flex;overflow:hidden}#boss-frame .bf-name b{font-weight:400}#boss-frame .bf-name span{color:#c9c9d4;font-size:12px}#boss-frame .bf-hp{height:18px;margin-top:3px}#boss-frame .bf-hp i{transition:transform .15s linear}#boss-frame .bf-hp span{z-index:2;font:500 11px/18px var(--chat)}#boss-frame .bf-hp .tick{z-index:1;background:#ffe496cc;width:2px;margin-left:-1px;position:absolute;top:0;bottom:0;box-shadow:0 0 0 1px #0009}#boss-frame .bf-phase{font:400 12px/1 var(--ui);color:#d6c6ff;text-shadow:var(--outline);margin-top:5px}#boss-frame .bf-phase:empty{display:none}#boss-frame .bf-cast{align-items:center;gap:7px;width:min(300px,100%);margin:9px auto 0;display:flex}#boss-frame .bf-icon{background:radial-gradient(circle at 50% 45%,#f6e0ff 0 10%,#a25bff 32%,#2a0d4a 70%,#0a0410);border-radius:2px;flex:none;width:22px;height:22px;box-shadow:0 0 0 1px #000,0 0 0 2px #8a92a6,0 0 0 3px #0a0b10}#boss-frame .bf-cbar{background:#020306;border-radius:2px;flex:1;height:16px;position:relative;overflow:hidden;box-shadow:inset 0 1px 3px #000,0 0 0 1px #000,0 0 0 2px #8a92a6,0 0 0 3px #0a0b10}#boss-frame .bf-cbar i{transform-origin:0;background:linear-gradient(#ffe46e 0%,#f0a800 45%,#8f5200 100%);position:absolute;inset:0}#boss-frame .bf-cbar i:after{content:"";background:#fff3;position:absolute;inset:0 0 55%}#boss-frame .bf-cast.channel .bf-cbar i{background:linear-gradient(#8eff7c 0%,#22c41f 45%,#0b6a0b 100%)}#boss-frame .bf-cbar .nm,#boss-frame .bf-cbar .tm{font:500 11px/16px var(--chat);text-shadow:var(--outline);position:absolute;top:0}#boss-frame .bf-cbar .nm{text-align:center;left:0;right:0}#boss-frame .bf-cbar .tm{right:6px}body.boss-fight #target-frame{top:calc(18px + 110px * var(--s,1));left:16px}#target-frame[data-hostile] .bar.mp{display:none}#boss-warn{top:calc(48px + 112px * var(--s,1));width:min(820px, calc(100vw - 2 * (242px * var(--s,1) + 20px)));text-align:center;position:absolute;left:50%;transform:translate(-50%);pointer-events:none!important}#boss-warn .w{font:400 30px/1.25 var(--ui);-webkit-text-stroke:4px #000;paint-order:stroke fill;text-shadow:0 3px 8px #0009;transition:opacity 1.2s;animation:.4s ease-out boss-pop}#boss-warn .e{font:400 19px/1.3 var(--ui);color:#ffae3a;-webkit-text-stroke:3px #000;paint-order:stroke fill;margin-top:4px;transition:opacity 1.2s}#boss-warn .out{opacity:0}@keyframes boss-pop{0%{opacity:0;transform:scale(1.4)}40%{opacity:1}to{transform:scale(1)}}.label .bnp{width:92px;margin:3px auto 0}.label .bnp-hp,.label .bnp-cast{background:#050608;border-radius:1px;height:7px;position:relative;overflow:hidden;box-shadow:0 0 0 1px #000,0 0 0 2px #a0aac859}.label .bnp-hp i,.label .bnp-cast i{transform-origin:0;position:absolute;inset:0}.label .bnp-hp i{background:linear-gradient(#ff5a48,#b00d0d)}.label .bnp-cast{height:9px;margin-top:4px}.label .bnp-cast i{background:linear-gradient(#ffe46e,#b67400)}.label .bnp-cast span{font:500 8px/9px var(--chat);color:#fff;text-shadow:var(--outline);position:absolute;inset:0}#boss-extra{bottom:calc(14px + 118px * var(--s,1));transform:translateX(-50%) scale(var(--s,1));transform-origin:50% 100%;text-align:center;position:absolute;left:50%}#boss-extra button{background:#05060a;border:0;border-radius:6px;width:76px;height:76px;margin:0 auto;padding:0;animation:1.4s ease-in-out infinite boss-extra;display:block;position:relative;overflow:hidden;box-shadow:0 0 0 2px #0a0b10,0 0 0 4px #b8a46a,0 0 0 5px #0a0b10,0 0 22px #ffd10073}#boss-extra button:hover{filter:brightness(1.2)}#boss-extra img{width:100%;height:100%;display:block}#boss-extra .key{font:600 14px/1 var(--chat);color:#e6e6e6;text-shadow:var(--outline);position:absolute;top:3px;right:6px}#boss-extra .nm{font:400 15px/1 var(--ui);color:var(--gold);text-shadow:var(--outline);white-space:nowrap;margin-top:9px}#boss-shield{bottom:calc(14px + 118px * var(--s,1));left:calc(50% - 132px * var(--s,1));transform:translateX(-50%) scale(var(--s,1));transform-origin:50% 100%;text-align:center;transition:left .4s;position:absolute}#boss-extra[hidden]~#boss-shield{left:50%}body.two-bars #boss-extra,body.two-bars #boss-shield{bottom:calc(14px + 215px * var(--s,1))}#boss-shield button{background:#05060a;border:0;border-radius:6px;width:64px;height:64px;margin:0 auto;padding:0;display:block;position:relative;overflow:hidden;box-shadow:0 0 0 2px #0a0b10,0 0 0 4px #9fb6e8,0 0 0 5px #0a0b10,0 0 18px #aacdff73}#boss-shield button:hover{filter:brightness(1.2)}#boss-shield img{width:100%;height:100%;display:block}#boss-shield .cd{opacity:0;pointer-events:none;background:#04060ead;transition:opacity .3s;position:absolute;inset:0}#boss-shield.used .cd{opacity:1}#boss-shield.used button{box-shadow:0 0 0 2px #0a0b10,0 0 0 4px #4a5570,0 0 0 5px #0a0b10}#boss-shield .key{font:600 14px/1 var(--chat);color:#e6e6e6;text-shadow:var(--outline);position:absolute;top:3px;right:6px}#boss-shield .nm{font:400 14px/1 var(--ui);color:#bcd2ff;text-shadow:var(--outline);white-space:nowrap;margin-top:8px}@keyframes boss-extra{50%{box-shadow:0 0 0 2px #0a0b10,0 0 0 4px #ffe08a,0 0 0 5px #0a0b10,0 0 34px #ffd100bf}}.label .bnp-hp.friend i{background:linear-gradient(#7dff6a,#0b7a0b)}#death-box button.emeraude{filter:hue-rotate(125deg)saturate(1.15);margin-top:8px}#death-box button.emeraude:hover{filter:hue-rotate(125deg)saturate(1.15)brightness(1.25)}#emeraude-flash{z-index:40;pointer-events:none;opacity:0;background:radial-gradient(circle at 50% 55%,#aaffcdd9,#28aa648c 45%,#05281900 100%);position:fixed;inset:0}#emeraude-flash.on{animation:1.6s ease-out emeraude-flash}@keyframes emeraude-flash{0%{opacity:0}15%{opacity:1}to{opacity:0}}#cine{z-index:50;pointer-events:none;position:fixed;inset:0}#cine .cine-bar{background:#000;height:0;transition:height .8s cubic-bezier(.3,0,.2,1);position:absolute;left:0;right:0;overflow:hidden}#cine .cine-bar.top{top:0}#cine .cine-bar.bottom{justify-content:center;align-items:center;display:flex;bottom:0}#cine.on .cine-bar{height:12.5vh}#cine .cine-sub{text-align:center;max-width:900px;font:400 22px/1.4 var(--ui);color:#ece8df;text-shadow:0 1px 2px #000;opacity:0;padding:0 48px;transition:opacity .35s}#cine .cine-sub.show{opacity:1}#cine .cine-sub b{margin-right:.3em;font-weight:400}#cine .cine-sub b:empty{display:none}#cine .cine-sub.narr span{color:#d9cfbb;font-style:italic}#cine .cine-skip{font:500 11px/1 var(--caps);letter-spacing:.22em;text-transform:uppercase;color:#c8ccda8c;opacity:0;transition:opacity .6s;position:absolute;top:calc(12.5vh - 26px);right:26px}#cine.on .cine-skip{opacity:1;transition-delay:1.5s}#cine .cine-fade{opacity:0;background:#000;position:absolute;inset:0}#hud{transition:opacity .5s}body.cine-on #hud{opacity:0}body.cine-on #hud,body.cine-on #hud>*{pointer-events:none!important}#cine-card{z-index:70;text-align:center;opacity:0;background:radial-gradient(at 50% 42%,#0e0b19 0%,#030206 62%,#000 100%);place-items:center;transition:opacity 1.6s;display:grid;position:fixed;inset:0}#cine-card.on{opacity:1}#cine-card .cc-inner{width:min(720px,90vw)}#cine-card .cc-step{opacity:0;transition:opacity 1.6s}#cine-card .cc-step.on{opacity:1}#cine-card .cc-kicker{font:500 13px/1 var(--caps);letter-spacing:.34em;text-transform:uppercase;color:var(--silver)}#cine-card .cc-title{font:400 62px/1.05 var(--title);color:var(--gold);text-shadow:0 0 34px #ffd10029;margin-top:22px}#cine-card .cc-sub{font:400 20px/1.3 var(--ui);color:#cfcac0;margin-top:14px}#cine-card .cc-rule{background:linear-gradient(90deg,#ffd10000,#ffd100b3,#ffd10000);width:200px;height:1px;margin:52px auto 46px}#cine-card .cc-whisper{font:italic 400 19px/1.5 var(--ui);color:#c39bff}#cine-card .cc-next{font:500 15px/1 var(--caps);letter-spacing:.3em;text-transform:uppercase;color:var(--gold);margin-top:40px}#cine-card .cc-next-sub{font:400 17px/1.3 var(--ui);color:var(--silver);margin-top:12px}#cine-card .cc-btn{pointer-events:none;margin:50px auto 0}#cine-card .cc-btn.on{pointer-events:auto}#party-frames{left:16px;top:calc(14px + 120px * var(--s,1));transform:scale(var(--s,1));transform-origin:0 0;flex-direction:column;gap:2px;display:flex;position:absolute}#party-frames .unit-frame{zoom:.7;position:relative;top:auto;left:auto;transform:none}#party-frames:has(>:nth-child(5)) .unit-frame{zoom:.55}#party-frames .unit-frame.offline{filter:grayscale()brightness(.6)}.unit-frame.talking .portrait{filter:drop-shadow(0 0 6px #9fd8ff)drop-shadow(0 0 12px #78beffcc)}.unit-frame.talking .bars{box-shadow:var(--bevel), 0 0 0 2px #9fd8ff, 0 0 0 3px #0a0b10, 0 0 14px #78beffb3}.unit-frame .mute{color:#ff5a4a;background:radial-gradient(circle at 50% 35%,#26304a,#070a12);border-radius:50%;width:26px;height:26px;padding:4px;display:none;position:absolute;bottom:2px;right:0;box-shadow:0 0 0 2px #9aa2b6,0 0 0 3px #0a0b10}.unit-frame.muted .mute{display:block}.unit-frame .mute svg{width:100%;height:100%;display:block}.label .spk{color:#dff1ff;filter:drop-shadow(0 0 1px #000)drop-shadow(0 0 1px #000)drop-shadow(0 0 6px #78beffe6);width:26px;height:26px;margin:0 auto 2px;display:none}.label.talking .spk{display:block}.label .spk svg{width:100%;height:100%;display:block}#minimap .mic,#minimap .deaf{width:30px;height:30px;color:var(--gold);background:radial-gradient(circle at 50% 30%,#3a4566,#0a0d18 70%);border:0;border-radius:50%;padding:5px;position:absolute;box-shadow:0 0 0 2px #a3abc0,0 0 0 3px #0a0b10,0 2px 4px #000000b3,inset 0 1px #ffffff40}#minimap .mic{bottom:78px;left:0}#minimap .deaf{width:27px;height:27px;padding:4px;bottom:114px;left:6px}#minimap .mic:hover,#minimap .deaf:hover{filter:brightness(1.4)}#minimap .mic svg,#minimap .deaf svg{width:100%;height:100%;display:block}#minimap .mic .slash{stroke:none}#minimap .mic.none{color:#9a9aa8}#minimap .mic.muted{color:#c8c8d0}#minimap .mic.muted .slash{stroke:#ff4a3a}#minimap .deaf.on{color:#ff5a4a;box-shadow:0 0 0 2px #ff5a4a,0 0 0 3px #0a0b10,0 2px 4px #000000b3}#minimap .mic i{font:400 10px/14px var(--ui);width:14px;height:14px;color:var(--white);text-shadow:var(--outline);background:#0a0d18;border-radius:50%;font-style:normal;display:none;position:absolute;bottom:-4px;right:-5px;box-shadow:0 0 0 1px #a3abc0}#minimap .mic.ptt i{display:block}#minimap .mic.held{color:#dff1ff;box-shadow:0 0 0 2px #9fd8ff,0 0 0 3px #0a0b10,0 0 12px #78beffe6}.unit-frame .vstate{color:#e8eaf2;background:radial-gradient(circle at 50% 35%,#26304a,#070a12);border-radius:50%;width:26px;height:26px;padding:4px;display:none;position:absolute;top:6px;left:2px;box-shadow:0 0 0 2px #9aa2b6,0 0 0 3px #0a0b10}.unit-frame .vstate i{display:none}.unit-frame .vstate svg{width:100%;height:100%;display:block}.unit-frame[data-voice=muted] .vstate,.unit-frame[data-voice=deaf] .vstate,.unit-frame[data-voice=muted] .v-mic,.unit-frame[data-voice=deaf] .v-deaf{display:block}.unit-frame[data-voice=deaf] .vstate{color:#ff5a4a}#game-menu .vox{background:linear-gradient(90deg,#ffd10000,#ffd10066 20% 80%,#ffd10000) bottom/100% 1px no-repeat;flex-direction:column;gap:10px;width:236px;margin:4px 0 12px;padding:0 0 14px;display:flex}.vox-row{font:400 14px/1 var(--ui);color:var(--gold);text-shadow:var(--outline);grid-template-columns:1fr auto;align-items:baseline;row-gap:6px;display:grid}.vox-row b{font:400 12px/1 var(--ui);color:#e6e6e6}.vox-row input{-webkit-appearance:none;appearance:none;width:100%;height:18px;cursor:inherit;--v:100%;background:0 0;grid-column:1/-1;margin:0}.vox-row input:focus{outline:none}.vox-row input::-webkit-slider-runnable-track{background:linear-gradient(90deg, #8a6512, #ffd100 var(--v), #0a0e17 var(--v));height:6px;box-shadow:var(--bevel);border-radius:3px}.vox-row input::-moz-range-track{background:linear-gradient(90deg, #8a6512, #ffd100 var(--v), #0a0e17 var(--v));height:6px;box-shadow:var(--bevel);border-radius:3px}.vox-row input::-webkit-slider-thumb{-webkit-appearance:none;background:linear-gradient(#f6f2e4,#b3ad9f 50%,#6b665d);border:0;border-radius:2px;width:12px;height:18px;margin-top:-6px;box-shadow:0 0 0 1px #05060a,0 2px 4px #000c}.vox-row input::-moz-range-thumb{background:linear-gradient(#f6f2e4,#b3ad9f 50%,#6b665d);border:0;border-radius:2px;width:12px;height:18px;box-shadow:0 0 0 1px #05060a,0 2px 4px #000c}.vox-check{font:400 14px/1 var(--ui);color:var(--gold);text-shadow:var(--outline);align-items:center;gap:8px;display:flex}.vox-check input{accent-color:#ffd100;width:16px;height:16px;margin:0}.vox-mode{font:400 14px/1 var(--ui);color:var(--gold);text-shadow:var(--outline);flex-direction:column;gap:6px;display:flex}.vox-mode label{color:#e6e6e6;align-items:center;gap:8px;display:flex}.vox-mode input{accent-color:#ffd100;width:15px;height:15px;margin:0}.login-box .create-party{margin:8px auto 0;display:block}.inv-head{font:400 14px/1.2 var(--ui);color:#d8dbe6;text-shadow:var(--outline);margin-bottom:14px}.inv-head b{font:400 26px/1.1 var(--title);color:var(--gold);letter-spacing:1px;margin-top:4px;display:block}.login-box.inviting{width:470px;transform:translateX(-50%) scale(var(--fit,1));transform-origin:50% 100%;bottom:7vh}.invite{text-align:center;text-shadow:var(--outline)}.inv-title{font:400 15px/1 var(--ui);color:#d8dbe6}.inv-code{font:400 36px/1.1 var(--title);color:var(--gold);letter-spacing:2px;margin:6px 0 8px}.invite p{max-width:420px;font:400 14px/1.4 var(--ui);color:#eef0f6;margin:0 auto 12px}.invite .big-btn{margin:14px auto 0}.inv-link{align-items:center;gap:8px;display:flex}.inv-link input{min-width:0;height:32px;font:400 13px/32px var(--chat);color:#f2f4fa;background:#02040ab8;border:0;border-radius:3px;outline:none;flex:1;padding:0 9px;box-shadow:inset 0 1px 3px #000,0 0 0 1px #59607a,0 0 0 2px #0a0b10}.inv-link .btn{white-space:nowrap;min-width:0;padding:8px 12px}#charselect.in-lobby>:not(#lobby){visibility:hidden}#lobby{transform:translate(-50%, -50%) scale(var(--fit,1));z-index:5;flex-direction:column;gap:12px;width:480px;padding:50px 24px 20px;display:flex;top:50%;left:50%}#lobby .win-title b{margin-left:6px;font-weight:400}.lb-mode{font:400 14px/1 var(--ui);color:var(--gold);text-shadow:var(--outline);align-items:center;gap:10px;display:flex}.lb-sizes{flex:1;gap:4px;display:flex}.lb-sizes button{font:400 14px/1 var(--ui);color:#c8ccd8;text-shadow:var(--outline);background:#060912bf;border:0;border-radius:3px;flex:1;padding:8px 0;box-shadow:inset 0 0 0 1px #59607a}.lb-sizes button.on{color:var(--gold);background:linear-gradient(#8a2219 0%,#5b0f0a 48%,#3a0705 100%);box-shadow:inset 0 1px #ffbe9659,0 0 0 1px #6f7686}.lb-sizes button:disabled:not(.on){opacity:.4}.lb-sizes button:hover:not(:disabled){filter:brightness(1.3)}.lb-list{flex-direction:column;gap:4px;display:flex}.lb-row{background:#02040a73;border-radius:3px;grid-template-columns:38px 1fr auto;align-items:center;gap:10px;padding:6px 10px 6px 6px;display:grid;box-shadow:inset 0 0 0 1px #59607a99}.lb-row.me{box-shadow:inset 0 0 0 1px #ffd1008c}.lb-row.free{opacity:.55;background:0 0;box-shadow:inset 0 0 0 1px #59607a66}.lb-row img,.lb-empty-icon{width:38px;height:38px;display:block}.lb-empty-icon{border-radius:50%;box-shadow:inset 0 0 0 1px #59607a}.lb-row b{font:400 16px/1.2 var(--ui);text-shadow:var(--outline);display:block}.lb-row span{font:400 12px/1.3 var(--ui);color:#b8bcc8;text-shadow:var(--outline);display:block}.lb-row i{font:400 13px/1 var(--ui);text-shadow:var(--outline);font-style:normal}.lb-row i.go{color:#6fe36f}.lb-row i.go:before{content:"✓ "}.lb-row i.wait{color:#a8acb8}.lb-hint{min-height:2.7em;font:400 13px/1.35 var(--ui);color:#e2e4ec;text-align:center;text-shadow:var(--outline);margin:0}.lb-btns{justify-content:center;gap:8px;display:flex}.lb-btns .btn{min-width:0;padding:9px 14px}.lb-btns .btn:disabled{filter:grayscale(.8)brightness(.7)}#popups{z-index:60;width:460px;transform:translateX(-50%) scale(var(--sh,1));transform-origin:50% 0;pointer-events:none;flex-direction:column;gap:8px;display:flex;position:fixed;top:12px;left:50%}.popup{pointer-events:auto;text-align:center;box-shadow:var(--bevel), 0 0 0 2px #8a92a6, 0 0 0 3px #0a0b10, 0 8px 22px #000000b3;background:linear-gradient(#0a0e1aeb,#04060cf7);border-radius:4px;padding:14px 18px 12px}.popup p{font:400 15px/1.4 var(--ui);color:#f2f2f6;text-shadow:var(--outline);margin:0 0 12px}.popup-btns{justify-content:center;gap:12px;display:flex}.popup-btns .btn{min-width:110px}.popup-bar{background:#05070c;border-radius:2px;height:4px;margin:-4px 0 12px;overflow:hidden}.popup-bar i{transform-origin:0;background:linear-gradient(90deg,#ffd100,#c88a00);height:100%;animation:linear forwards popup-time;display:block}@keyframes popup-time{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.unit-frame[data-ready=wait] .portrait:after,.unit-frame[data-ready=yes] .portrait:after,.unit-frame[data-ready=no] .portrait:after{width:26px;height:26px;font:700 16px/1 var(--ui);text-shadow:var(--outline);background:radial-gradient(circle at 50% 35%,#26304a,#070a12);border-radius:50%;place-items:center;display:grid;position:absolute;top:4px;right:-2px;box-shadow:0 0 0 2px #9aa2b6,0 0 0 3px #0a0b10}.unit-frame[data-ready=wait] .portrait:after{content:"…";color:var(--gold)}.unit-frame[data-ready=yes] .portrait:after{content:"✓";color:#6fe36f}.unit-frame[data-ready=no] .portrait:after{content:"✕";color:#ff5a4a}#lettre{z-index:30;background:radial-gradient(at 50% 45%,#04060e40,#04060eb8);place-items:center;display:grid;position:absolute;inset:0}#lettre .lt-feuille{width:540px;max-height:calc((100vh - 48px) / var(--sh,1));transform:scale(var(--sh,1));background:linear-gradient(180deg, #fff4d638, #78501e1f), var(--parch) center / 340px;color:#2c1d0d;font:400 18px/1.6 "IM Fell English", var(--ui);user-select:text;scrollbar-width:thin;scrollbar-color:#8a6a3a transparent;border-radius:3px;padding:62px 58px 30px;position:relative;overflow:auto;box-shadow:0 26px 70px #000000bf,inset 0 0 80px #603a1080,inset 0 0 0 1px #46280a66}#lettre.ouvre .lt-feuille{animation:.9s cubic-bezier(.2,.75,.25,1) both lt-deroule}@keyframes lt-deroule{0%{clip-path:inset(0 0 100%)}to{clip-path:inset(0)}}#lettre .lt-sceau{background:radial-gradient(circle at 38% 32%,#9b6ee0,#5a2f9c 55%,#2d1356);border-radius:50%;width:40px;height:40px;margin-left:-20px;position:absolute;top:16px;left:50%;box-shadow:0 2px 3px #00000073,inset 0 0 0 3px #280c508c}#lettre .lt-sceau:after{content:"";border-radius:50%;width:18px;height:18px;position:absolute;top:9px;left:11px;transform:rotate(-20deg);box-shadow:inset 5px -2px #decdffd9}#lettre .lt-titre{text-align:center;font:400 28px/1.15 var(--title);color:#3a230c;margin:0 0 6px}#lettre .lt-titre:after{content:"";background:linear-gradient(90deg,#0000,#5032148c,#0000);width:120px;height:1px;margin:14px auto 22px;display:block}#lettre .lt-texte p{margin:0 0 15px}#lettre .lt-texte strong{color:#6a1f12;font-style:italic;font-weight:400}#lettre .lt-signature{text-align:right;margin:22px 8px 0 0;font-size:21px;font-style:italic}#lettre .lt-signature:empty{display:none}#lettre .lt-fermer{font:400 15px/1 var(--ui);color:#5d3c14;background:0 0;border:0;border-top:1px solid #50321459;margin:26px auto 0;padding:6px 14px;display:block}#lettre .lt-fermer:hover{color:#2a1503}#hud.photo-on>:not(#photo){display:none!important}body.photo-on>:not(#scene):not(#hud):not(canvas):not(script){visibility:hidden!important}#photo{pointer-events:none;z-index:40;position:absolute;inset:0}#photo .ph-panneau{pointer-events:auto;width:232px;transform:scale(var(--sh,1));transform-origin:100% 0;font:400 13px/1.3 var(--ui);color:#e8e8ea;background:linear-gradient(#0a0e1cdb,#060912e6);border-radius:4px;padding:14px 14px 12px;position:absolute;top:14px;right:14px;box-shadow:0 0 0 1px #c2c3c447,0 10px 30px #0000008c}#photo.replie .ph-panneau{display:none}#photo .ph-titre{font:700 13px/1 var(--caps);letter-spacing:.12em;text-transform:uppercase;color:var(--gold);text-shadow:var(--outline);margin:0 0 12px}#photo h4{font:400 11px/1 var(--caps);letter-spacing:.1em;text-transform:uppercase;color:#9aa3bd;justify-content:space-between;align-items:center;margin:0 0 6px;display:flex}#photo .ph-groupe{border-top:1px solid #c2c3c424;padding:10px 0}#photo .ph-groupe:first-of-type{border-top:0;padding-top:0}#photo button{font:400 12.5px/1 var(--ui);color:#e8e8ea;cursor:inherit;background:#ffffff0a;border:1px solid #c2c3c438;border-radius:3px}#photo button:hover{color:#fff;background:#ffffff1a}#photo button[aria-pressed=true]{color:var(--gold);background:#ffd10017;border-color:#ffd100bf}#photo .ph-poses,#photo .ph-filtres{grid-template-columns:1fr 1fr;gap:4px;display:grid}#photo .ph-poses button,#photo .ph-filtres button{padding:6px 4px}#photo .ph-bascule{text-align:left;justify-content:space-between;align-items:center;width:100%;margin:0 0 4px;padding:6px 8px;display:flex}#photo .ph-bascule span:before{content:"";vertical-align:1px;border:1px solid #c2c3c499;border-radius:50%;width:8px;height:8px;margin-right:8px;display:inline-block}#photo .ph-bascule[aria-pressed=true] span:before{background:var(--gold);border-color:var(--gold)}#photo .ph-curseur{color:#b9bfd0;align-items:center;gap:10px;margin:2px 0 8px;padding:0 8px;display:flex}#photo .ph-curseur input{accent-color:#ffd100;flex:1}#photo .ph-curseur input:disabled{opacity:.35}#photo kbd{font:500 10.5px/1 var(--chat);color:#c9cbd4;background:#ffffff14;border-radius:2px;padding:2px 4px;box-shadow:inset 0 -1px #00000080}#photo .ph-declic{width:100%;color:var(--gold);background:#ffd10014;border-color:#ffd1008c;justify-content:center;align-items:center;gap:8px;margin:4px 0 10px;padding:9px 8px;font-size:14px;display:flex}#photo .ph-aide{font:400 11.5px/1.25 var(--chat);color:#9aa3bd;grid-template-columns:auto 1fr;gap:3px 8px;margin:0;display:grid}#photo .ph-aide dt{color:#d7d9e0}#photo .ph-aide dd{margin:0}#photo .ph-cache{transform:translateX(-50%) scale(var(--sh,1));transform-origin:bottom;font:400 12px/1 var(--chat);color:#e6e8f08c;text-shadow:var(--outline);white-space:nowrap;display:none;position:absolute;bottom:14px;left:50%}#photo.replie .ph-cache{display:block}#photo .ph-flash{opacity:0;pointer-events:none;background:#fff;position:absolute;inset:0}#photo .ph-flash.on{animation:.45s ease-out ph-flash}@keyframes ph-flash{0%{opacity:.55}to{opacity:0}}#save-flag{z-index:60;font:400 15px/1 var(--ui);color:var(--gold);text-shadow:var(--outline);white-space:nowrap;opacity:0;pointer-events:none;background:linear-gradient(90deg,#04060c00,#04060cd9 26%);border-radius:0 3px 3px 0;align-items:center;gap:9px;padding:7px 14px 7px 26px;transition:opacity .9s;display:flex;position:fixed;bottom:16px;right:16px}#save-flag.on{opacity:1;transition-duration:.25s}#save-flag i{filter:drop-shadow(0 0 3px #9fd8ffcc);border-radius:50%;width:15px;height:15px;transform:rotate(-30deg);box-shadow:inset 4px -2px #dfe7ff}#save-flag.on i{animation:1.1s cubic-bezier(.3,.7,.3,1) sv-moon}#save-flag.fail{color:#ff6a5a}#save-flag.fail i{filter:none;box-shadow:inset 4px -2px #ff8a7a}@keyframes sv-moon{0%{transform:rotate(-390deg)}to{transform:rotate(-30deg)}}#game-menu.sv{gap:0;width:min(420px,100vw - 80px);padding:62px 30px 20px}#game-menu.sv>.big-btn,#game-menu.sv>.snd,#game-menu.sv>.vox{display:none}.sv-panel,.sv-view{flex-direction:column;align-items:center;width:100%;display:flex}.sv-text{text-wrap:balance;font:400 15px/1.35 var(--ui);color:var(--gold);text-shadow:var(--outline);text-align:center;margin:0 0 4px}.sv-status{min-height:18px;font:400 13px/18px var(--chat);color:#aab6d4;text-shadow:var(--outline);text-align:center;overflow-wrap:anywhere;margin:0 0 6px}.sv-status.bad{color:#ff6a5a}.sv-status.good{color:#7dff8a}.sv-hint{text-wrap:balance;max-width:330px;font:400 12px/1.35 var(--chat);color:#dce1f0b3;text-shadow:var(--outline);text-align:center;margin:4px 0 6px}.big-btn.sv-btn,#game-menu .big-btn.sv-btn{width:300px;height:82px;padding:0 64px 4px;font-size:16px}.sv-row{justify-content:center;gap:2px;display:flex}#game-menu .big-btn.sv-btn.half,.big-btn.sv-btn.half{width:186px;height:54px;padding:0 40px 3px;font-size:15px}.sv-list{flex-direction:column;gap:5px;margin:4px 0 2px;padding:0;list-style:none;display:flex}.sv-list li{font:400 15px/1.3 var(--ui);color:#e6e6e6;text-shadow:var(--outline);text-align:center;white-space:nowrap}.sv-list b{margin-right:8px;font-weight:400}.sv-reset{font:400 15px/1.2 var(--ui);color:#ced2e2b3;text-shadow:var(--outline);white-space:nowrap;background:0 0;border:0;margin-top:2px;padding:4px 10px}.sv-reset:hover{color:#ff8a7a;text-underline-offset:3px;text-decoration:underline}.sv-shade{z-index:30;background:#03050c8c;position:absolute;inset:0}.sv-confirm{width:440px;transform:translate(-50%, -50%) scale(max(.8, var(--cs,1)));text-align:center;flex-direction:column;align-items:center;padding:56px 34px 20px;display:flex;top:50%;left:50%}.sv-ask{font:400 21px/1.3 var(--ui);color:var(--white);text-shadow:var(--outline);white-space:nowrap;margin:0 0 8px}.sv-ask b{font-weight:400}.sv-lose{font:400 15px/1.4 var(--ui);color:#e0e0e0;text-shadow:var(--outline);margin:0 0 2px}.sv-warn{font:400 15px/1.4 var(--ui);color:#ff6a5a;text-shadow:var(--outline);margin:0 0 10px}#hf-discover{top:calc(40px + 88px * var(--s,1) + var(--zone-h,50px) + 6px);width:min(640px, calc(100vw - 2 * (242px * var(--s,1) + 20px)));text-align:center;opacity:0;pointer-events:none;position:absolute;left:50%;transform:translate(-50%)}#hf-discover b{font:400 22px/1.2 var(--ui);color:var(--gold);-webkit-text-stroke:4px #000;paint-order:stroke fill;text-shadow:0 2px 5px #0009;display:block}#hf-discover span{font:400 16px/1.2 var(--ui);color:#a9a9ff;-webkit-text-stroke:3px #000;paint-order:stroke fill;margin-top:3px;display:block}#hf-discover span:empty{display:none}#hf-toasts{left:50%;bottom:calc(132px * var(--s,1) + 30px);transform:translateX(-50%) scale(var(--sh,1));transform-origin:50% 100%;z-index:12;pointer-events:none;gap:8px;display:grid;position:absolute}.hf-toast{background:radial-gradient(at 50% 0,#ffd10029,#ffd10000 70%),linear-gradient(#121626f5,#06080ff5);border-radius:6px;grid-template-columns:54px 1fr 48px;align-items:center;gap:10px;width:330px;height:70px;padding:0 12px 0 10px;display:grid;box-shadow:inset 0 1px #ffe6a059,0 0 0 2px #b8913e,0 0 0 3px #0a0b10,0 0 22px #ffc44059,0 10px 24px #000000b3}.hf-toast small{font:500 10px/1 var(--caps);letter-spacing:.16em;text-transform:uppercase;color:var(--gold);text-shadow:var(--outline);margin-bottom:6px;display:block}.hf-toast b{font:400 17px/1.15 var(--ui);color:#fff;text-shadow:var(--outline);white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.hf-ico{border-radius:4px;width:48px;height:48px;display:block;overflow:hidden;box-shadow:0 0 0 2px #a88838,0 0 0 3px #0a0b10,0 2px 6px #0009}.hf-ico img{width:100%;height:100%;display:block}.hf-shield{width:40px;height:46px;font:400 16px/1 var(--ui);color:#fff;text-shadow:var(--outline);clip-path:polygon(50% 100%,6% 70%,6% 6%,94% 6%,94% 70%);background:radial-gradient(circle at 50% 30%,#6a5a2a,#2a2010 75%);place-items:center;display:grid;position:relative;box-shadow:inset 0 0 0 2px #c9a54a}.hf-shield:before{content:"";clip-path:polygon(50% 100%,6% 70%,6% 6%,94% 6%,94% 70%,50% 100%,50% 93%,88% 67%,88% 11%,12% 11%,12% 67%,50% 93%);background:#d9b45a;position:absolute;inset:0}#hauts-faits{z-index:10;width:min(680px, calc(100vw - 2 * (190px * var(--s,1) + 56px)));grid-template-rows:auto auto 1fr;gap:8px;min-width:520px;height:min(480px,100vh - 140px);padding:46px 18px 16px;display:grid;top:clamp(72px,13vh,130px);left:50%;transform:translate(-50%)}#hauts-faits .hf-tabs{gap:6px;display:flex}#hauts-faits .hf-tabs button{font:400 14px/1 var(--ui);color:#c9c2a8;text-shadow:var(--outline);background:linear-gradient(#282e46e6,#0e121ee6);border:0;border-radius:3px 3px 0 0;padding:6px 16px 5px;box-shadow:inset 0 1px #dce6ff33,0 0 0 1px #59607a}#hauts-faits .hf-tabs button.on{color:var(--gold);background:linear-gradient(#604a1ee6,#1e160ae6);box-shadow:inset 0 1px #ffe6a059,0 0 0 1px #b8913e}#hauts-faits .hf-head{font:400 15px/1 var(--ui);text-shadow:var(--outline);justify-content:space-between;align-items:center;padding:0 4px;display:flex}#hauts-faits .hf-who b{font-size:17px;font-weight:400}#hauts-faits .hf-who i{color:#e8dcc0;margin-left:6px;font-style:normal}#hauts-faits .hf-total{color:#c9c2a8;align-items:center;gap:8px;display:flex}#hauts-faits .hf-total .hf-shield{width:34px;height:40px;font-size:14px}#hauts-faits .hf-body{grid-template-columns:150px 1fr;gap:12px;min-height:0;display:grid}#hauts-faits.col .hf-body{grid-template-rows:1fr auto;grid-template-columns:1fr}.hf-cats{flex-direction:column;gap:3px;display:flex;overflow:auto}.hf-cats button{font:400 14px/1 var(--ui);color:var(--gold);text-shadow:var(--outline);text-align:left;background:linear-gradient(90deg,#141a2cd9,#0a0e188c);border:0;border-radius:2px;justify-content:space-between;align-items:center;gap:6px;padding:8px 9px;display:flex;box-shadow:inset 0 0 0 1px #7882a059}.hf-cats button em{font:400 12px/1 var(--chat);color:#a8a8b8;font-style:normal}.hf-cats button.on{color:#fff;background:linear-gradient(90deg,#ffd10047,#ffd1000a);box-shadow:inset 0 0 0 1px #ffd1008c}.hf-cats button:hover{filter:brightness(1.25)}.hf-list{scrollbar-width:thin;scrollbar-color:#8a6a3a transparent;flex-direction:column;gap:6px;padding-right:4px;display:flex;overflow:auto}.hf-row{background:linear-gradient(90deg,#181e32eb,#0c101ccc);border-radius:3px;grid-template-columns:52px 1fr 44px;align-items:center;gap:10px;padding:7px 8px;display:grid;box-shadow:inset 0 0 0 1px #6e789666}.hf-row.done{background:linear-gradient(90deg,#463612e6,#18140cd9);box-shadow:inset 0 0 0 1px #c9a54abf}.hf-row.todo .hf-ico img{filter:grayscale(.85)brightness(.55)}.hf-row.todo .hf-shield{filter:grayscale()brightness(.7)}.hf-row.secret .hf-ico img{filter:grayscale()brightness(.25)blur(1px)}.hf-row.more{cursor:inherit}.hf-row.more:hover{filter:brightness(1.15)}.hf-txt{min-width:0;font:400 13px/1.3 var(--chat);color:#d8d4c8;text-shadow:var(--outline)}.hf-txt b{font:400 15px/1.2 var(--ui);color:var(--gold);margin-bottom:2px;display:block}.hf-row.todo .hf-txt b{color:#c8c2b0}.hf-row.secret .hf-txt span{color:#a9a6c4;font-style:italic}.hf-reward{color:#e3b8ff;margin-top:2px;display:block}.hf-date{color:#a99a74;margin-top:2px;font-size:12px;font-style:normal;display:block}.hf-prog{background:#0000008c;border-radius:2px;height:13px;margin-top:5px;display:block;position:relative;overflow:hidden;box-shadow:0 0 0 1px #59607a}.hf-prog b{background:linear-gradient(#2f7d2f,#175217);height:100%;margin:0;display:block}.hf-prog em{font:400 11px/13px var(--chat);text-align:center;color:#fff;font-style:normal;position:absolute;inset:0}.hf-steps{columns:2;column-gap:14px;margin:6px 0 0;padding:0;font-size:12px;list-style:none}.hf-steps li{color:#8d8a9c;break-inside:avoid;padding-left:14px;position:relative}.hf-steps li:before{content:"·";position:absolute;left:3px}.hf-steps li.ok{color:#e8dcc0}.hf-steps li.ok:before{content:"✓";color:#6fd06f;left:0}.hf-summary{flex-direction:column;gap:7px;display:flex}.hf-summary h3{font:400 15px/1 var(--ui);color:var(--gold);text-shadow:var(--outline);background:linear-gradient(90deg,#ffd100b3,#ffd10000) bottom/100% 1px no-repeat;margin:6px 0 0;padding-bottom:6px}.hf-bars{grid-template-columns:1fr 1fr;gap:6px 12px;display:grid}.hf-bar{font:400 13px/1 var(--ui);color:#e8dcc0;text-shadow:var(--outline);grid-template-columns:96px 1fr;align-items:center;gap:8px;display:grid}.hf-bar i{background:#0000008c;border-radius:2px;height:16px;display:block;position:relative;overflow:hidden;box-shadow:0 0 0 1px #6f7686,0 0 0 2px #0a0b10}.hf-bar i b{background:linear-gradient(#c99a2a,#6e4f10);height:100%;display:block}.hf-bar i em{font:400 11px/16px var(--chat);text-align:center;color:#fff;font-style:normal;position:absolute;inset:0}.hf-summary>.hf-bar{grid-template-columns:150px 1fr}.hf-title{font:400 14px/1 var(--ui);color:#e8dcc0;text-shadow:var(--outline);align-items:center;gap:8px;display:flex}.hf-title select{font:400 13px/1 var(--chat);color:var(--gold);background:#10141f;border:0;border-radius:3px;padding:4px 6px;box-shadow:0 0 0 1px #747c8e,0 0 0 2px #0a0b10}.hf-hint{font:400 13px/1.35 var(--chat);color:#a9a6c4;text-shadow:var(--outline);margin:2px 0;font-style:italic}.col-wrap{scrollbar-width:thin;scrollbar-color:#8a6a3a transparent;flex-direction:column;gap:7px;padding-right:4px;display:flex;overflow:auto}.col-wrap section{background:linear-gradient(#181e32d9,#0c101cb3);border-radius:3px;padding:6px 10px 8px;box-shadow:inset 0 0 0 1px #6e789666}.col-wrap h3{font:400 15px/1 var(--ui);color:var(--gold);text-shadow:var(--outline);align-items:center;gap:8px;margin:0;display:flex}.col-wrap h3 img{border-radius:3px;width:24px;height:24px;box-shadow:0 0 0 1px #a88838}.col-wrap h3 span{font:400 13px/1 var(--chat);color:#c9c2a8;margin-left:auto}.col-wrap p{font:400 12px/1.3 var(--chat);color:#a9a6c4;text-shadow:var(--outline);margin:3px 0 5px;font-style:italic}.col-grid{flex-wrap:wrap;gap:6px;display:flex}.col-slot{background:#00000080;border:0;border-radius:3px;width:38px;height:38px;padding:0;position:relative;overflow:hidden;box-shadow:inset 0 0 8px #000c,0 0 0 1px #3c4258}.col-slot span{font:400 15px/38px var(--ui);color:#4e5470}.col-slot img{width:100%;height:100%;display:block}.col-slot em{font:600 11px/1 var(--chat);color:#fff;text-shadow:var(--outline);font-style:normal;position:absolute;bottom:1px;right:2px}.col-slot.got{box-shadow:0 0 0 1px #a88838,0 0 0 2px #0a0b10}.col-slot.got:hover,.col-slot.sel{filter:brightness(1.25);box-shadow:0 0 0 2px var(--gold), 0 0 10px #ffd10080}.col-detail{min-height:36px;font:400 13px/1.35 var(--chat);color:#d8d4c8;text-shadow:var(--outline);background:#00000059;border-radius:3px;padding:6px 10px}.col-detail b{font:400 15px/1.2 var(--ui);color:var(--gold);display:block}.col-detail span{color:#f0d98a;font-style:italic}#hf-reader{z-index:11;width:min(420px, calc(100vw - 2 * (242px * var(--s,1) + 20px)));min-width:300px;padding:50px 22px 22px;top:clamp(90px,20vh,170px);left:50%;transform:translate(-50%)}#hf-reader .qf-parch{max-height:calc(100vh - clamp(90px,20vh,170px) - 150px)}#hf-reader .qf-body p{margin:0 0 12px;font-style:italic}#hf-reader .qf-body h4{font:500 12px/1 var(--caps);letter-spacing:.14em;text-transform:uppercase;color:#6b3fa0;margin:0 0 10px}#hf-reader .qf-body footer{font:400 12px/1 var(--caps);letter-spacing:.08em;color:#7a5a2a;text-align:right;border-top:1px solid #5a370f59;margin-top:14px;padding-top:8px}#hf-reader.page .qf-body p{color:#2a1640}.art-explore{justify-items:center;gap:16px;width:100%;padding:0 8px;display:grid}.art-explore .ax-discover{text-align:center}.art-explore .ax-discover b{font:400 14px/1.25 var(--ui);color:var(--gold);-webkit-text-stroke:3px #000;paint-order:stroke fill;display:block}.art-explore .ax-discover span{font:400 12px/1.2 var(--ui);color:#a9a9ff;-webkit-text-stroke:2px #000;paint-order:stroke fill;margin-top:3px;display:block}.art-explore .hf-toast{grid-template-columns:34px 1fr 28px;gap:7px;width:min(196px,100%);height:52px;padding:0 8px}.art-explore .hf-toast .hf-ico{width:34px;height:34px}.art-explore .hf-toast small{letter-spacing:.1em;margin-bottom:4px;font-size:8px}.art-explore .hf-toast b{font-size:13px}.art-explore .hf-shield{width:28px;height:34px;font-size:12px}.flyout{z-index:12;min-width:190px;box-shadow:var(--bevel), 0 0 0 2px #59607a, 0 0 0 3px #0a0b10, 0 6px 16px #0009;transform:translateX(-50%) scale(var(--s,1));transform-origin:50% 100%;background:linear-gradient(#0a0e1adb,#04060cf0);border-radius:4px;flex-direction:column;gap:3px;padding:10px 10px 9px;display:flex;position:fixed;bottom:150px;left:50%}.flyout b{font:400 14px/1 var(--ui);color:var(--gold);text-shadow:var(--outline);background:linear-gradient(90deg,#ffd100b3,#ffd10000) bottom/100% 1px no-repeat;margin-bottom:3px;padding:0 2px 7px}.flyout button{font:400 14px/1 var(--chat);color:#ffffffe6;text-shadow:var(--outline);text-align:left;background:0 0;border:0;border-radius:3px;align-items:center;gap:9px;padding:4px 8px 4px 4px;display:flex}.flyout button:hover:not(:disabled){color:#fff3a8;background:#ffd1001f}.flyout button.current span{color:var(--gold)}.flyout button:disabled{opacity:.45}.flyout kbd{min-width:22px;font:600 12px/1 var(--chat);color:var(--gold);text-align:center;background:linear-gradient(#2a3248,#0c1019);border-radius:3px;padding:4px 6px 3px;box-shadow:inset 0 1px #dce6ff40,0 0 0 1px #747c8e,0 0 0 2px #0a0b10}.flyout img{border-radius:3px;width:30px;height:30px;box-shadow:0 0 0 1px #000,0 0 0 2px #59607a}.flyout em{font:italic 400 12px/1 var(--chat);color:#c8cde1a6;margin-left:auto;padding-left:10px}#voyage-land{left:calc(50% + 266px * var(--s,1));bottom:calc(22px * var(--s,1));transform:scale(var(--s,1));transform-origin:0 100%;z-index:6;white-space:nowrap;align-items:center;gap:10px;display:flex;position:absolute}#voyage-land kbd{font:500 11px/1 var(--caps);letter-spacing:.12em;color:var(--silver);border:1px solid #c8ccda66;border-radius:3px;padding:3px 6px}#voyage-land[hidden]{display:none}.qf-body .gossip.vol:before{content:"";vertical-align:-2px;-webkit-text-stroke:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 14'%3E%3Cpath d='M1 12 Q4 2 17 1 Q11 4 12 7 Q8 7 8 10 Q5 10 1 12Z' fill='%23ffd100' stroke='%23000' stroke-width='1.2'/%3E%3C/svg%3E") 50%/contain no-repeat;width:18px;height:14px}body.arrivee-on #zone-text,body.arrivee-on #help{visibility:hidden}#action-bar .sky-slots,#action-bar.sky .slots{display:none}#action-bar.sky .sky-slots{justify-content:center;gap:7px;width:449px;display:flex}#action-bar .sky-slots .slot{cursor:pointer}#sky-vigor{left:50%;bottom:calc(10px + 96px * var(--s,1));transform:translateX(-50%) scale(var(--s,1));transform-origin:50% 100%;z-index:5;pointer-events:none;align-items:center;display:flex;position:absolute}#sky-vigor[hidden]{display:none}#sky-vigor .plumes{background:linear-gradient(180deg, #0a0e1a59, #04060ccc), var(--metal) center / 180px;box-shadow:var(--bevel), 0 0 0 2px #8a92a6, 0 0 0 3px #0a0b10, 0 6px 14px #000000b3;border-radius:16px;gap:5px;padding:5px 14px 4px;display:flex;position:relative}#sky-vigor b{width:22px;height:32px;transition:filter .3s;display:block;position:relative}#sky-vigor b u{-webkit-mask:var(--plume) center / contain no-repeat;mask:var(--plume) center / contain no-repeat;background:radial-gradient(at 50% 70%,#10162c,#04060d);display:block;position:absolute;inset:0}#sky-vigor b s{transform-origin:50% 100%;background:linear-gradient(#4e6db8,#2a3f86 60%,#18265a);display:block;position:absolute;inset:0;transform:scaleY(0)}#sky-vigor b.full s{background:linear-gradient(#f2f8ff 0%,#a9ccff 30%,#4f8bf0 70%,#2350b8 100%)}#sky-vigor b.full{filter:drop-shadow(0 0 4px #82b9ffd9)}#sky-vigor b:after{content:"";background:var(--plume-rim) center / contain no-repeat;pointer-events:none;position:absolute;inset:0}#sky-vigor b.flash{animation:.6s ease-out plume-flash}#sky-vigor b.spend{animation:.35s ease-out plume-spend}@keyframes plume-flash{0%{filter:drop-shadow(0 0 14px #fff)brightness(1.8);transform:scale(1.25)}to{filter:drop-shadow(0 0 4px #82b9ffd9);transform:scale(1)}}@keyframes plume-spend{0%{filter:brightness(2.2);transform:scale(.85)}to{filter:none;transform:scale(1)}}#sky-vigor .aile{background:var(--aile) center / contain no-repeat;filter:drop-shadow(0 3px 4px #000c);width:46px;height:30px;transition:filter .4s;display:block}#sky-vigor .aile.g{margin-right:-6px}#sky-vigor .aile.d{margin-left:-6px;transform:scaleX(-1)}#sky-vigor.thrill .aile{filter:drop-shadow(0 0 6px #78c8fff2)drop-shadow(0 0 2px #fff)brightness(1.35)}#sky-vigor{--plume:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 32'%3E%3Cpath d='M11 1C17 6 20 14 16 22C14 26 12.5 28.5 11 31C9.5 28.5 8 26 6 22C2 14 5 6 11 1Z' fill='%23000'/%3E%3C/svg%3E");--plume-rim:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 32'%3E%3Cpath d='M11 1C17 6 20 14 16 22C14 26 12.5 28.5 11 31C9.5 28.5 8 26 6 22C2 14 5 6 11 1Z' fill='none' stroke='%23d9b45c' stroke-width='1.5'/%3E%3Cpath d='M11 30.5C11.4 22 11.6 12 11 3' fill='none' stroke='%23f2dc98' stroke-width='1' opacity='.8'/%3E%3Cpath d='M11 10L15 7M11 14L16 11M11 18L16 15.5M11 22L15 20M11 12L7 9M11 16L6 13.5M11 20L6.5 18' stroke='%23d9b45c' stroke-width='.6' opacity='.55'/%3E%3C/svg%3E");--aile:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 46 30'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23f6e3a4'/%3E%3Cstop offset='.5' stop-color='%23c0953e'/%3E%3Cstop offset='1' stop-color='%23704c14'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M45 16C36 6 20 2 2 5C9 8 13 10 16 13C9 12.5 5 14 2 17C9 16 14 17 18 18.5C12 19.5 9 22 7 26C16 22 27 20.5 45 21Z' fill='url(%23g)' stroke='%231a1206' stroke-width='1.2' stroke-linejoin='round'/%3E%3Cpath d='M40 17C30 12 20 10 8 8M38 19C30 17 22 16 12 17' fill='none' stroke='%23fff6d6' stroke-width='.7' opacity='.6'/%3E%3C/svg%3E")}