@font-face{font-family:Lilita One;font-style:normal;font-display:swap;font-weight:400;src:url(./lilita-one-latin-400-normal-87r-Z-Re.woff2)format("woff2"),url(./lilita-one-latin-400-normal-DXkechA3.woff)format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:600;src:url(./nunito-latin-600-normal-Br8yIETf.woff2)format("woff2"),url(./nunito-latin-600-normal-Cd0eNu1l.woff)format("woff")}@font-face{font-family:Nunito;font-style:normal;font-display:swap;font-weight:800;src:url(./nunito-latin-800-normal-Dz8SOQK_.woff2)format("woff2"),url(./nunito-latin-800-normal-D-J0wlBY.woff)format("woff")}:root{--s:1;--ink:#0b1522;--night:#0d1726;--p1:#28445f;--p2:#172a40;--ember:#ff8a1f;--ember-hi:#ffc46b;--ice:#dcf0fd;--gold:#ffd24a;--paper:#f4f8fb;--muted:#a9bdd0;--display:"Lilita One","Arial Rounded MT Bold",system-ui,sans-serif;--body:"Nunito",system-ui,-apple-system,"Segoe UI",sans-serif;--stroke:0 calc(3px*var(--s)) 0 var(--ink),calc(2px*var(--s)) 0 0 var(--ink),calc(-2px*var(--s)) 0 0 var(--ink),0 calc(-2px*var(--s)) 0 var(--ink),calc(1.5px*var(--s)) calc(1.5px*var(--s)) 0 var(--ink),calc(-1.5px*var(--s)) calc(1.5px*var(--s)) 0 var(--ink),calc(1.5px*var(--s)) calc(-1.5px*var(--s)) 0 var(--ink),calc(-1.5px*var(--s)) calc(-1.5px*var(--s)) 0 var(--ink);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}[hidden]{display:none!important}html,body{height:100%;overflow:hidden}body{background:var(--night);color:var(--paper);font-family:var(--body);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;margin:0}button{font:inherit;color:inherit}#game{width:100%;height:100%;display:block;position:fixed;inset:0}.safe-probe{visibility:hidden;width:0;height:0;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px);position:fixed;top:0;left:0}.corner{top:calc(calc(14px*var(--s)) + env(safe-area-inset-top,0px));right:calc(calc(14px*var(--s)) + env(safe-area-inset-right,0px));gap:calc(8px*var(--s));z-index:5;display:flex;position:fixed}.corner button,.icon-btn{width:calc(46px*var(--s));height:calc(46px*var(--s));border-radius:calc(14px*var(--s));border:calc(3px*var(--s)) solid var(--ink);box-shadow:inset 0 calc(3px*var(--s)) 0 #ffffff38,0 calc(4px*var(--s)) 0 var(--ink);color:#fff;cursor:pointer;background:linear-gradient(#34587c,#1b2f47);place-items:center;padding:0;display:grid}.corner button:active,.icon-btn:active{transform:translateY(calc(3px*var(--s)));box-shadow:inset 0 calc(3px*var(--s)) 0 #ffffff38,0 calc(1px*var(--s)) 0 var(--ink)}.corner svg,.icon-btn svg{width:calc(22px*var(--s));height:calc(22px*var(--s));filter:drop-shadow(0 calc(2px*var(--s)) 0 var(--ink))}.update-pill{--x:-50%;left:50%;top:calc(calc(8px*var(--s)) + env(safe-area-inset-top,0px));transform:translateX(var(--x));z-index:20;width:max-content;max-width:calc(100% - calc(32px*var(--s)));padding:calc(6px*var(--s)) calc(15px*var(--s)) calc(7px*var(--s));border:calc(2.4px*var(--s)) solid var(--ink);border-radius:calc(16px*var(--s));box-shadow:0 calc(3px*var(--s)) 0 var(--ink);font:800 calc(15px*var(--s))/1.2 var(--body);color:#fff;text-shadow:var(--stroke);cursor:pointer;background:linear-gradient(#ffa548,#e3540e);position:fixed}.update-pill:active{transform:translateX(var(--x)) translateY(calc(2px*var(--s)));box-shadow:0 calc(1px*var(--s)) 0 var(--ink)}.update-pill:focus-visible{outline:calc(3px*var(--s)) solid #fff;outline-offset:calc(3px*var(--s))}.update-pill:before{content:"";inset:calc(-5px*var(--s)) 0;position:absolute}.map+.update-pill{top:calc(calc(66px*var(--s)) + env(safe-area-inset-top,0px))}@media (orientation:landscape) and (max-height:500px){.update-pill:not(.map+.update-pill){--x:0;font-size:calc(14px*var(--s));top:calc(calc(4px*var(--s)) + env(safe-area-inset-top,0px));left:calc(calc(16px*var(--s)) + env(safe-area-inset-left,0px))}}.screen{--dlg-top:calc(18px*var(--s));z-index:10;padding:calc(calc(36px*var(--s)) + env(safe-area-inset-top,0px)) calc(calc(16px*var(--s)) + env(safe-area-inset-right,0px)) calc(calc(20px*var(--s)) + env(safe-area-inset-bottom,0px)) calc(calc(16px*var(--s)) + env(safe-area-inset-left,0px));background:#070d18a8;flex-direction:column;justify-content:safe center;align-items:center;display:flex;position:fixed;inset:0;overflow-y:auto}.screen.title{background:linear-gradient(#070d1800 45%,#070d18d1 100%);justify-content:space-between}.logo{font:400 min(clamp(calc(66px*var(--s)),19vw,calc(132px*var(--s))),21dvh)/.8 var(--display);text-align:center;letter-spacing:.01em;filter:drop-shadow(0 calc(10px*var(--s)) 0 #00000047);margin:6vh 0 0;animation:3.2s ease-in-out infinite bob}.logo span{text-shadow:0 calc(7px*var(--s)) 0 var(--ink),calc(4px*var(--s)) 0 0 var(--ink),calc(-4px*var(--s)) 0 0 var(--ink),0 calc(-4px*var(--s)) 0 var(--ink),calc(3px*var(--s)) calc(3px*var(--s)) 0 var(--ink),calc(-3px*var(--s)) calc(3px*var(--s)) 0 var(--ink),calc(3px*var(--s)) calc(-3px*var(--s)) 0 var(--ink),calc(-3px*var(--s)) calc(-3px*var(--s)) 0 var(--ink);display:block}.logo .l1{color:var(--ice)}.logo .l2{color:var(--ember-hi);margin-left:.42em}@keyframes bob{0%,to{transform:rotate(-4deg)}50%{transform:rotate(-4deg) translateY(calc(-8px*var(--s)))}}.menu{align-items:center;gap:calc(14px*var(--s));flex-direction:column;width:100%;display:flex}.rankline{margin:calc(2px*var(--s)) 0 0;font:400 calc(18px*var(--s))/1 var(--display);color:#fff;text-shadow:var(--stroke);align-items:center;gap:calc(6px*var(--s));display:flex}.rankline .star{width:calc(26px*var(--s));height:calc(26px*var(--s))}.link-btn{padding:calc(8px*var(--s)) calc(12px*var(--s));cursor:pointer;font:800 calc(15px*var(--s))/1 var(--body);color:#dcebf7;text-underline-offset:.2em;text-shadow:0 calc(2px*var(--s)) 0 #0b152299;background:0 0;border:0;text-decoration:underline}.link-btn:focus-visible{outline:calc(3px*var(--s)) solid #fff;outline-offset:calc(2px*var(--s));border-radius:calc(8px*var(--s))}.title-links{flex-wrap:wrap;justify-content:center;display:flex}.title-links .link-btn,.pause>.link-btn{min-height:calc(44px*var(--s))}.menu .btn.big{width:min(calc(330px*var(--s)),100%);min-width:0}.btn small{margin-top:calc(5px*var(--s));font:800 calc(15px*var(--s))/1.1 var(--body);letter-spacing:0;color:#fff4e3;text-shadow:0 calc(2px*var(--s)) 0 #0b152273;display:block}.btn{font:400 calc(24px*var(--s))/1 var(--display);letter-spacing:.02em;padding:calc(15px*var(--s)) calc(30px*var(--s)) calc(18px*var(--s));min-width:calc(210px*var(--s));border-radius:calc(18px*var(--s));border:calc(3px*var(--s)) solid var(--ink);cursor:pointer;color:#fff;text-shadow:var(--stroke);box-shadow:inset 0 calc(3px*var(--s)) 0 #ffffff8c,inset 0 calc(-5px*var(--s)) 0 #00000029,0 calc(6px*var(--s)) 0 var(--ink);background:linear-gradient(#ffc46b 0%,#ff8a1f 48%,#f06410 100%);transition:transform 60ms;position:relative}.btn:active{transform:translateY(calc(4px*var(--s)));box-shadow:inset 0 calc(3px*var(--s)) 0 #ffffff8c,inset 0 calc(-5px*var(--s)) 0 #00000029,0 calc(2px*var(--s)) 0 var(--ink)}.btn.blue{background:linear-gradient(#a6defe 0%,#56acea 50%,#2f86cb 100%)}.btn.ghost{background:linear-gradient(#6d88a3 0%,#4b6580 55%,#3b5168 100%)}.btn.big{font-size:calc(32px*var(--s));padding:calc(20px*var(--s)) calc(44px*var(--s)) calc(23px*var(--s));min-width:calc(250px*var(--s))}.btn[disabled],.icon-btn[disabled],.btn[aria-disabled=true],.icon-btn[aria-disabled=true]{filter:grayscale(.85)brightness(.75);cursor:default}.btn:focus-visible,.corner button:focus-visible,.icon-btn:focus-visible{outline:calc(3px*var(--s)) solid #fff;outline-offset:calc(3px*var(--s))}@media (hover:hover){.btn:not([disabled]):hover{filter:brightness(1.1)saturate(1.05)}.corner button:hover,.icon-btn:hover,.places button:hover{background:linear-gradient(#41698f,#22394f)}.tab:not(.on):hover,.seg input:not(:checked)+span:hover{background:linear-gradient(#7f9bb6,#4a6279)}.node:hover{box-shadow:0 0 0 calc(4px*var(--s)) #fff9}}.panel{background:linear-gradient(180deg,var(--p1),var(--p2));border:calc(3px*var(--s)) solid var(--ink);border-radius:calc(24px*var(--s));box-shadow:inset 0 0 0 calc(3px*var(--s)) #9cc3e052,inset 0 calc(6px*var(--s)) 0 calc(3px*var(--s)) #ffffff0f,0 calc(9px*var(--s)) 0 #0006;position:relative}.dialog{width:min(calc(420px*var(--s)),100%);padding:calc(48px*var(--s)) calc(18px*var(--s)) calc(22px*var(--s));align-items:center;gap:calc(14px*var(--s));margin-top:var(--dlg-top);flex-direction:column;animation:.32s cubic-bezier(.3,1.5,.5,1) both pop;display:flex}.screen>.panel{max-height:calc(100% - var(--dlg-top));flex:none}.dialog>*{flex:none}.dialog>.dlg-main{flex:0 auto}.dlg-main{overscroll-behavior:contain;align-items:center;gap:calc(14px*var(--s));scrollbar-width:thin;scrollbar-color:#dcf0fd59 transparent;flex-direction:column;width:100%;min-height:0;display:flex;overflow-y:auto}.diag{margin-top:calc(6px*var(--s));font:700 calc(12px*var(--s))/1.2 var(--body);color:#a9bdd09e;display:block}.keys{align-items:center;gap:calc(12px*var(--s));font:800 calc(14px*var(--s))/1.35 var(--body);color:var(--muted);flex-direction:column;display:none}.keys kbd{box-sizing:border-box;border:calc(2px*var(--s)) solid #dcf0fd59;min-width:1.9em;height:1.9em;box-shadow:0 calc(2px*var(--s)) 0 #00000059;font:inherit;color:#fff;background:#00000040;border-radius:.35em;place-items:center;padding:0 .4em;line-height:1;display:inline-grid}.keys-move{align-items:center;gap:calc(6px*var(--s));flex-direction:column;margin:0;display:flex}.keys-move>div{align-items:flex-end;gap:calc(12px*var(--s));display:flex}.keys-move>div>span:not(.keypad){align-items:center;height:1.9em;display:flex}.keypad{gap:calc(4px*var(--s));grid-template-columns:repeat(3,1.9em);display:grid}.keypad kbd{width:100%;min-width:0;padding:0}.keypad kbd:first-child{grid-column:2}.keypad kbd:nth-child(2){grid-column:1}.keys-list{justify-content:center;gap:calc(8px*var(--s)) calc(16px*var(--s));flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.keys-list li{align-items:center;gap:calc(6px*var(--s));display:flex}@media (pointer:fine){.keys{display:flex}.settings .touch-help{display:none}}.pause .lead .diag{margin-top:calc(4px*var(--s))}@media (orientation:landscape) and (max-height:500px){.pause{width:min(calc(560px*var(--s)),100%)}.pause .col{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.pause .col>:first-child,.pause .col>:last-child:nth-child(2n){grid-column:1/-1}.pause .col .btn{white-space:nowrap;padding-left:calc(10px*var(--s));padding-right:calc(10px*var(--s))}}.screen.preview{background:#070d184d}.settings{gap:calc(10px*var(--s));padding-bottom:calc(16px*var(--s))}.screen>.settings{height:min(calc(100% - var(--dlg-top)),calc(480px*var(--s)));margin-top:auto}.screen>.settings[data-tab=view]{height:auto}.settings[data-tab=view]>.tabpane{flex:0 auto}.settings .tabs{order:1}.settings .tab{font-size:calc(15px*var(--s));padding-left:calc(2px*var(--s));padding-right:calc(2px*var(--s));flex:auto}.dialog.settings>.tabpane{justify-content:flex-start;align-items:center;gap:calc(16px*var(--s));padding-top:calc(4px*var(--s));flex-direction:column;order:2;display:flex}.settings .switch{width:min(100%,calc(330px*var(--s)));min-height:calc(44px*var(--s))}@media (orientation:landscape){.settings{width:min(calc(600px*var(--s)),100%)}.screen>.settings{height:min(calc(100% - var(--dlg-top)),calc(340px*var(--s)))}.settings[data-tab=view]>.tabpane{column-gap:calc(20px*var(--s));grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;display:grid}.view-reset{grid-column:1/-1;justify-self:center}}.zoom{align-items:center;gap:calc(10px*var(--s));width:100%;padding:0 calc(7px*var(--s)) calc(10px*var(--s));text-align:center;flex-direction:column;display:flex}.zoom label{font:800 calc(14px*var(--s))/1.2 var(--body);color:#dbe7f1}.zoom output{margin-left:calc(6px*var(--s));font:400 calc(22px*var(--s))/1 var(--display);color:var(--gold);text-shadow:var(--stroke)}.zoom-row{align-items:center;gap:calc(10px*var(--s));width:100%;display:flex}.zoom-row .icon-btn{flex:none}.zoom input{min-width:0;height:calc(44px*var(--s));cursor:pointer;appearance:none;background:0 0;flex:1;margin:0}.zoom input::-webkit-slider-runnable-track{height:calc(14px*var(--s));border-radius:calc(7px*var(--s));border:calc(3px*var(--s)) solid var(--ink);box-shadow:inset 0 calc(2px*var(--s)) 0 #00000059;background:#3b5168}.zoom input::-moz-range-track{height:calc(14px*var(--s));border-radius:calc(7px*var(--s));border:calc(3px*var(--s)) solid var(--ink);box-shadow:inset 0 calc(2px*var(--s)) 0 #00000059;background:#3b5168}.zoom input::-webkit-slider-thumb{appearance:none;width:calc(30px*var(--s));height:calc(30px*var(--s));margin-top:calc(-11px*var(--s));border:calc(3px*var(--s)) solid var(--ink);box-shadow:0 calc(2px*var(--s)) 0 #00000059;background:linear-gradient(#ffc46b,#f06410);border-radius:50%}.zoom input::-moz-range-thumb{width:calc(30px*var(--s));height:calc(30px*var(--s));border:calc(3px*var(--s)) solid var(--ink);box-shadow:0 calc(2px*var(--s)) 0 #00000059;background:linear-gradient(#ffc46b,#f06410);border-radius:50%}.zoom input:focus-visible{outline:calc(3px*var(--s)) solid #fff;outline-offset:calc(2px*var(--s));border-radius:calc(8px*var(--s))}.zoom .diag{margin:0}@keyframes pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}.col{gap:calc(12px*var(--s));flex-direction:column;align-items:stretch;width:100%;display:flex}.col .btn{min-width:0}.row{gap:calc(10px*var(--s));width:100%;display:flex}.row .btn{min-width:0;padding-left:calc(10px*var(--s));padding-right:calc(10px*var(--s));flex:1}.ribbon{left:50%;top:calc(-30px*var(--s));white-space:nowrap;padding:calc(12px*var(--s)) calc(30px*var(--s)) calc(15px*var(--s));border:calc(3px*var(--s)) solid var(--ink);border-radius:calc(12px*var(--s));font:400 calc(30px*var(--s))/1 var(--display);color:#fff;text-shadow:var(--stroke);box-shadow:inset 0 calc(3px*var(--s)) 0 #fff6,0 calc(5px*var(--s)) 0 #0000004d;background:linear-gradient(#ffa548,#e3540e);position:absolute;transform:translate(-50%)}.ribbon:before,.ribbon:after{content:"";top:calc(14px*var(--s));width:calc(22px*var(--s));height:calc(100% - calc(4px*var(--s)));border:calc(3px*var(--s)) solid var(--ink);background:#a83b0b;position:absolute}.ribbon:before{left:calc(-25px*var(--s));border-radius:calc(6px*var(--s)) 0 0 calc(6px*var(--s));clip-path:polygon(0 0,100% 0,100% 100%,0 100%,40% 50%);border-right:0}.ribbon:after{right:calc(-25px*var(--s));border-radius:0 calc(6px*var(--s)) calc(6px*var(--s)) 0;clip-path:polygon(0 0,100% 0,60% 50%,100% 100%,0 100%);border-left:0}.ribbon.cold{background:linear-gradient(#8fa7bd,#4e667e)}.ribbon.cold:before,.ribbon.cold:after{background:#33475b}.stats{gap:calc(8px*var(--s));grid-template-columns:repeat(3,1fr);width:100%;display:grid}.stat{border-radius:calc(14px*var(--s));padding:calc(9px*var(--s)) calc(4px*var(--s)) calc(10px*var(--s));text-align:center;box-shadow:inset 0 calc(3px*var(--s)) 0 #0003;background:#00000042}.stat span{font:800 calc(13px*var(--s))/1.2 var(--body);color:var(--muted);display:block}.stat strong{font:400 calc(30px*var(--s))/1.05 var(--display);color:#fff;text-shadow:var(--stroke);display:block}.reward{align-items:center;gap:calc(8px*var(--s));font:400 calc(26px*var(--s))/1 var(--display);color:var(--gold);text-shadow:var(--stroke);display:flex}.reward canvas{width:calc(38px*var(--s));height:calc(38px*var(--s))}.lead{text-align:center;white-space:pre-line;font:800 calc(15px*var(--s))/1.35 var(--body);color:var(--muted);margin:0}.stars-big{align-items:flex-end;gap:calc(4px*var(--s));margin-top:calc(2px*var(--s));display:flex}.stars-big .star{width:calc(62px*var(--s));height:calc(62px*var(--s))}.stars-big .star:nth-child(2){width:calc(82px*var(--s));height:calc(82px*var(--s));margin-bottom:calc(12px*var(--s))}.star{flex:none;display:block}.star .s0{fill:#24364b;stroke:var(--ink);stroke-width:2px;stroke-linejoin:round}.star .s1{fill:none}.star.on .s0{fill:#ffc21e}.star.on .s1{fill:#ffe68a}.stars-big .star.on{animation:.5s cubic-bezier(.3,1.7,.5,1) both starIn}.stars-big .star.on:nth-child(2){animation-delay:.25s}.stars-big .star.on:nth-child(3){animation-delay:.5s}@keyframes starIn{0%{transform:scale(0)rotate(-40deg)}to{transform:none}}.goals{gap:calc(7px*var(--s));width:100%;margin:0;padding:0;list-style:none;display:grid}.goals li{align-items:center;gap:calc(10px*var(--s));border-radius:calc(12px*var(--s));padding:calc(7px*var(--s)) calc(12px*var(--s));font:800 calc(15px*var(--s))/1.25 var(--body);background:#0000003d;display:flex}.goals .star{width:calc(28px*var(--s));height:calc(28px*var(--s))}.notes-ver{gap:calc(7px*var(--s));width:100%;display:grid}.notes-ver>.diag{margin:0}.notes li{color:var(--paper);text-align:left;align-items:flex-start}.notes li:before{content:"";width:calc(10px*var(--s));height:calc(10px*var(--s));margin-top:calc(4px*var(--s));border:calc(2px*var(--s)) solid var(--ink);background:linear-gradient(180deg,var(--ember-hi),var(--ember));border-radius:50%;flex:none}.screen.map{background:#cfe0ec;justify-content:flex-start;padding:0;overflow:hidden}.map-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.map-nodes{position:absolute;inset:0}.node{width:calc(84px*var(--s));height:calc(84px*var(--s));margin:calc(-42px*var(--s)) 0 0 calc(-42px*var(--s));cursor:pointer;background:0 0;border:0;border-radius:50%;padding:0;position:absolute}.node:focus-visible{outline:calc(3px*var(--s)) solid #fff;outline-offset:calc(2px*var(--s))}.topbar{z-index:2;align-items:center;gap:calc(8px*var(--s));padding:calc(calc(12px*var(--s)) + env(safe-area-inset-top,0px)) calc(calc(12px*var(--s)) + env(safe-area-inset-right,0px)) calc(12px*var(--s)) calc(calc(12px*var(--s)) + env(safe-area-inset-left,0px));display:flex;position:absolute;top:0;left:0;right:0}.pill{align-items:center;gap:calc(6px*var(--s));height:calc(42px*var(--s));padding:0 calc(14px*var(--s)) 0 calc(6px*var(--s));border-radius:calc(21px*var(--s));border:calc(3px*var(--s)) solid var(--ink);box-shadow:inset 0 calc(3px*var(--s)) 0 #fff3,0 calc(4px*var(--s)) 0 var(--ink);font:400 calc(22px*var(--s))/1 var(--display);color:#fff;text-shadow:var(--stroke);white-space:nowrap;background:linear-gradient(#34587c,#1b2f47);display:inline-flex}.pill canvas,.pill .star{width:calc(32px*var(--s));height:calc(32px*var(--s))}.pill small{font-size:calc(15px*var(--s));color:var(--muted)}.rankpill{flex:0 auto;min-width:0;margin-right:auto;overflow:hidden}.rk{justify-content:center;gap:calc(2px*var(--s));flex-direction:column;min-width:0;display:flex}.rk b{font:400 calc(19px*var(--s))/1 var(--display)}.rk small{text-overflow:ellipsis;font:800 calc(12px*var(--s))/1.05 var(--body);color:#dbe9f5;text-shadow:none;display:block;overflow:hidden}.map-foot{z-index:2;pointer-events:none;justify-content:center;gap:calc(10px*var(--s));padding:calc(12px*var(--s)) calc(calc(12px*var(--s)) + env(safe-area-inset-right,0px)) calc(calc(16px*var(--s)) + env(safe-area-inset-bottom,0px)) calc(calc(12px*var(--s)) + env(safe-area-inset-left,0px));display:flex;position:absolute;bottom:0;left:0;right:0}.map-foot .btn{flex:0 1 calc(220px*var(--s));pointer-events:auto;min-width:0}.sheet{left:calc(12px*var(--s));right:calc(12px*var(--s));bottom:calc(calc(14px*var(--s)) + env(safe-area-inset-bottom,0px));z-index:3;max-width:calc(440px*var(--s));max-height:calc(100% - calc(56px*var(--s)) - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));padding:calc(46px*var(--s)) calc(16px*var(--s)) calc(16px*var(--s));gap:calc(11px*var(--s));flex-direction:column;margin:0 auto;animation:.28s cubic-bezier(.3,1.4,.5,1) both up;display:flex;position:absolute}.sheet>*{flex:none}.sheet>.dlg-main{gap:calc(11px*var(--s));flex:0 auto}@keyframes up{0%{transform:translateY(calc(60px*var(--s)));opacity:0}to{opacity:1;transform:none}}.sheet h2{font:400 calc(34px*var(--s))/1 var(--display);text-align:center;color:#fff;text-shadow:var(--stroke);margin:0}.dev-frame{z-index:100;pointer-events:none;box-shadow:inset 0 0 0 calc(4px*var(--s)) #e5322d;position:fixed;inset:0}.dev-frame span{top:env(safe-area-inset-top,0px);padding:calc(2px*var(--s)) calc(10px*var(--s)) calc(3px*var(--s));border-radius:0 0 calc(8px*var(--s)) calc(8px*var(--s));color:#fff;font:calc(12px*var(--s))/1.2 var(--display);letter-spacing:.06em;white-space:nowrap;background:#e5322d;position:absolute;left:50%;transform:translate(-50%)}.scrim{z-index:3;background:#070d1859;position:absolute;inset:0}.shop{width:min(calc(460px*var(--s)),100%);padding:calc(48px*var(--s)) calc(12px*var(--s)) calc(16px*var(--s));gap:calc(9px*var(--s))}.dlg-head{display:contents}.dlg-head .pill{order:0;align-self:center}.dlg-head .done{order:3;align-self:stretch}.shop>.dlg-main,.book>.dlg-main{order:2}.upgs{gap:calc(9px*var(--s));grid-template-columns:minmax(0,1fr);align-items:stretch;display:grid}.upg{grid-template-columns:calc(54px*var(--s)) minmax(0,1fr) auto;align-items:center;gap:calc(10px*var(--s));border-radius:calc(16px*var(--s));padding:calc(8px*var(--s)) calc(10px*var(--s));background:#0000003d;display:grid}.upg>canvas{width:calc(54px*var(--s));height:calc(54px*var(--s))}.upg h3{font:400 calc(19px*var(--s))/1 var(--display);color:#fff;text-shadow:var(--stroke);margin:0}.upg p{margin:calc(4px*var(--s)) 0 0;font:800 calc(14px*var(--s))/1.25 var(--body);color:#b9cbdc}.pips{gap:calc(3px*var(--s));margin-top:calc(6px*var(--s));display:flex}.pips i{flex:0 1 calc(16px*var(--s));min-width:calc(5px*var(--s));height:calc(7px*var(--s));border-radius:calc(4px*var(--s));background:#ffffff24}.pips i.on{background:var(--ember);box-shadow:inset 0 calc(2px*var(--s)) 0 #fff6}.buy{min-width:0;padding:calc(9px*var(--s)) calc(12px*var(--s)) calc(12px*var(--s));font-size:calc(19px*var(--s));align-items:center;gap:calc(4px*var(--s));border-radius:calc(14px*var(--s));display:flex}.buy canvas{width:calc(24px*var(--s));height:calc(24px*var(--s))}.buy.lock{max-width:calc(84px*var(--s));font:800 calc(13px*var(--s))/1.1 var(--body);text-align:center}.glut-head{justify-content:center;align-items:center;gap:calc(8px*var(--s)) calc(12px*var(--s));flex-wrap:wrap;display:flex}.book-btn,.skip-btn{position:relative}.skip-name{top:calc(100% + 8px*var(--s));width:min-content;padding:calc(3px*var(--s)) calc(8px*var(--s)) calc(4px*var(--s));border-radius:calc(10px*var(--s));font:800 calc(12px*var(--s))/1.15 var(--body);text-align:center;color:#f4f8fb;background:#0d1726c7;position:absolute;left:50%;transform:translate(-50%)}.book-dot{top:calc(-6px*var(--s));right:calc(-6px*var(--s));width:calc(15px*var(--s));height:calc(15px*var(--s));border-radius:calc(8px*var(--s));border:calc(2.5px*var(--s)) solid var(--ink);background:#ff4d4d;position:absolute}.book-btn[data-hot=true]:after,.upg[data-hot=true]:after{content:"";inset:calc(-5px*var(--s));border:calc(3px*var(--s)) solid #ffd24a;border-radius:calc(19px*var(--s));pointer-events:none;animation:2s ease-in-out infinite hot;position:absolute}.upg[data-hot=true]{position:relative}.upg[data-hot=true]:after{border-radius:inherit;inset:0}@keyframes hot{50%{box-shadow:0 0 calc(14px*var(--s)) calc(2px*var(--s)) #ffd24abf}}.book{gap:calc(10px*var(--s));padding-bottom:calc(16px*var(--s))}.screen>.book{height:calc(100% - var(--dlg-top));max-height:min(calc(100% - var(--dlg-top)),calc(700px*var(--s)))}.book .tabs{order:1}.book .tab{font-size:calc(16px*var(--s));flex:auto}.tabs{gap:calc(6px*var(--s));width:100%;display:flex}.tab,.seg span{min-width:0;font:400 calc(18px*var(--s))/1 var(--display);padding:calc(10px*var(--s)) calc(4px*var(--s)) calc(12px*var(--s));border-radius:calc(12px*var(--s));border:calc(3px*var(--s)) solid var(--ink);color:#fff;text-shadow:var(--stroke);cursor:pointer;background:linear-gradient(#6d88a3,#3b5168);flex:1}.tab.on,.seg input:checked+span{background:linear-gradient(#ffa548,#e3540e)}.tab:focus-visible{outline:calc(3px*var(--s)) solid #fff;outline-offset:calc(2px*var(--s))}.dialog>.tabpane{justify-content:flex-start;align-items:stretch;gap:calc(8px*var(--s));flex:1 1 0}.quest{border-radius:calc(14px*var(--s));padding:calc(9px*var(--s)) calc(12px*var(--s));background:#0000003d}.quest h3{justify-content:space-between;align-items:baseline;gap:calc(10px*var(--s));font:400 calc(18px*var(--s))/1.15 var(--display);color:#fff;text-shadow:var(--stroke);margin:0;display:flex}.quest h3 b{font:800 calc(14px*var(--s))/1 var(--body);color:#ffd27a;text-shadow:none;flex:none}.quest p{margin:calc(5px*var(--s)) 0 0;font:800 calc(14px*var(--s))/1.3 var(--body);color:#b9cbdc}.quest.done{opacity:.72}.pair-code{align-items:center;gap:calc(6px*var(--s));border-radius:calc(14px*var(--s));width:100%;padding:calc(10px*var(--s));background:#00000042;flex-direction:column;display:flex;container-type:inline-size}.pair-code strong{font:400 calc(40px*var(--s))/1 var(--display);font-size:min(calc(40px*var(--s)),11.5cqi);letter-spacing:.12em;color:#fff;text-shadow:var(--stroke)}.pair-code span{font:800 calc(13px*var(--s))/1.3 var(--body);color:var(--muted);text-align:center}.code-form{gap:calc(6px*var(--s));flex-direction:column;width:100%;display:flex}.code-form label{font:800 calc(14px*var(--s))/1.2 var(--body);color:var(--muted)}.code-form .row{flex-wrap:wrap}.code-form input{flex:1 1 calc(230px*var(--s));min-width:0;padding:calc(10px*var(--s)) calc(12px*var(--s));border-radius:calc(14px*var(--s));border:calc(3px*var(--s)) solid var(--ink);font:400 calc(24px*var(--s))/1 var(--display);letter-spacing:.12em;color:var(--ink);text-transform:uppercase;background:#eef4f9}.code-form input:focus-visible{outline:calc(3px*var(--s)) solid #fff;outline-offset:calc(2px*var(--s))}.code-form .btn{font-size:calc(20px*var(--s));padding:calc(10px*var(--s)) calc(16px*var(--s)) calc(13px*var(--s));flex:none}.quest.done h3 b{color:#8ee08a}.screen>.social{height:calc(100% - var(--dlg-top));max-height:min(calc(100% - var(--dlg-top)),calc(860px*var(--s)))}.social{gap:calc(10px*var(--s));padding-bottom:calc(16px*var(--s))}.dialog>.social-list{justify-content:flex-start;align-items:stretch;gap:calc(12px*var(--s));flex:1 1 0}.tab{position:relative}.count{top:calc(-10px*var(--s));right:calc(-8px*var(--s));min-width:calc(25px*var(--s));height:calc(25px*var(--s));padding:0 calc(6px*var(--s));border-radius:calc(13px*var(--s));border:calc(2.5px*var(--s)) solid var(--ink);font:400 calc(15px*var(--s))/1 var(--display);letter-spacing:0;color:#fff;text-shadow:none;background:#ff4d4d;place-items:center;display:grid;position:absolute}.sec{gap:calc(6px*var(--s));flex-direction:column;display:flex}.sec .subhead{margin:0}.rows{gap:calc(6px*var(--s));grid-template-columns:minmax(0,1fr);width:100%;margin:0;padding:0;list-style:none;display:grid}.rows.pinned{padding-top:calc(8px*var(--s));border-top:calc(2px*var(--s)) dashed #dcf0fd4d}.alone{align-items:center;gap:calc(10px*var(--s));flex-direction:column;display:flex}.alone .btn{min-width:0;font-size:calc(20px*var(--s));padding:calc(10px*var(--s)) calc(22px*var(--s)) calc(13px*var(--s))}.entry{align-items:center;gap:calc(6px*var(--s));min-height:calc(54px*var(--s));border-radius:calc(14px*var(--s));background:#0000003d;display:flex}.entry[data-me=true]{box-shadow:inset 0 0 0 calc(2px*var(--s)) #ffc46bbf;background:linear-gradient(#ffa54857,#e3540e3d)}.entry>:not(.entry-body):last-child{margin-right:calc(6px*var(--s))}.entry-body{align-self:stretch;align-items:center;gap:calc(8px*var(--s));min-width:0;padding:calc(6px*var(--s)) 0 calc(6px*var(--s)) calc(8px*var(--s));border-radius:calc(14px*var(--s));color:inherit;font:inherit;text-align:left;background:0 0;border:0;flex:1;margin:0;display:flex}.entry-body:last-child{padding-right:calc(10px*var(--s))}button.entry-body{cursor:pointer}button.entry-body:focus-visible{outline:calc(3px*var(--s)) solid #fff;outline-offset:calc(-3px*var(--s))}.place{min-width:calc(30px*var(--s));text-align:center;font:400 calc(20px*var(--s))/1 var(--display);color:#fff;text-shadow:var(--stroke);flex:none}.who{gap:calc(3px*var(--s));flex-direction:column;flex:1;min-width:0;display:flex}.who-top{justify-content:space-between;align-items:baseline;gap:calc(8px*var(--s));font:400 calc(17px*var(--s))/1.15 var(--display);color:#fff;text-shadow:var(--stroke);display:flex}.who-top>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.who-top small{font:800 calc(12px*var(--s))/1 var(--body);color:var(--muted);text-shadow:none}.who-top b{font:800 calc(12px*var(--s))/1 var(--body);color:#ffd27a;text-shadow:none;flex:none}.who-vals{align-items:center;gap:0 calc(6px*var(--s));font:800 calc(12px*var(--s))/1.3 var(--body);color:#b9cbdc;flex-wrap:wrap;display:flex}.who .stars{align-items:center;gap:calc(2px*var(--s));display:inline-flex}.who .star{width:calc(14px*var(--s));height:calc(14px*var(--s))}.icon-btn.yes{background:linear-gradient(#ffc46b,#f06410)}.social-bar{gap:calc(10px*var(--s));grid-template-columns:repeat(2,minmax(0,1fr));width:100%;display:grid}.social-bar .add{grid-column:1/-1}.social-bar .btn,.social-sheet .btn{min-width:0;font-size:calc(21px*var(--s));padding:calc(12px*var(--s)) calc(10px*var(--s)) calc(15px*var(--s))}.social-sheet h2{font-size:calc(26px*var(--s));overflow-wrap:anywhere}.social-sheet h2 small{font:800 calc(15px*var(--s))/1 var(--body);color:var(--muted);text-shadow:none}.social-sheet .code-form .row{flex-wrap:wrap}.social-sheet .code-form input{flex:1 1 calc(130px*var(--s))}.social-sheet .code-form .btn{flex:1 0 auto}.player-stats{display:flex}.player-stats .stat{flex:1 1 0;min-width:0}.player-stats .stat strong{font-size:calc(22px*var(--s))}.acts{gap:calc(10px*var(--s));grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.acts>:last-child:nth-child(odd){grid-column:1/-1}.band{align-items:center;gap:calc(10px*var(--s));padding:calc(10px*var(--s)) calc(12px*var(--s));border-radius:calc(14px*var(--s));box-shadow:inset 0 0 0 calc(2px*var(--s)) #ffc46b99;background:#ffc46b29;display:flex}.band p{min-width:0;font:800 calc(14px*var(--s))/1.35 var(--body);color:#ffe9c7;flex:1;margin:0}.lead a{color:var(--ice)}.lead a:focus-visible{outline:calc(3px*var(--s)) solid #fff;outline-offset:calc(2px*var(--s));border-radius:calc(4px*var(--s))}.lead .code{font:400 calc(20px*var(--s))/1 var(--display);letter-spacing:.1em;color:var(--gold);text-shadow:var(--stroke)}.picks{gap:calc(8px*var(--s));flex-wrap:wrap;flex:none;width:100%;display:flex}.picks .btn{min-width:0;font-size:calc(19px*var(--s));padding:calc(9px*var(--s)) calc(14px*var(--s)) calc(12px*var(--s));flex:auto}.name-form{flex:none}.name-form input{font-size:calc(20px*var(--s));letter-spacing:0;text-transform:none}.name-form input:disabled{opacity:.55}.social-sheet input::placeholder{font:800 calc(15px*var(--s))/1 var(--body);letter-spacing:0;text-transform:none;color:#6d88a3}.btn.mini{min-width:0;min-height:calc(44px*var(--s));font-size:calc(16px*var(--s));padding:calc(8px*var(--s)) calc(12px*var(--s)) calc(10px*var(--s));border-radius:calc(12px*var(--s));flex:none}.switch{align-items:center;gap:calc(8px*var(--s));cursor:pointer;font:800 calc(14px*var(--s))/1.2 var(--body);color:#dbe7f1;display:flex}.switch input{appearance:none;width:calc(52px*var(--s));height:calc(30px*var(--s));border-radius:calc(15px*var(--s));border:calc(3px*var(--s)) solid var(--ink);box-shadow:inset 0 calc(2px*var(--s)) 0 #0000004d;cursor:pointer;background:#3b5168;flex:none;margin:0;transition:background .15s;position:relative}.switch input:after{content:"";top:calc(2px*var(--s));left:calc(2px*var(--s));width:calc(20px*var(--s));height:calc(20px*var(--s));box-shadow:0 calc(2px*var(--s)) 0 #00000059;background:#fff;border-radius:50%;transition:transform .15s;position:absolute}.switch input:checked{background:linear-gradient(#ffc46b,#f06410)}.switch input:checked:after{transform:translateX(calc(22px*var(--s)))}.switch input:disabled{filter:grayscale(.6);cursor:default}.switch input:focus-visible{outline:calc(3px*var(--s)) solid #fff;outline-offset:calc(2px*var(--s))}.gfx{text-align:center;border:0;width:100%;min-width:0;margin:0;padding:0}.gfx legend{margin:0 auto calc(6px*var(--s));font:800 calc(14px*var(--s))/1.2 var(--body);color:#dbe7f1;padding:0}.seg{gap:calc(6px*var(--s));grid-template-columns:repeat(2,1fr);display:grid}.seg label{cursor:pointer;min-width:0;display:flex;position:relative}.seg input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.seg span{min-height:calc(44px*var(--s));padding:calc(6px*var(--s)) calc(4px*var(--s)) calc(8px*var(--s));font-size:calc(16px*var(--s));white-space:nowrap;place-items:center;display:grid}.seg input:focus-visible+span{outline:calc(3px*var(--s)) solid #fff;outline-offset:calc(-3px*var(--s))}@media (min-width:480px){.seg{grid-template-columns:repeat(4,1fr)}.seg span{font-size:calc(15px*var(--s))}}.menu .social-btn{width:min(calc(330px*var(--s)),100%);min-width:0}.bar{height:calc(10px*var(--s));border-radius:calc(5px*var(--s));margin-top:calc(8px*var(--s));background:#ffffff24;overflow:hidden}.bar i{border-radius:calc(5px*var(--s));background:linear-gradient(#ffc069,#f06410);height:100%;display:block}.chron{justify-content:space-between;gap:calc(10px*var(--s));padding:calc(6px*var(--s)) calc(4px*var(--s));border-bottom:calc(1px*var(--s)) solid #ffffff1a;font:800 calc(14px*var(--s))/1.3 var(--body);color:#dbe7f1;display:flex}.chron b{color:#8ee08a;flex:none}.subhead{margin:calc(6px*var(--s)) 0 0;font:400 calc(17px*var(--s))/1 var(--display);color:#fff;text-shadow:var(--stroke)}.map-pane{align-items:center;gap:calc(10px*var(--s));flex-direction:column;width:100%;display:flex}.map-box{border:calc(3px*var(--s)) solid var(--ink);border-radius:calc(14px*var(--s));box-shadow:0 calc(4px*var(--s)) 0 #00000059;background:#d3dde7;flex:none;position:relative;overflow:hidden}.map-box:after{content:"";border-radius:calc(11px*var(--s));box-shadow:inset 0 0 0 calc(2px*var(--s)) #ffffff80;pointer-events:none;position:absolute;inset:0}.mini-map{cursor:crosshair;touch-action:none;display:block}.mini-map.drag{cursor:grabbing}.map-ctl{left:calc(8px*var(--s));bottom:calc(8px*var(--s));gap:calc(6px*var(--s));flex-direction:column;display:flex;position:absolute}.map-ctl button{width:calc(36px*var(--s));height:calc(36px*var(--s));border-radius:calc(11px*var(--s));border:calc(3px*var(--s)) solid var(--ink);box-shadow:inset 0 calc(2px*var(--s)) 0 #ffffff38,0 calc(3px*var(--s)) 0 var(--ink);color:#fff;cursor:pointer;background:linear-gradient(#34587c,#1b2f47);place-items:center;padding:0;display:grid}.map-ctl button:active{transform:translateY(calc(2px*var(--s)));box-shadow:inset 0 calc(2px*var(--s)) 0 #ffffff38,0 calc(1px*var(--s)) 0 var(--ink)}.map-ctl button:focus-visible{outline:calc(3px*var(--s)) solid #fff;outline-offset:calc(2px*var(--s))}.map-ctl svg{width:calc(18px*var(--s));height:calc(18px*var(--s));filter:drop-shadow(0 calc(1.5px*var(--s)) 0 var(--ink))}@media (pointer:coarse){.map-ctl button{width:calc(40px*var(--s));height:calc(40px*var(--s))}}.places{gap:calc(6px*var(--s));grid-template-columns:1fr 1fr;width:100%;display:grid}.map-hint{text-align:center;font:800 calc(13px*var(--s))/1.3 var(--body);color:var(--muted);grid-column:1/-1;margin:0}.places button{align-items:center;gap:calc(7px*var(--s));min-width:0;min-height:calc(44px*var(--s));font:800 calc(14px*var(--s))/1.15 var(--body);text-align:left;padding:calc(4px*var(--s)) calc(8px*var(--s)) calc(4px*var(--s)) calc(5px*var(--s));border-radius:calc(12px*var(--s));border:calc(3px*var(--s)) solid var(--ink);box-shadow:inset 0 calc(2px*var(--s)) 0 #ffffff24;color:#fff;cursor:pointer;background:linear-gradient(#34587c,#1b2f47);display:flex}.places button span{overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;min-width:0}.places button:focus-visible{outline:calc(3px*var(--s)) solid #fff;outline-offset:calc(2px*var(--s))}.places .pl-ic{width:calc(32px*var(--s));height:calc(30px*var(--s));border-radius:calc(8px*var(--s));box-shadow:inset 0 0 0 calc(2px*var(--s)) #0b15228c;background:radial-gradient(circle at 50% 35%,#fff,#d2dfea);flex:none}.places button.on{background:linear-gradient(#ffa548,#e3540e)}.places .clear{text-align:center;background:linear-gradient(#6d88a3,#3b5168);grid-column:1/-1;justify-content:center}.trade{gap:calc(10px*var(--s));padding-bottom:calc(16px*var(--s))}.screen>.trade{height:calc(100% - var(--dlg-top));max-height:min(calc(100% - var(--dlg-top)),calc(720px*var(--s)))}.trade .tabs{order:1}.trade .tab{font-size:calc(16px*var(--s));flex:auto}.trade>.dlg-main{order:2}.tab .cnt{margin-left:calc(5px*var(--s));min-width:calc(20px*var(--s));padding:calc(2px*var(--s)) calc(5px*var(--s)) calc(3px*var(--s));border-radius:calc(10px*var(--s));border:calc(2px*var(--s)) solid var(--ink);font:400 calc(13px*var(--s))/1 var(--display);vertical-align:calc(2px*var(--s));background:#2f7d3a;display:inline-block}.tr-stock{gap:calc(5px*var(--s));border-radius:calc(14px*var(--s));width:100%;padding:calc(7px*var(--s)) calc(8px*var(--s)) calc(6px*var(--s));background:#0000003d;order:1;grid-template-columns:auto repeat(5,minmax(0,1fr));align-items:center;display:grid}.tr-gold{align-items:flex-start;gap:calc(3px*var(--s));padding-right:calc(6px*var(--s));border-right:calc(2px*var(--s)) solid #ffffff1a;flex-direction:column;display:flex}.tr-gold span{align-items:center;gap:calc(3px*var(--s));font:400 calc(15px*var(--s))/1 var(--display);color:#fff;text-shadow:var(--stroke);display:flex}.tr-gold canvas{width:calc(20px*var(--s));height:calc(20px*var(--s))}.tr-good{align-items:center;gap:calc(2px*var(--s));flex-direction:column;min-width:0;display:flex}.tr-good canvas{width:calc(26px*var(--s));height:calc(26px*var(--s))}.tr-good b{font:400 calc(15px*var(--s))/1 var(--display);color:#fff;text-shadow:var(--stroke)}.tr-good .fill{width:100%;height:calc(6px*var(--s));border-radius:calc(3px*var(--s));background:#ffffff24;overflow:hidden}.tr-good .fill i{border-radius:calc(3px*var(--s));background:#9cc3e0;height:100%;display:block}.tr-good.full .fill i{background:var(--gold)}.tr-good.low .fill i{background:#ffb347}.tr-good small{font:800 calc(11px*var(--s))/1 var(--body);color:var(--muted);height:calc(11px*var(--s))}.tr-good.full small{color:var(--gold)}.tr-good.low small{color:#ffb347}.sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.tr-card{border-radius:calc(16px*var(--s));width:100%;padding:calc(7px*var(--s)) calc(10px*var(--s)) calc(8px*var(--s));gap:calc(5px*var(--s)) calc(8px*var(--s));background:#0000003d;grid-template-columns:minmax(0,1fr) auto;align-items:center;display:grid}.tr-card>h3,.tr-card>.tr-head,.tr-card>.tr-deal,.tr-card>.chest{grid-column:1/-1}.tr-card>.btn{white-space:nowrap;min-width:0;font-size:calc(18px*var(--s));padding:calc(8px*var(--s)) calc(16px*var(--s)) calc(11px*var(--s));border-radius:calc(14px*var(--s))}.tr-head{align-items:center;gap:calc(8px*var(--s));display:flex}.tr-card h3{align-items:center;gap:calc(8px*var(--s));font:400 calc(19px*var(--s))/1 var(--display);color:#fff;text-shadow:var(--stroke);margin:0;display:flex}.tr-card h3 canvas{width:calc(28px*var(--s));height:calc(28px*var(--s));flex:none}.tr-deal{align-items:center;gap:calc(5px*var(--s));flex-wrap:wrap;display:flex}.cp{align-items:center;gap:calc(3px*var(--s));height:calc(28px*var(--s));padding:0 calc(10px*var(--s)) 0 calc(3px*var(--s));border-radius:calc(14px*var(--s));border:calc(2px*var(--s)) solid var(--ink);font:400 calc(16px*var(--s))/1 var(--display);text-shadow:var(--stroke);color:#fff;white-space:nowrap;background:#0c1726;display:inline-flex}.cp canvas{width:calc(22px*var(--s));height:calc(22px*var(--s))}.cp.ok{color:#8ff0a0;border-color:#4cd964}.cp.short{color:#ffb347}.cp.gain{background:#2f4f2f}.tr-arrow{font:400 calc(20px*var(--s))/1 var(--display);color:var(--ember-hi);text-shadow:var(--stroke)}.tr-note{font:800 calc(13px*var(--s))/1.3 var(--body);color:#b9cbdc;margin:0}.tr-note .s{color:#ffb347}.tr-got{width:100%;padding:calc(8px*var(--s)) calc(12px*var(--s));border-radius:calc(14px*var(--s));border:calc(2px*var(--s)) solid var(--ink);font:800 calc(14px*var(--s))/1.3 var(--body);color:#fff;text-align:center;background:#2f4f2f;margin:0}.tr-got.chest-pop{border-color:var(--c);box-shadow:0 0 calc(14px*var(--s)) var(--c);animation:.4s cubic-bezier(.2,1.4,.4,1) chestPop}@keyframes chestPop{0%{opacity:0;box-shadow:0 0 calc(30px*var(--s)) var(--c);transform:scale(.6)}to{opacity:1;transform:none}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.icon-x{width:calc(32px*var(--s));height:calc(32px*var(--s));border-radius:calc(10px*var(--s));border:calc(3px*var(--s)) solid var(--ink);color:#fff;font:400 calc(15px*var(--s))/1 var(--display);text-shadow:var(--stroke);box-shadow:0 calc(3px*var(--s)) 0 var(--ink);cursor:pointer;background:linear-gradient(#6d88a3,#3b5168);flex:none;margin-left:auto}.icon-x:focus-visible{outline:calc(3px*var(--s)) solid #fff;outline-offset:calc(2px*var(--s))}.chest{gap:calc(4px*var(--s));flex-wrap:wrap;display:flex}.chest span{align-items:center;gap:calc(3px*var(--s));padding:calc(2px*var(--s)) calc(6px*var(--s));border-radius:calc(8px*var(--s));border:calc(2px*var(--s)) solid var(--ink);font:800 calc(11px*var(--s))/1 var(--body);color:#0b1522;white-space:nowrap;display:inline-flex}.tr-free{border:calc(3px*var(--s)) dashed #9cc3e059;border-radius:calc(16px*var(--s));width:100%;padding:calc(14px*var(--s));text-align:center;font:800 calc(14px*var(--s))/1.3 var(--body);color:var(--muted)}.tr-mrow{gap:calc(4px*var(--s)) calc(10px*var(--s));border-radius:calc(14px*var(--s));width:100%;padding:calc(8px*var(--s)) calc(10px*var(--s));background:#0000003d;grid-template-columns:minmax(0,1fr) auto;align-items:center;display:grid}.tr-mrow .tr-note{grid-column:1}.tr-mrow .btn{min-width:calc(96px*var(--s));white-space:nowrap;grid-area:1/2/3;justify-content:center}.tr-mrow .btn canvas{width:calc(22px*var(--s));height:calc(22px*var(--s))}.trade-q h3,.saga h3{align-items:center}.trade-q h3 .btn,.saga h3 .btn{font-size:calc(16px*var(--s));flex:none}.quest p.hint{color:var(--gold)}.catch-list{margin:calc(4px*var(--s)) 0 0;grid-template-columns:repeat(auto-fill,minmax(calc(200px*var(--s)),1fr));gap:0 calc(10px*var(--s));padding:0;list-style:none;display:grid}.catch-list li{align-items:center;gap:calc(6px*var(--s));padding:calc(2px*var(--s)) 0;font:800 calc(14px*var(--s))/1.2 var(--body);color:#dbe7f1;display:flex}.catch-list canvas{width:calc(32px*var(--s));height:calc(32px*var(--s));flex:none}.catch-list span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.catch-list small{font:inherit;color:#b9cbdc;flex:none}.catch-list b{min-width:calc(26px*var(--s));text-align:right;color:#ffd27a;flex:none}.tr-mile{gap:calc(6px*var(--s));flex-direction:column;width:100%;display:flex}.tr-mile div{grid-template-columns:calc(34px*var(--s)) minmax(0,1fr);align-items:center;gap:calc(8px*var(--s));font:800 calc(14px*var(--s))/1.25 var(--body);color:#dbe7f1;display:grid}.tr-mile i{font:normal 400 calc(15px*var(--s))/1 var(--display);text-align:center;padding:calc(5px*var(--s)) 0 calc(7px*var(--s));border-radius:calc(9px*var(--s));border:calc(2px*var(--s)) solid var(--ink);color:#fff;text-shadow:var(--stroke);background:#3b5168}.tr-mile .done i{background:#2f7d3a}.tr-mile .next i{background:var(--ember)}.tr-mile .done{opacity:.7}@media (orientation:landscape){.split{align-items:stretch;column-gap:calc(20px*var(--s));width:min(calc(720px*var(--s)),100%);flex-direction:row}.split>.dlg-main{flex:1 1 0;justify-content:safe center}.split>.dlg-side{flex:0 0 min(calc(250px*var(--s)),42%);justify-content:center}.notes-dlg>.dlg-side{flex:none;width:auto}.notes-dlg .lead{display:none}.split .row{flex-direction:column}.split .row .btn{flex:none}.sheet.split{max-width:calc(720px*var(--s))}.shop,.book,.trade{width:min(calc(760px*var(--s)),100%)}.dlg-head{align-items:center;gap:calc(10px*var(--s));order:1;width:100%;display:flex}.dlg-head .pill{margin:0}.dlg-head .done{min-width:0;font-size:calc(21px*var(--s));padding:calc(10px*var(--s)) calc(22px*var(--s)) calc(13px*var(--s));align-self:center;margin-left:auto}.dlg-head .tabs{flex:1}.shop{padding-top:calc(12px*var(--s))}.shop .dlg-head{min-height:calc(52px*var(--s));justify-content:space-between}.upgs{grid-template-columns:repeat(2,minmax(0,1fr))}.tabpane{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;display:grid}.tabpane>.lead,.tabpane>.subhead,.tabpane>.map-pane,.tabpane>.glut-head,.tabpane>.tr-got,.tabpane>.tr-mile,.tabpane>.glanz-more{grid-column:1/-1}.trade .tabpane{align-items:start}.tr-stock{padding:calc(4px*var(--s)) calc(10px*var(--s))}.tr-good{justify-content:center;gap:calc(1px*var(--s)) calc(4px*var(--s));flex-flow:wrap}.tr-good canvas{width:calc(20px*var(--s));height:calc(20px*var(--s))}.tr-good .fill{height:calc(4px*var(--s));flex-basis:100%}.tr-good small{order:2;height:auto}.tr-gold{gap:calc(10px*var(--s));flex-direction:row}.cp{height:calc(26px*var(--s));font-size:calc(15px*var(--s))}.cp canvas{width:calc(20px*var(--s));height:calc(20px*var(--s))}.map-pane{align-items:flex-start;gap:calc(12px*var(--s));flex-direction:row}.map-pane .map-box{position:sticky;top:0}.map-pane .places{grid-template-columns:repeat(auto-fill,minmax(calc(150px*var(--s)),1fr));flex:1}.social{width:min(calc(760px*var(--s)),100%);column-gap:calc(16px*var(--s));grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr) auto;display:grid}.social>*{grid-column:1/-1}.social>.tabs{grid-column:1}.social>.social-list{align-self:stretch}.social>.social-bar{gap:calc(8px*var(--s));grid-area:1/2;display:flex}.social-bar .btn{font-size:calc(18px*var(--s));padding:calc(10px*var(--s)) calc(14px*var(--s)) calc(12px*var(--s))}.rows{grid-template-columns:repeat(auto-fill,minmax(calc(280px*var(--s)),1fr))}.split .acts{grid-template-columns:minmax(0,1fr)}.social-sheet .code-form input{flex:none}}@media (orientation:landscape) and (max-height:500px){.screen{padding-top:calc(calc(34px*var(--s)) + env(safe-area-inset-top,0px));padding-bottom:calc(calc(10px*var(--s)) + env(safe-area-inset-bottom,0px));--dlg-top:calc(6px*var(--s))}.dialog{padding-top:calc(40px*var(--s));padding-bottom:calc(14px*var(--s));gap:calc(10px*var(--s))}.dlg-main{gap:calc(10px*var(--s))}.sheet{padding-top:calc(40px*var(--s));padding-bottom:calc(12px*var(--s))}.ribbon{font-size:calc(26px*var(--s));padding:calc(10px*var(--s)) calc(26px*var(--s)) calc(13px*var(--s))}.btn{padding-top:calc(12px*var(--s));padding-bottom:calc(14px*var(--s))}.stars-big .star{width:calc(46px*var(--s));height:calc(46px*var(--s))}.stars-big .star:nth-child(2){width:calc(60px*var(--s));height:calc(60px*var(--s));margin-bottom:calc(8px*var(--s))}.goals li{padding:calc(5px*var(--s)) calc(12px*var(--s))}.goals .star{width:calc(22px*var(--s));height:calc(22px*var(--s))}.notes-dlg .notes{gap:calc(5px*var(--s));grid-template-columns:repeat(2,minmax(0,1fr))}.notes-dlg .notes li{font-size:calc(12.5px*var(--s));padding:calc(3px*var(--s)) calc(10px*var(--s));line-height:1.15}.upg{grid-template-columns:calc(46px*var(--s)) minmax(0,1fr) auto;padding:calc(6px*var(--s)) calc(10px*var(--s))}.upg>canvas{width:calc(46px*var(--s));height:calc(46px*var(--s))}.buy{padding:calc(7px*var(--s)) calc(10px*var(--s)) calc(9px*var(--s))}.sheet h2{font-size:calc(28px*var(--s))}.menu{gap:calc(10px*var(--s))}.social-sheet .btn{padding-top:calc(9px*var(--s));padding-bottom:calc(11px*var(--s))}.entry{min-height:calc(50px*var(--s))}}@media (orientation:landscape){.screen.title{flex-direction:row;justify-content:center;align-items:center;gap:6vw}.logo{font-size:min(calc(132px*var(--s)),26dvh);margin:0}.screen.title .menu{width:auto;min-width:min(calc(340px*var(--s)),42vw)}}@media (prefers-reduced-motion:reduce){.btn{transition:none}.logo,.dialog,.sheet,.stars-big .star.on,[data-hot=true]:after{animation:none}.tr-got.chest-pop{animation:.4s fadeIn}}.saga .hain-pic{width:calc(200px*var(--s));height:calc(128px*var(--s));margin:calc(4px*var(--s)) auto 0;animation:.6s ease-out carve;display:block}@keyframes carve{0%{filter:brightness(1.6) drop-shadow(0 0 calc(10px*var(--s)) #ffb347);transform:rotate(-1.5deg)}40%{transform:rotate(1deg)}to{filter:none;transform:none}}.saga-acts{margin-top:calc(8px*var(--s));gap:calc(8px*var(--s))}.saga-acts .btn{white-space:nowrap;font-size:calc(18px*var(--s));justify-content:center}.deko-row{grid-template-columns:calc(54px*var(--s)) minmax(0,1fr) auto}.deko-row .hint,.saga .hint{color:var(--gold)}.deko-acts{gap:calc(6px*var(--s));flex-direction:column;align-items:stretch;display:flex}.deko-acts .btn{white-space:nowrap;justify-content:center}.feast-buy{align-items:center;gap:calc(10px*var(--s));margin-top:calc(8px*var(--s));border-radius:calc(12px*var(--s));padding:calc(6px*var(--s)) calc(10px*var(--s));background:#0003;grid-template-columns:minmax(0,1fr) auto;display:grid}.feast-buy h3{font-size:calc(17px*var(--s));display:block}.meister[data-locked=true]>canvas{filter:grayscale(.8)brightness(.8)}.glanz-more{margin-top:calc(8px*var(--s));place-self:center}.btn.deko-move{min-width:0;font-size:calc(20px*var(--s));padding:calc(10px*var(--s)) calc(22px*var(--s)) calc(13px*var(--s));justify-self:center}.quest.name-form label{font:400 calc(18px*var(--s))/1.15 var(--display);color:#fff;text-shadow:var(--stroke)}.place-bar{z-index:10;align-items:center;gap:calc(8px*var(--s));padding:calc(10px*var(--s)) calc(calc(16px*var(--s)) + env(safe-area-inset-right,0px)) calc(calc(12px*var(--s)) + env(safe-area-inset-bottom,0px)) calc(calc(16px*var(--s)) + env(safe-area-inset-left,0px));background:linear-gradient(#0d172600,#0d1726d1 30%);flex-direction:column;display:flex;position:fixed;bottom:0;left:0;right:0}.place-bar .row{gap:calc(8px*var(--s));width:min(calc(560px*var(--s)),100%);display:flex}.place-bar .btn{font-size:calc(17px*var(--s));letter-spacing:0;padding:calc(10px*var(--s)) calc(4px*var(--s)) calc(13px*var(--s))}.place-tip{max-width:min(calc(560px*var(--s)),100%);padding:calc(6px*var(--s)) calc(14px*var(--s));border-radius:calc(14px*var(--s));border:calc(3px*var(--s)) solid var(--ink);background:var(--p2);font:800 calc(15px*var(--s))/1.25 var(--body);text-align:center;color:#e3f6e4;margin:0}.place-tip[data-bad=true]{color:#ffd0c4}@media (orientation:landscape) and (max-height:500px){.tabpane>.saga{grid-column:1/-1;display:flow-root}.saga .hain-pic{float:left;width:calc(150px*var(--s));height:calc(96px*var(--s));margin:0 calc(12px*var(--s)) 0 0}}@media (prefers-reduced-motion:reduce){.saga .hain-pic{animation:none}}.notice-bar{align-items:center;gap:calc(10px*var(--s));width:min(calc(460px*var(--s)),100%);padding:calc(8px*var(--s)) calc(4px*var(--s)) calc(8px*var(--s)) calc(12px*var(--s));border:calc(3px*var(--s)) solid var(--ink);border-radius:calc(16px*var(--s));background:linear-gradient(180deg,var(--p1),var(--p2));box-shadow:inset 0 0 0 calc(2px*var(--s)) #9cc3e047,0 calc(5px*var(--s)) 0 #00000059;text-align:left;display:flex}.notice-bar.warn{box-shadow:inset 0 0 0 calc(2px*var(--s)) var(--ember),0 calc(5px*var(--s)) 0 #00000059}.notice-bar p{font:800 calc(14px*var(--s))/1.35 var(--body);color:var(--muted);flex:1;margin:0}.notice-bar strong{font-size:calc(15px*var(--s));color:#fff;display:block}.notice-bar>svg{width:calc(28px*var(--s));height:calc(28px*var(--s));flex:none}.tone-icon{fill:var(--ice);stroke:var(--ink);stroke-width:2px;stroke-linejoin:round}.notice-bar.warn .tone-icon{fill:var(--ember)}.tone-icon .mark{fill:none;stroke:var(--ink);stroke-width:2.6px;stroke-linecap:round}.notice-bar>.btn{margin-right:calc(8px*var(--s));text-decoration:none}.notice-x{width:calc(44px*var(--s));height:calc(44px*var(--s));border-radius:calc(12px*var(--s));cursor:pointer;font:800 calc(18px*var(--s))/1 var(--body);color:#dcebf7;background:0 0;border:0;flex:none}.notice-x:focus-visible{outline:calc(3px*var(--s)) solid #fff;outline-offset:calc(-3px*var(--s))}.gift-msg{width:100%;padding:calc(10px*var(--s)) calc(14px*var(--s));border-left:calc(4px*var(--s)) solid var(--ember);border-radius:calc(8px*var(--s));font:800 calc(15px*var(--s))/1.35 var(--body);color:#fff;white-space:pre-line;overflow-wrap:anywhere;background:#0000003d;margin:0}.gift-items canvas{width:calc(30px*var(--s));height:calc(30px*var(--s));flex:none}.gift-note{text-align:center;font:800 calc(14px*var(--s))/1.3 var(--body);color:var(--gold);margin:0}