@font-face{font-family:Be Vietnam Pro;src:url(../fonts/BeVietnamPro-Medium.woff2)format("woff2");font-weight:500;font-display:block}@font-face{font-family:Be Vietnam Pro;src:url(../fonts/BeVietnamPro-Bold.woff2)format("woff2");font-weight:700;font-display:block}:root{--primary:#ae1c3f;--cream:#f5ede0;--ink:#4b2e2e;--sub:#6b705c;--gold:#e6b325;--green:#79a867;--pink:#e57373;--border:#4b2e2e61;--shadow:0 calc(8 * var(--u)) calc(18 * var(--u)) #28140a47;--app-w:min(100vw, 100dvh * .5625);--base-u:calc(var(--app-w) / 1080);--u:var(--base-u);--hud:1;--safe-t:env(safe-area-inset-top,0px);--safe-b:env(safe-area-inset-bottom,0px);--safe-l:env(safe-area-inset-left,0px);--safe-r:env(safe-area-inset-right,0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{overscroll-behavior:none;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-text-size-adjust:100%;background:#2a1c1a;height:100%;margin:0;overflow:hidden}body{color:var(--ink);font-family:Be Vietnam Pro,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-weight:500}#app{width:var(--app-w);background:#cfe8f3;height:100dvh;margin:0 auto;position:relative;overflow:hidden}#ui,#controls{--u:calc(var(--base-u) * var(--hud))}#ui .overlay{--u:var(--base-u)}#world{position:absolute;top:0;bottom:0;left:0;right:0}#world canvas{width:100%;height:100%;display:block}#ui{pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.safe-area{top:var(--safe-t);bottom:var(--safe-b);left:var(--safe-l);right:var(--safe-r);position:absolute}.panel{background:var(--cream);border:calc(3 * var(--u)) solid var(--border);border-radius:calc(24 * var(--u));box-shadow:var(--shadow);position:absolute}.btn{pointer-events:auto;cursor:pointer;font:inherit;color:inherit;background:0 0;border:none;padding:0;transition:transform 80ms ease-out,filter 80ms}.btn:active,.btn.pressed{filter:brightness(.94);transform:scale(.95)}.btn.panel{background:var(--cream);border:calc(3 * var(--u)) solid var(--border)}.btn:focus-visible{outline:calc(5 * var(--u)) solid var(--gold);outline-offset:calc(4 * var(--u))}.icon{object-fit:contain;pointer-events:none;display:block}.fit{white-space:nowrap;overflow:hidden}.top-hud{height:calc(240 * var(--u));position:absolute;top:0;left:0;right:0}.calendar{left:calc(20 * var(--u));width:calc(200 * var(--u));top:calc(26 * var(--u));height:calc(214 * var(--u));text-align:center}.calendar .head{margin:calc(6 * var(--u)) calc(6 * var(--u)) 0;height:calc(62 * var(--u));border-radius:calc(18 * var(--u));background:var(--primary);color:#fff;font-weight:700;font-size:calc(34 * var(--u));justify-content:center;align-items:center;display:flex}.calendar .weekday{margin-top:calc(10 * var(--u));font-size:calc(30 * var(--u))}.calendar .clock{font-weight:700;font-size:calc(50 * var(--u));letter-spacing:calc(1 * var(--u));line-height:1.15}.ring{top:calc(-20 * var(--u));width:calc(18 * var(--u));height:calc(46 * var(--u));border-radius:calc(9 * var(--u));border:calc(3 * var(--u)) solid var(--border);background:#dad4cc;position:absolute}.weather{left:calc(232 * var(--u));width:calc(200 * var(--u));top:calc(24 * var(--u));height:calc(110 * var(--u));align-items:center;display:flex}.weather .icon{width:calc(70 * var(--u));height:calc(70 * var(--u));margin-left:calc(8 * var(--u));flex:none}.weather .txt{margin-left:calc(6 * var(--u));margin-right:calc(10 * var(--u));text-align:left;flex:1;min-width:0}.weather .label{font-size:calc(26 * var(--u));line-height:1.25}.weather .temp{font-weight:700;font-size:calc(38 * var(--u));line-height:1.1}.pill{border-radius:calc(48 * var(--u));align-items:center;display:flex}.money{left:calc(446 * var(--u));width:calc(340 * var(--u));top:calc(31 * var(--u));height:calc(96 * var(--u))}.money .icon{width:calc(62 * var(--u));height:calc(62 * var(--u));margin-left:calc(12 * var(--u));flex:none}.money .value{text-align:center;font-weight:700;font-size:calc(36 * var(--u));flex:1;min-width:0}.add-money{width:calc(64 * var(--u));height:calc(64 * var(--u));margin-right:calc(14 * var(--u));border-radius:calc(14 * var(--u));background:var(--green);border:calc(3 * var(--u)) solid var(--border);color:#fff;font-weight:700;font-size:calc(46 * var(--u));flex:none;justify-content:center;align-items:center;line-height:1;display:flex;position:relative}.add-money:after{content:"";inset:calc(-22 * var(--u)) calc(-16 * var(--u)) calc(-22 * var(--u)) calc(-30 * var(--u));position:absolute}.reputation{right:calc(130 * var(--u));width:calc(150 * var(--u));top:calc(31 * var(--u));height:calc(96 * var(--u))}.reputation .icon{width:calc(56 * var(--u));height:calc(56 * var(--u));margin-left:calc(12 * var(--u));flex:none}.reputation .value{text-align:center;font-weight:700;font-size:calc(38 * var(--u));flex:1}.settings-btn{right:calc(6 * var(--u));width:calc(110 * var(--u));top:calc(24 * var(--u));height:calc(110 * var(--u));justify-content:center;align-items:center;display:flex;position:absolute}.settings-btn .icon{width:calc(96 * var(--u));height:calc(96 * var(--u));filter:drop-shadow(0 calc(4 * var(--u)) calc(3 * var(--u)) #00000047)}.quest{left:calc(20 * var(--u));top:calc(256 * var(--u));width:calc(620 * var(--u));height:calc(222 * var(--u));border-radius:calc(24 * var(--u));background:#f5ede0f7}.quest .ring{left:calc(36 * var(--u))}.quest .title{left:calc(22 * var(--u));top:calc(12 * var(--u));right:calc(22 * var(--u));height:calc(50 * var(--u));color:var(--primary);font-weight:700;font-size:calc(32 * var(--u));align-items:center;display:flex;position:absolute}.quest .title .icon{width:calc(40 * var(--u));height:calc(40 * var(--u));margin-right:calc(10 * var(--u))}.qrow{left:calc(20 * var(--u));right:calc(20 * var(--u));height:calc(70 * var(--u));position:absolute}.qrow .box{left:0;top:calc(12 * var(--u));width:calc(46 * var(--u));height:calc(46 * var(--u));border-radius:calc(10 * var(--u));border:calc(3 * var(--u)) solid #4b2e2e8c;background:#fff;position:absolute}.qrow.done .box{background:var(--green);border-color:#4b2e2e80}.qrow .box .icon{width:100%;height:100%;padding:calc(5 * var(--u));display:none}.qrow.done .box .icon{display:block}.qrow .qtitle{left:calc(62 * var(--u));right:calc(120 * var(--u));top:calc(2 * var(--u));font-size:calc(28 * var(--u));line-height:calc(40 * var(--u));position:absolute}.qrow.no-count .qtitle{right:0;top:calc(15 * var(--u))}.qrow .qprog{right:0;top:calc(2 * var(--u));font-weight:700;font-size:calc(28 * var(--u));line-height:calc(40 * var(--u));position:absolute}.qrow .bar{left:calc(62 * var(--u));right:0;bottom:calc(8 * var(--u));height:calc(16 * var(--u));border-radius:calc(8 * var(--u));background:#6b705c40;position:absolute;overflow:hidden}.qrow .bar i{border-radius:inherit;background:var(--green);height:100%;transition:width .3s ease-out;display:block}.right-menu{right:calc(10 * var(--u));top:calc(256 * var(--u));width:calc(170 * var(--u));position:absolute}.rbtn{left:calc(10 * var(--u));width:calc(150 * var(--u));height:calc(160 * var(--u));background:var(--cream);border:calc(3 * var(--u)) solid var(--border);border-radius:calc(24 * var(--u));box-shadow:var(--shadow);position:absolute}.rbtn .icon{left:50%;top:calc(10 * var(--u));width:calc(96 * var(--u));height:calc(96 * var(--u));margin-left:calc(-48 * var(--u));position:absolute}.rbtn .lbl{left:calc(4 * var(--u));right:calc(4 * var(--u));bottom:calc(10 * var(--u));text-align:center;font-weight:700;font-size:calc(26 * var(--u));position:absolute}.bottom-nav{left:calc(12 * var(--u));right:calc(12 * var(--u));bottom:calc(12 * var(--u));height:calc(220 * var(--u));border-radius:calc(32 * var(--u));position:absolute}.nbtn{top:calc(10 * var(--u));height:calc(200 * var(--u));position:absolute}.nbtn .icon{left:50%;top:calc(12 * var(--u));width:calc(110 * var(--u));height:calc(110 * var(--u));margin-left:calc(-55 * var(--u));position:absolute}.nbtn .lbl{left:calc(4 * var(--u));right:calc(4 * var(--u));bottom:calc(14 * var(--u));text-align:center;font-weight:700;font-size:calc(28 * var(--u));position:absolute}.divider{top:calc(40 * var(--u));width:calc(3 * var(--u));height:calc(140 * var(--u));border-radius:calc(2 * var(--u));background:#4b2e2e2e;position:absolute}.sell-btn{width:calc(278 * var(--u));margin-left:calc(-139 * var(--u));left:50%;bottom:calc(16 * var(--u));aspect-ratio:1;background:var(--primary);border:calc(15 * var(--u)) solid var(--cream);box-shadow:0 0 0 calc(5 * var(--u)) var(--ink), 0 calc(10 * var(--u)) calc(24 * var(--u)) #28140a66;color:#fff;border-radius:50%;position:absolute}.sell-btn .icon{width:60%;height:56%;position:absolute;top:8%;left:20%;right:20%}.sell-btn .lbl{text-align:center;font-weight:700;font-size:calc(36 * var(--u));position:absolute;bottom:13%;left:6%;right:6%}.overlay{pointer-events:auto;opacity:0;background:#0000008c;justify-content:center;align-items:center;transition:opacity .18s ease-out;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.overlay.open{opacity:1}.overlay[hidden]{display:none}.card{width:calc(860 * var(--u));min-height:calc(900 * var(--u));background:var(--cream);border:calc(3 * var(--u)) solid var(--border);border-radius:calc(32 * var(--u));box-shadow:0 calc(16 * var(--u)) calc(40 * var(--u)) #00000059;padding:calc(12 * var(--u)) calc(12 * var(--u)) calc(44 * var(--u));text-align:center;transition:transform .22s cubic-bezier(.34,1.56,.64,1);position:relative;transform:scale(.88)}.overlay.open .card{transform:scale(1)}.card .head{height:calc(120 * var(--u));border-radius:calc(24 * var(--u));background:var(--primary);color:#fff;font-weight:700;font-size:calc(48 * var(--u));padding:0 calc(110 * var(--u));justify-content:center;align-items:center;display:flex;position:relative}.card .x{right:calc(18 * var(--u));margin-top:calc(-42 * var(--u));width:calc(84 * var(--u));height:calc(84 * var(--u));background:var(--cream);color:var(--primary);font-weight:700;font-size:calc(40 * var(--u));border-radius:50%;position:absolute;top:50%}.card .big{width:calc(220 * var(--u));height:calc(220 * var(--u));margin:calc(36 * var(--u)) auto 0;border:calc(3 * var(--u)) solid var(--border);background:#fff;border-radius:50%;justify-content:center;align-items:center;display:flex}.card .big .icon{width:calc(170 * var(--u));height:calc(170 * var(--u))}.card .tag{margin-top:calc(26 * var(--u));padding:calc(10 * var(--u)) calc(34 * var(--u));border-radius:calc(32 * var(--u));background:var(--gold);font-weight:700;font-size:calc(30 * var(--u));display:inline-block}.card .body{margin:calc(26 * var(--u)) calc(50 * var(--u)) 0;font-size:calc(36 * var(--u));line-height:1.4}.card .note{margin-top:calc(18 * var(--u));font-size:calc(26 * var(--u));color:var(--sub);font-style:italic}.card .close{margin:calc(44 * var(--u)) auto 0;width:calc(460 * var(--u));height:calc(120 * var(--u));border-radius:calc(24 * var(--u));background:var(--primary);color:#fff;font-weight:700;font-size:calc(40 * var(--u));border:calc(3 * var(--u)) solid #4b2e2e80;display:block}.toast{left:50%;bottom:calc(300 * var(--u));width:calc(860 * var(--u));margin-left:calc(-430 * var(--u));padding:calc(26 * var(--u)) calc(24 * var(--u));border-radius:calc(32 * var(--u));color:#fff;text-align:center;font-weight:700;font-size:calc(36 * var(--u));opacity:0;pointer-events:none;background:#4b2e2eeb;transition:opacity .2s;position:absolute}.toast.show{opacity:1}#rotate{display:none}@media (min-aspect-ratio:6/5){:root{--app-w:100vw;--base-u:calc(100dvh / 1080 * .9)}#ui,#controls{--u:calc(var(--base-u) * var(--hud) * .86)}.bottom-nav{width:calc(1056 * var(--u));margin-left:calc(-528 * var(--u));left:50%;right:auto}.joystick{bottom:calc(var(--safe-b) + 40 * var(--u))}.interact{bottom:calc(var(--safe-b) + 60 * var(--u))}.toast{bottom:calc(340 * var(--u))}}#controls{pointer-events:none;z-index:5;position:absolute;top:0;bottom:0;left:0;right:0}#controls.hidden{display:none}.joystick{pointer-events:auto;touch-action:none;left:calc(var(--safe-l) + 36 * var(--u));bottom:calc(var(--safe-b) + 410 * var(--u));width:calc(250 * var(--u));height:calc(250 * var(--u));border:calc(4 * var(--u)) solid #4b2e2e73;box-shadow:0 calc(6 * var(--u)) calc(16 * var(--u)) #0000002e;background:#fff8ec80;border-radius:50%;position:absolute}.joystick.on{background:#fff8ecb8}.joystick .knob{background:var(--cream);border:calc(4 * var(--u)) solid var(--border);width:38%;height:38%;box-shadow:var(--shadow);border-radius:50%;position:absolute;top:31%;left:31%}.joystick .ar{border:calc(11 * var(--u)) solid transparent;opacity:.55;width:0;height:0;position:absolute}.joystick .ar.l{margin-top:calc(-11 * var(--u));border-right-color:var(--ink);border-left-width:0;top:50%;left:5%}.joystick .ar.r{margin-top:calc(-11 * var(--u));border-left-color:var(--ink);border-right-width:0;top:50%;right:5%}.joystick .ar.u{margin-left:calc(-11 * var(--u));border-bottom-color:var(--ink);border-top-width:0;top:5%;left:50%}.joystick .ar.d{margin-left:calc(-11 * var(--u));border-top-color:var(--ink);border-bottom-width:0;bottom:5%;left:50%}.interact{pointer-events:auto;cursor:pointer;right:calc(var(--safe-r) + 36 * var(--u));bottom:calc(var(--safe-b) + 420 * var(--u));align-items:center;gap:calc(4 * var(--u));min-width:calc(190 * var(--u));max-width:calc(330 * var(--u));padding:calc(16 * var(--u)) calc(22 * var(--u));border-radius:calc(36 * var(--u));background:var(--primary);color:#fff;font:inherit;font-weight:700;font-size:calc(30 * var(--u));border:calc(4 * var(--u)) solid #4b2e2eb3;box-shadow:var(--shadow);text-align:center;flex-direction:column;line-height:1.15;transition:transform 80ms;display:flex;position:absolute}.interact:active{transform:scale(.95)}.interact svg{width:calc(84 * var(--u));height:calc(84 * var(--u))}.tut{left:calc(20 * var(--u));top:calc(496 * var(--u));width:calc(800 * var(--u));padding:calc(18 * var(--u)) calc(22 * var(--u)) calc(20 * var(--u));border-radius:calc(24 * var(--u));border:calc(4 * var(--u)) solid #e0a23a;box-shadow:0 calc(8 * var(--u)) calc(24 * var(--u)) #4b2e2e47;pointer-events:auto;z-index:3;background:#fff9ebf7;position:absolute}.tut[hidden]{display:none}.tut-head{align-items:center;gap:calc(14 * var(--u));display:flex}.tut-step{padding:calc(4 * var(--u)) calc(14 * var(--u));border-radius:calc(20 * var(--u));color:#fff;font-weight:700;font-size:calc(24 * var(--u));white-space:nowrap;background:#e0a23a;flex:none}.tut-title{min-width:0;font-weight:700;font-size:calc(34 * var(--u));color:var(--primary);flex:1}.tut-skip{min-height:calc(100 * var(--u));min-width:calc(150 * var(--u));padding:0 calc(20 * var(--u));border-radius:calc(18 * var(--u));border:calc(3 * var(--u)) solid #4b2e2e59;color:var(--sub);font-weight:700;font-size:calc(26 * var(--u));background:#fff;flex:none}.tut-text{margin:calc(10 * var(--u)) 0 0;font-size:calc(28 * var(--u));color:var(--ink,#4b2e2e);line-height:1.3}.tut-target{outline:calc(8 * var(--u)) solid #f2b63c;outline-offset:calc(4 * var(--u));animation:1.3s ease-in-out infinite tut-pulse}@keyframes tut-pulse{0%,to{outline-color:#f2b63c;box-shadow:0 0 #f2b63cb3}50%{box-shadow:0 0 0 calc(22 * var(--u)) #f2b63c00;outline-color:#fff1c4}}.fx-layer{pointer-events:none;z-index:40;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.fx-layer>*{will-change:transform, opacity;position:absolute;top:0;left:0}.fx-coin{width:calc(52 * var(--u));height:calc(52 * var(--u));margin:calc(-26 * var(--u)) 0 0 calc(-26 * var(--u));border:calc(4 * var(--u)) solid #8a5a12;color:#7a4b0c;font-weight:800;font-size:calc(30 * var(--u));line-height:calc(44 * var(--u));text-align:center;background:radial-gradient(circle at 35% 30%,#fff3b0,#f2b63c 55%,#c98a1c);border-radius:50%}.fx-float{padding:calc(6 * var(--u)) calc(18 * var(--u));border-radius:calc(26 * var(--u));border:calc(3 * var(--u)) solid #4b2e2e;color:#2f7d3a;font-weight:800;font-size:calc(36 * var(--u));white-space:nowrap;background:#fffaebf2}.fx-float.tip{color:#a6192e}.fx-day{min-width:calc(620 * var(--u));padding:calc(34 * var(--u)) calc(50 * var(--u));border-radius:calc(40 * var(--u));border:calc(5 * var(--u)) solid #4b2e2e;box-shadow:0 calc(14 * var(--u)) calc(40 * var(--u)) #4b2e2e59;text-align:center;align-items:center;gap:calc(10 * var(--u));background:#fff9ebf7;flex-direction:column;display:flex;top:42%!important;left:50%!important}.fx-day i{width:calc(110 * var(--u));height:calc(110 * var(--u));box-shadow:0 0 0 calc(14 * var(--u)) #f6b93b40, 0 0 0 calc(30 * var(--u)) #f6b93b1f;margin-bottom:calc(16 * var(--u));background:radial-gradient(circle at 40% 35%,#fff3b0,#f6b93b 60%,#ee9a2b);border-radius:50%}.fx-day strong{font-size:calc(56 * var(--u));color:var(--primary)}.fx-day span{font-size:calc(30 * var(--u));color:var(--sub)}.fx-confetti{width:calc(18 * var(--u));height:calc(30 * var(--u));border-radius:calc(4 * var(--u))}.quest{pointer-events:auto;transition:height .16s;overflow:hidden}.quest .title{cursor:pointer;pointer-events:auto}.quest-toggle{min-width:30px;min-height:24px;right:calc(10 * var(--u));top:calc(8 * var(--u));width:calc(92 * var(--u));height:calc(58 * var(--u));border-radius:calc(16 * var(--u));color:var(--primary);font:inherit;font-weight:800;font-size:calc(34 * var(--u));cursor:pointer;pointer-events:auto;z-index:2;background:#a6192e1a;border:0;padding:0;line-height:1;position:absolute}.quest[data-mode=mini] .quest-toggle{background:0 0}.quest .title{right:calc(110 * var(--u))}.quest-sum{right:calc(112 * var(--u));top:calc(12 * var(--u));height:calc(50 * var(--u));font-weight:700;font-size:calc(28 * var(--u));color:var(--ink,#4b2e2e);align-items:center;display:flex;position:absolute}.quest-sub{left:calc(20 * var(--u));right:calc(20 * var(--u));height:calc(40 * var(--u));font-weight:700;font-size:calc(24 * var(--u));color:var(--primary);border-top:calc(2 * var(--u)) dashed #4b2e2e40;padding-top:calc(6 * var(--u));align-items:center;display:flex;position:absolute}[hidden]{display:none!important}#screens{pointer-events:none;z-index:20;position:absolute;top:0;bottom:0;left:0;right:0}#screens>*{pointer-events:auto}#ui.hidden{visibility:hidden}.screen{padding:calc(var(--safe-t) + 120 * var(--u)) calc(60 * var(--u)) calc(var(--safe-b) + 80 * var(--u));text-align:center;flex-direction:column;align-items:center;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.screen .logo{width:calc(860 * var(--u));height:auto}.screen .tagline{margin:calc(24 * var(--u)) 0 0;font-size:calc(34 * var(--u));color:var(--ink);font-style:italic}.splash{background:var(--cream);opacity:0;justify-content:center;padding-top:0;transition:opacity .6s ease-out}.splash.in{opacity:1}.splash.out{opacity:0;transition-duration:.5s}.splash .logo{transition:transform 1.8s ease-out;transform:scale(.94)}.splash.in .logo{transform:scale(1)}.loading{background:radial-gradient(circle at 50% 30%, #fffaf1 0%, var(--cream) 60%, #ead9bd 100%);justify-content:center;padding-top:0}.loading .logo.small{width:calc(640 * var(--u))}.progress{width:calc(760 * var(--u));margin-top:calc(120 * var(--u));height:calc(46 * var(--u));position:relative}.progress .track{left:0;right:0;top:calc(10 * var(--u));height:calc(30 * var(--u));border-radius:calc(16 * var(--u));border:calc(3 * var(--u)) solid var(--border);background:#6b705c38;position:absolute;overflow:hidden}.progress .track i{background:linear-gradient(90deg, #8cc06f, var(--green));width:0;height:100%;display:block}.progress .cart{top:calc(-78 * var(--u));width:calc(90 * var(--u));height:calc(90 * var(--u));margin-left:calc(-45 * var(--u));position:absolute;left:0}.progress .cart img{width:100%;height:100%}.loading .pct{margin-top:calc(24 * var(--u));font-weight:700;font-size:calc(40 * var(--u))}.loading .tip{margin:calc(60 * var(--u)) calc(40 * var(--u)) 0;font-size:calc(32 * var(--u));color:var(--sub);line-height:1.4}.load-error{margin-top:calc(40 * var(--u));font-size:calc(32 * var(--u));color:var(--primary)}.load-error .btn{margin-top:calc(20 * var(--u))}.menu{background:linear-gradient(#f5ede0eb 0%,#f5ede08c 30%,#f5ede026 55%,#2a1c1a8c 100%)}.menu .tagline{padding:calc(10 * var(--u)) calc(30 * var(--u));border-radius:calc(40 * var(--u));box-shadow:0 calc(4 * var(--u)) calc(14 * var(--u)) #4b2e2e2e;background:#fffaf0e0}.menu-buttons{gap:calc(34 * var(--u));width:calc(740 * var(--u));flex-direction:column;margin-top:auto;display:flex}.menu .version{margin:calc(30 * var(--u)) 0 0;font-size:calc(24 * var(--u));color:#ffffffd9}.menu .notice{margin:calc(24 * var(--u)) 0 0;padding:calc(16 * var(--u)) calc(24 * var(--u));border-radius:calc(20 * var(--u));color:#fff;font-size:calc(28 * var(--u));background:#ae1c3feb}#screens .btn,.modal .btn{min-height:calc(110 * var(--u));padding:calc(12 * var(--u)) calc(40 * var(--u));border-radius:calc(28 * var(--u));background:var(--cream);color:var(--ink);border:calc(4 * var(--u)) solid var(--border);box-shadow:var(--shadow);font-weight:700;font-size:calc(40 * var(--u));flex-direction:column;justify-content:center;align-items:center;display:flex}#screens .btn.big{min-height:calc(140 * var(--u));font-size:calc(48 * var(--u))}#screens .btn.primary,.modal .btn.primary{background:var(--primary);color:#fff;border-color:#4b2e2e99}#screens .btn .sub{font-weight:500;font-size:calc(28 * var(--u));color:var(--sub);margin-top:calc(4 * var(--u))}#screens .btn:disabled{opacity:.55;filter:grayscale(.4);cursor:not-allowed;transform:none}.fader{background:var(--cream);opacity:0;pointer-events:none;z-index:50;transition:opacity .35s;position:absolute;top:0;bottom:0;left:0;right:0}.fader.on{opacity:1;pointer-events:auto}.modal{z-index:30}.modal .card{min-height:0;padding-bottom:calc(36 * var(--u))}.modal-body{padding:calc(30 * var(--u)) calc(40 * var(--u)) 0;text-align:left}.modal-actions{gap:calc(24 * var(--u));margin-top:calc(36 * var(--u));display:flex}.modal-actions .btn{flex:1}.start-values{gap:calc(14 * var(--u));display:grid}.sv-row{align-items:center;gap:calc(20 * var(--u));padding:calc(14 * var(--u)) calc(20 * var(--u));border-radius:calc(20 * var(--u));border:calc(3 * var(--u)) solid #4b2e2e2e;background:#fff;display:flex}.sv-row .icon{width:calc(64 * var(--u));height:calc(64 * var(--u))}.sv-label{font-size:calc(32 * var(--u));color:var(--sub);flex:1}.sv-value{font-size:calc(36 * var(--u))}.modal .intro{margin:calc(26 * var(--u)) 0 0;font-size:calc(30 * var(--u));line-height:1.45}.modal .warn{margin:calc(20 * var(--u)) 0 0;padding:calc(14 * var(--u)) calc(20 * var(--u));border-radius:calc(16 * var(--u));color:var(--primary);font-weight:700;font-size:calc(30 * var(--u));background:#fde8e1}.modal .note{margin:calc(20 * var(--u)) 0 0;font-size:calc(26 * var(--u));color:var(--sub);text-align:center;font-style:italic}.set-row{align-items:center;gap:calc(20 * var(--u));min-height:calc(110 * var(--u));border-bottom:calc(2 * var(--u)) solid #4b2e2e1f;display:flex}.set-label{width:calc(220 * var(--u));font-weight:700;font-size:calc(36 * var(--u))}.set-value{width:calc(110 * var(--u));text-align:right;font-weight:700;font-size:calc(32 * var(--u))}.range{-webkit-appearance:none;appearance:none;height:calc(24 * var(--u));border-radius:calc(12 * var(--u));background:linear-gradient(90deg, var(--green) var(--v,50%), #6b705c40 var(--v,50%));outline:none;flex:1}.range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:calc(60 * var(--u));height:calc(60 * var(--u));border:calc(5 * var(--u)) solid var(--primary);box-shadow:var(--shadow);background:#fff;border-radius:50%}.range::-moz-range-thumb{width:calc(60 * var(--u));height:calc(60 * var(--u));border:calc(5 * var(--u)) solid var(--primary);background:#fff;border-radius:50%}.switch{-webkit-appearance:none;appearance:none;width:calc(130 * var(--u));height:calc(70 * var(--u));border-radius:calc(35 * var(--u));cursor:pointer;background:#6b705c59;margin-left:auto;transition:background .15s;position:relative}.switch:after{content:"";top:calc(6 * var(--u));left:calc(6 * var(--u));width:calc(58 * var(--u));height:calc(58 * var(--u));box-shadow:var(--shadow);background:#fff;border-radius:50%;transition:transform .15s;position:absolute}.switch:checked{background:var(--green)}.switch:checked:after{transform:translateX(calc(60 * var(--u)))}.sv-row.now{border-color:var(--primary);background:#fff4ee}.sv-row .sv-label strong{color:var(--ink)}.dialogue{z-index:25;padding:0 calc(var(--safe-r) + 30 * var(--u)) calc(var(--safe-b) + 44 * var(--u)) calc(var(--safe-l) + 30 * var(--u));opacity:0;cursor:pointer;background:linear-gradient(#2a1c1a00 45%,#2a1c1a73 100%);flex-direction:column;justify-content:flex-end;align-items:stretch;transition:opacity .16s;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.dialogue.open{opacity:1}.dlg-box{min-height:calc(300 * var(--u));padding:calc(64 * var(--u)) calc(40 * var(--u)) calc(44 * var(--u)) calc(250 * var(--u));background:var(--cream);border:calc(5 * var(--u)) solid var(--border);border-radius:calc(36 * var(--u));box-shadow:var(--shadow);position:relative}.dlg-portrait{left:calc(18 * var(--u));top:calc(-50 * var(--u));width:calc(220 * var(--u));height:calc(220 * var(--u));border:calc(6 * var(--u)) solid var(--primary);box-shadow:var(--shadow);background:#fff3df;border-radius:50%;position:absolute}.dlg-name{left:calc(250 * var(--u));top:calc(-34 * var(--u));padding:calc(8 * var(--u)) calc(30 * var(--u));background:var(--primary);color:#fff;font-weight:700;font-size:calc(36 * var(--u));border-radius:calc(24 * var(--u));border:calc(4 * var(--u)) solid #4b2e2e99;position:absolute}.dialogue.me .dlg-name{background:var(--green)}.dialogue.me .dlg-portrait{border-color:var(--green)}.dlg-text{font-size:calc(36 * var(--u));color:var(--ink);min-height:calc(150 * var(--u));text-align:left;margin:0;line-height:1.4}.dlg-hint{right:calc(34 * var(--u));bottom:calc(14 * var(--u));font-size:calc(30 * var(--u));color:var(--primary);animation:.9s ease-in-out infinite dlg-bob;position:absolute}@keyframes dlg-bob{50%{transform:translateY(calc(6 * var(--u)))}}.dlg-choices{gap:calc(18 * var(--u));margin:0 0 calc(70 * var(--u)) calc(120 * var(--u));flex-direction:column;display:flex}.dlg-choice{width:100%;min-height:calc(126 * var(--u));padding:calc(22 * var(--u)) calc(34 * var(--u));text-align:left;font:inherit;font-weight:700;font-size:calc(34 * var(--u));color:var(--ink);border:calc(4 * var(--u)) solid #d9a441;border-radius:calc(28 * var(--u));box-shadow:var(--shadow);cursor:pointer;background:#fff8ec;line-height:1.25;display:block}.dlg-choice:active{transform:scale(.97)}.q-head{align-items:center;gap:calc(24 * var(--u));display:flex}.q-portrait{width:calc(150 * var(--u));height:calc(150 * var(--u));border:calc(5 * var(--u)) solid var(--primary);background:#fff3df;border-radius:50%;flex:none}.q-title{font-size:calc(40 * var(--u));color:var(--ink);line-height:1.2;display:block}.q-title.center{text-align:center;margin:calc(10 * var(--u)) 0 calc(20 * var(--u))}.q-giver{font-size:calc(28 * var(--u));color:var(--sub);margin-top:calc(4 * var(--u));display:block}.q-steps{margin:calc(20 * var(--u)) 0 0;gap:calc(10 * var(--u));font-size:calc(32 * var(--u));padding:0;list-style:none;display:grid}.q-steps li{align-items:center;gap:calc(16 * var(--u));display:flex}.q-steps .tick{width:calc(40 * var(--u));height:calc(40 * var(--u));border-radius:calc(10 * var(--u));border:calc(3 * var(--u)) solid var(--border);color:#fff;font-weight:700;font-size:calc(28 * var(--u));background:#fff;flex:none;place-items:center;display:grid}.q-steps li.ok .tick{background:var(--green);border-color:var(--green)}.q-steps li.ok{color:var(--sub)}.q-rewards{align-items:center;gap:calc(12 * var(--u)) calc(28 * var(--u));margin-top:calc(24 * var(--u));padding:calc(16 * var(--u)) calc(22 * var(--u));border-radius:calc(20 * var(--u));border:calc(3 * var(--u)) solid #4b2e2e2e;font-size:calc(32 * var(--u));background:#fff;flex-wrap:wrap;display:flex}.q-rlabel{color:var(--sub)}.q-reward{align-items:center;gap:calc(10 * var(--u));display:inline-flex}.q-reward .icon{width:calc(52 * var(--u));height:calc(52 * var(--u))}.q-reward strong{color:#2f7d3a}.q-list{max-height:calc(1150 * var(--u));padding-right:calc(8 * var(--u));overflow-y:auto}.q-section{margin:calc(18 * var(--u)) 0 calc(12 * var(--u));font-size:calc(32 * var(--u));color:var(--primary)}.q-card{padding:calc(20 * var(--u)) calc(24 * var(--u));margin-bottom:calc(16 * var(--u));border-radius:calc(24 * var(--u));border:calc(3 * var(--u)) solid #4b2e2e33;background:#fffaf1}.q-card .q-title{font-size:calc(36 * var(--u))}.q-card.done{opacity:.75;padding:calc(14 * var(--u)) calc(24 * var(--u))}.q-card.done .q-title{font-size:calc(32 * var(--u));color:#2f7d3a}.inv-grid{gap:calc(14 * var(--u));grid-template-columns:repeat(4,1fr);display:grid}.inv-cell{padding:calc(14 * var(--u)) calc(6 * var(--u));border-radius:calc(22 * var(--u));border:calc(3 * var(--u)) solid #4b2e2e33;text-align:center;background:#fffaf1;flex-direction:column;align-items:center;display:flex;position:relative}.inv-icon{width:calc(120 * var(--u));height:calc(120 * var(--u))}.inv-name{font-size:calc(26 * var(--u));line-height:1.15}.inv-qty{font-size:calc(26 * var(--u));color:var(--sub)}.inv-cell.low{background:#fff6df;border-color:#d9a441}.inv-cell.out{border-color:var(--primary);background:#fde8e1}.inv-cell.out .inv-icon{opacity:.45;filter:grayscale(.7)}.inv-tag{top:calc(6 * var(--u));right:calc(6 * var(--u));padding:calc(3 * var(--u)) calc(12 * var(--u));border-radius:calc(14 * var(--u));font-size:calc(22 * var(--u));color:#fff;background:#d98a1f;font-weight:700;position:absolute}.inv-cell.out .inv-tag{background:var(--primary)}.menu-list{gap:calc(14 * var(--u));max-height:calc(1000 * var(--u));display:grid;overflow-y:auto}.menu-card{align-items:center;gap:calc(16 * var(--u));padding:calc(12 * var(--u)) calc(16 * var(--u));border-radius:calc(24 * var(--u));border:calc(3 * var(--u)) solid #4b2e2e33;background:#fffaf1;display:flex}.menu-icon{width:calc(120 * var(--u));height:calc(120 * var(--u));flex:none}.menu-info{gap:calc(2 * var(--u));text-align:left;flex-direction:column;flex:1;min-width:0;display:flex}.menu-head{justify-content:space-between;gap:calc(12 * var(--u));font-size:calc(34 * var(--u));display:flex}.menu-price{color:var(--primary);font-weight:700}.menu-needs{font-size:calc(22 * var(--u));color:var(--sub);line-height:1.25}.menu-cost{font-size:calc(21 * var(--u));color:#8a6a3a;line-height:1.2}.menu-can{font-size:calc(26 * var(--u));color:#2f7d3a;font-weight:700}.menu-can.none{color:var(--primary)}.menu-lock{font-size:calc(26 * var(--u));color:var(--sub);font-weight:700}.menu-card.locked{opacity:.7}.menu-card.locked .menu-icon{filter:grayscale(.8)}.modal .menu-card .btn{min-height:calc(96 * var(--u));padding:calc(8 * var(--u)) calc(26 * var(--u));font-size:calc(32 * var(--u));flex:none}.modal .btn:disabled{opacity:.5;filter:grayscale(.5);cursor:not-allowed}.tray{margin-top:calc(20 * var(--u));padding:calc(14 * var(--u)) calc(20 * var(--u));border-radius:calc(20 * var(--u));border:calc(3 * var(--u)) solid #4b2e2e2e;font-size:calc(30 * var(--u));text-align:left;background:#fff}.tray-chips{gap:calc(8 * var(--u));min-height:calc(20 * var(--u));margin-top:calc(6 * var(--u));display:flex}.tray-chip{width:calc(84 * var(--u));height:calc(84 * var(--u));border-radius:calc(16 * var(--u));border:calc(4 * var(--u)) solid #c9c2b4;background:#fffaf1}.tray-chip img{width:100%;height:100%}.tray-chip.q2{border-color:#79a867}.tray-chip.q3{box-shadow:0 0 calc(10 * var(--u)) #e2b23acc;border-color:#e2b23a}.brew-top{align-items:center;gap:calc(20 * var(--u));display:flex}.brew-cup{width:calc(300 * var(--u));height:calc(300 * var(--u));flex:none;position:relative}.brew-cup img{width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.brew-fill{transition:clip-path .35s ease-out;position:absolute;top:0;bottom:0;left:0;right:0}.brew-steps{padding-left:calc(46 * var(--u));font-size:calc(30 * var(--u));color:var(--sub);text-align:left;flex:1;margin:0;line-height:1.5}.brew-steps li.now{color:var(--ink);font-weight:700}.brew-steps li.ok{color:#2f7d3a;text-decoration:line-through}.brew-bar{height:calc(64 * var(--u));margin:calc(30 * var(--u)) calc(10 * var(--u)) 0;border-radius:calc(32 * var(--u));border:calc(4 * var(--u)) solid var(--border);background:#d9665a;position:relative;overflow:visible}.brew-bar .zone{position:absolute;top:0;bottom:0}.brew-bar .zone.good{background:#e9c04f;left:26%;right:26%}.brew-bar .zone.perfect{background:#5aa84f;left:41%;right:41%}.brew-marker{top:calc(-16 * var(--u));bottom:calc(-16 * var(--u));width:calc(14 * var(--u));margin-left:calc(-7 * var(--u));border-radius:calc(7 * var(--u));background:var(--ink);box-shadow:0 0 0 calc(3 * var(--u)) #fff;position:absolute}.brew-verdict{margin:calc(26 * var(--u)) 0 0;text-align:center;font-weight:700;font-size:calc(34 * var(--u));color:var(--sub);min-height:calc(48 * var(--u))}.brew-verdict[data-pts="2"]{color:#2f7d3a}.brew-verdict[data-pts="0"]{color:var(--primary)}.ord-count{margin:0 0 calc(14 * var(--u));font-size:calc(30 * var(--u));color:var(--sub);text-align:center}.ord-list{gap:calc(12 * var(--u));max-height:calc(1050 * var(--u));display:grid;overflow-y:auto}.ord-row{align-items:center;gap:calc(14 * var(--u));padding:calc(12 * var(--u)) calc(16 * var(--u));border-radius:calc(24 * var(--u));border:calc(3 * var(--u)) solid #4b2e2e33;background:#fffaf1;flex-wrap:wrap;display:flex}.ord-row.front{border-color:var(--primary);background:#fff4ee}.ord-row.coming{opacity:.7}.ord-face{width:calc(96 * var(--u));height:calc(96 * var(--u));border:calc(4 * var(--u)) solid var(--border);background:#fff3df;border-radius:50%;flex:none}.ord-info{text-align:left;flex:1;min-width:0}.ord-head{justify-content:space-between;gap:calc(10 * var(--u));font-size:calc(30 * var(--u));display:flex}.ord-price{color:var(--primary);font-weight:700}.ord-drink{align-items:center;gap:calc(8 * var(--u));font-size:calc(28 * var(--u));color:var(--ink);display:flex}.ord-drink img{width:calc(56 * var(--u));height:calc(56 * var(--u))}.ord-bar{height:calc(14 * var(--u));margin-top:calc(4 * var(--u));border-radius:calc(7 * var(--u));background:#6b705c40;overflow:hidden}.ord-bar i{background:linear-gradient(90deg, #e9b93a, var(--green));height:100%;display:block}.ord-actions{gap:calc(12 * var(--u));flex-basis:100%;display:flex}.modal .ord-actions .btn{min-height:calc(100 * var(--u));padding:calc(8 * var(--u)) calc(10 * var(--u));font-size:calc(28 * var(--u));flex:1;line-height:1.15}.sell-badge{min-width:calc(58 * var(--u));height:calc(58 * var(--u));padding:0 calc(12 * var(--u));border-radius:calc(29 * var(--u));color:var(--ink);border:calc(4 * var(--u)) solid var(--ink);font-weight:700;font-size:calc(32 * var(--u));pointer-events:none;background:#f2c14e;place-items:center;display:grid;position:absolute;top:0;right:4%}.shop-money{margin:0 0 calc(12 * var(--u));font-size:calc(30 * var(--u));color:var(--ink);text-align:center;font-weight:700}.shop-list{gap:calc(10 * var(--u));max-height:calc(1000 * var(--u));display:grid;overflow-y:auto}.shop-row{align-items:center;gap:calc(12 * var(--u));padding:calc(8 * var(--u)) calc(14 * var(--u));border-radius:calc(22 * var(--u));border:calc(3 * var(--u)) solid #4b2e2e33;background:#fffaf1;display:flex}.shop-icon{width:calc(96 * var(--u));height:calc(96 * var(--u));flex:none}.shop-info{text-align:left;min-width:0;font-size:calc(30 * var(--u));flex-direction:column;flex:1;line-height:1.2;display:flex}.shop-have{font-size:calc(22 * var(--u));color:var(--sub)}.shop-have.low{color:#b96a10;font-weight:700}.shop-price{color:var(--ink);font-weight:700;font-size:calc(28 * var(--u))}.shop-price.up{color:var(--primary)}.shop-price.down{color:#2f7d3a}.shop-qty{align-items:center;gap:calc(6 * var(--u));flex:none;display:flex}.shop-qty output{min-width:calc(56 * var(--u));text-align:center;font-weight:700;font-size:calc(36 * var(--u))}.modal .shop-qty .btn{min-height:0;width:calc(96 * var(--u));height:calc(96 * var(--u));font-size:calc(48 * var(--u));border-radius:calc(24 * var(--u));padding:0}.shop-foot{align-items:center;gap:calc(20 * var(--u));margin-top:calc(18 * var(--u));display:flex}.shop-total{font-size:calc(38 * var(--u));text-align:left;flex:1}.shop-total.over{color:var(--primary)}.modal .shop-foot .btn{min-width:calc(340 * var(--u));flex:none}.sum-money{gap:calc(4 * var(--u));padding:calc(14 * var(--u)) calc(22 * var(--u));border-radius:calc(22 * var(--u));border:calc(3 * var(--u)) solid #4b2e2e2e;background:#fff;display:grid}.sum-line{font-size:calc(32 * var(--u));justify-content:space-between;display:flex}.sum-line span{color:var(--sub)}.sum-line.cost strong{color:var(--primary)}.sum-line.profit{margin-top:calc(6 * var(--u));padding-top:calc(8 * var(--u));border-top:calc(3 * var(--u)) dashed #4b2e2e40;font-size:calc(40 * var(--u))}.sum-line.profit span{color:var(--ink);font-weight:700}.sum-line.profit.pos strong{color:#2f7d3a}.sum-line.profit.neg strong{color:var(--primary)}.sum-tiles{gap:calc(10 * var(--u));margin-top:calc(14 * var(--u));grid-template-columns:repeat(4,1fr);display:grid}.sum-tile{padding:calc(10 * var(--u)) calc(4 * var(--u));border-radius:calc(20 * var(--u));border:calc(3 * var(--u)) solid #4b2e2e33;background:#fffaf1;flex-direction:column;align-items:center;display:flex}.sum-tile strong{font-size:calc(44 * var(--u));color:var(--ink)}.sum-tile span{font-size:calc(22 * var(--u));color:var(--sub);text-align:center;line-height:1.15}.sum-best{align-items:center;gap:calc(8 * var(--u));margin-top:calc(12 * var(--u));font-size:calc(28 * var(--u));color:var(--sub);display:flex}.sum-best img{width:calc(64 * var(--u));height:calc(64 * var(--u))}.sum-best strong{color:var(--ink)}.sum-chart{margin-top:calc(14 * var(--u))}.sum-chart-title{font-size:calc(24 * var(--u));color:var(--sub);text-align:left;display:block}.sum-bars{align-items:flex-end;gap:calc(6 * var(--u));height:calc(150 * var(--u));padding-bottom:calc(30 * var(--u));border-bottom:calc(3 * var(--u)) solid #4b2e2e40;display:flex}.sum-bar{flex:1;align-items:flex-end;height:100%;display:flex;position:relative}.sum-bar i{border-radius:calc(6 * var(--u)) calc(6 * var(--u)) 0 0;background:#e2a23a;width:100%;display:block}.sum-bar i.neg{background:var(--primary)}.sum-bar span{left:50%;bottom:calc(-30 * var(--u));font-size:calc(20 * var(--u));color:var(--sub);white-space:nowrap;position:absolute;transform:translate(-50%)}[data-sum=history] .sum-bar i{background:#79a867}[data-sum=history] .sum-bar i.neg{background:var(--primary)}.end-day{margin-top:calc(14 * var(--u))}.modal .end-day .btn{width:100%;min-height:calc(90 * var(--u));font-size:calc(30 * var(--u))}[data-sum=history] .sum-bars{justify-content:center}[data-sum=history] .sum-bar{max-width:calc(110 * var(--u))}.seg{gap:calc(8 * var(--u));flex:1;display:flex}.seg-btn{min-height:calc(84 * var(--u));padding:0 calc(6 * var(--u));border-radius:calc(20 * var(--u));border:calc(3 * var(--u)) solid var(--border);color:var(--ink);font:inherit;font-weight:700;font-size:calc(28 * var(--u));cursor:pointer;background:#fff;flex:1}.seg-btn.on{background:var(--green);color:#fff;border-color:#4f8443}.rep-head{align-items:center;gap:calc(24 * var(--u));text-align:left;display:flex}.rep-badge{width:calc(140 * var(--u));height:calc(140 * var(--u));flex:none;place-items:center;display:grid;position:relative}.rep-badge img{width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.rep-badge strong{font-size:calc(52 * var(--u));color:#6b3d0c;padding-top:calc(10 * var(--u));position:relative}.rep-badge.big{width:calc(220 * var(--u));height:calc(220 * var(--u));margin:0 auto calc(8 * var(--u))}.rep-badge.big strong{font-size:calc(84 * var(--u))}.rep-name{font-size:calc(40 * var(--u));color:var(--ink);line-height:1.2;display:block}.rep-points{font-size:calc(30 * var(--u));color:var(--sub);display:block}.rep-bar,.daily-bar{height:calc(28 * var(--u));border-radius:calc(14 * var(--u));margin-top:calc(20 * var(--u));background:#6b705c38;overflow:hidden}.rep-bar i,.daily-bar i{background:linear-gradient(90deg, #8cc06f, var(--green));border-radius:inherit;height:100%;display:block}.rep-next{margin:calc(10 * var(--u)) 0 0;font-size:calc(28 * var(--u));color:var(--sub);text-align:center}.rep-list{gap:calc(10 * var(--u));margin-top:calc(18 * var(--u));max-height:calc(760 * var(--u));display:grid;overflow-y:auto}.rep-row{gap:calc(16 * var(--u));padding:calc(12 * var(--u)) calc(18 * var(--u));border-radius:calc(20 * var(--u));border:calc(3 * var(--u)) solid #4b2e2e2e;text-align:left;opacity:.72;background:#fffaf1;align-items:center;display:flex}.rep-row.got{opacity:1}.rep-row.now{border-color:var(--green);background:#f2f8e9}.rep-lv{width:calc(56 * var(--u));text-align:center;font-size:calc(34 * var(--u));color:#2f7d3a;flex:none;font-weight:700}.rep-rowtxt{min-width:0}.rep-rowtxt strong{font-size:calc(30 * var(--u));color:var(--ink);display:block}.rep-rowtxt span{font-size:calc(24 * var(--u));color:var(--sub);line-height:1.25;display:block}.q-kind{font-style:normal;font-weight:700;font-size:calc(22 * var(--u));margin-left:calc(12 * var(--u));padding:calc(2 * var(--u)) calc(14 * var(--u));border-radius:calc(14 * var(--u));color:var(--ink);background:#6b705c33}.q-kind.main{background:var(--primary);color:#fff}.daily-card{align-items:center;gap:calc(16 * var(--u));padding:calc(16 * var(--u)) calc(20 * var(--u));margin-bottom:calc(14 * var(--u));border-radius:calc(24 * var(--u));border:calc(3 * var(--u)) solid #4b2e2e33;text-align:left;background:#fffaf1;display:flex}.daily-card.full{border-color:var(--green);background:#f2f8e9}.daily-card.claimed{opacity:.7}.daily-info{flex:1;min-width:0}.daily-info strong{font-size:calc(32 * var(--u));color:var(--ink);display:block}.daily-prog{font-size:calc(24 * var(--u));color:var(--sub);display:block}.daily-bar{height:calc(18 * var(--u));margin-top:calc(8 * var(--u))}.daily-done{font-size:calc(28 * var(--u));color:#2f7d3a;flex:none;font-weight:700}.modal .daily-card .btn{min-height:calc(88 * var(--u));padding:calc(8 * var(--u)) calc(26 * var(--u));font-size:calc(30 * var(--u));flex:none}.up-head{text-align:center;padding:calc(14 * var(--u)) calc(20 * var(--u));border-radius:calc(20 * var(--u));border:calc(3 * var(--u)) solid #4b2e2e2e;background:#fff}.up-stall{font-size:calc(38 * var(--u));color:var(--ink);display:block}.up-hint,.up-money{font-size:calc(26 * var(--u));color:var(--sub);display:block}.up-money{color:#2f7d3a;font-weight:700}.up-list{gap:calc(14 * var(--u));margin-top:calc(18 * var(--u));max-height:calc(1000 * var(--u));display:grid;overflow-y:auto}.up-card{align-items:center;gap:calc(16 * var(--u));padding:calc(12 * var(--u)) calc(16 * var(--u));border-radius:calc(24 * var(--u));border:calc(3 * var(--u)) solid #4b2e2e33;text-align:left;background:#fffaf1;display:flex}.up-card.max{border-color:var(--green);background:#f2f8e9}.up-icon{width:calc(120 * var(--u));height:calc(120 * var(--u));flex:none}.up-info{gap:calc(2 * var(--u));flex-direction:column;flex:1;min-width:0;display:flex}.up-name{align-items:center;gap:calc(14 * var(--u));font-size:calc(34 * var(--u));color:var(--ink);display:flex}.up-pips{gap:calc(6 * var(--u));display:inline-flex}.up-pips i{width:calc(22 * var(--u));height:calc(22 * var(--u));border:calc(3 * var(--u)) solid var(--border);background:#fff;border-radius:50%}.up-pips i.on{background:var(--green);border-color:var(--green)}.up-tier{font-size:calc(24 * var(--u));color:var(--ink);line-height:1.25}.up-next{font-size:calc(23 * var(--u));color:var(--sub);line-height:1.25}.up-why{font-size:calc(24 * var(--u));color:var(--primary);font-weight:700}.up-done{font-size:calc(28 * var(--u));color:#2f7d3a;flex:none;font-weight:700}.modal .up-card .btn{min-height:calc(96 * var(--u));padding:calc(8 * var(--u)) calc(20 * var(--u));font-size:calc(28 * var(--u));flex:none}.dc-styles{gap:calc(12 * var(--u));grid-template-columns:repeat(3,1fr);display:grid}.modal .btn.dc-style{min-height:calc(150 * var(--u));padding:calc(10 * var(--u));font-size:calc(26 * var(--u));gap:calc(4 * var(--u));flex-direction:column}.modal .btn.dc-style.on{border-color:var(--green);opacity:1;filter:none;background:#f2f8e9}.dc-swatch{width:calc(56 * var(--u));height:calc(40 * var(--u));border-radius:calc(10 * var(--u));border:calc(4 * var(--u)) solid var(--border)}.modal .btn.dc-style .sub{font-size:calc(22 * var(--u));margin:0}.dc-list{gap:calc(12 * var(--u));max-height:calc(760 * var(--u));padding-right:calc(6 * var(--u));grid-template-columns:repeat(3,1fr);display:grid;overflow-y:auto}.dc-card{align-items:center;gap:calc(2 * var(--u));padding:calc(10 * var(--u));border-radius:calc(22 * var(--u));border:calc(3 * var(--u)) solid #4b2e2e33;text-align:center;background:#fffaf1;flex-direction:column;min-width:0;display:flex}.dc-pic{height:calc(130 * var(--u));place-items:center;display:grid}.dc-pic img{max-width:calc(170 * var(--u));max-height:calc(130 * var(--u))}.dc-card strong{font-size:calc(26 * var(--u));color:var(--ink);line-height:1.15}.dc-meta,.dc-own{font-size:calc(20 * var(--u));color:var(--sub);line-height:1.2}.dc-row{gap:calc(6 * var(--u));width:100%;margin-top:calc(6 * var(--u));grid-template-columns:1fr;display:grid}.modal .dc-row .btn{min-height:calc(72 * var(--u));padding:calc(4 * var(--u)) calc(6 * var(--u));font-size:calc(24 * var(--u))}.editbar{z-index:30;padding:calc(18 * var(--u)) calc(24 * var(--u)) calc(24 * var(--u) + var(--safe-b,0px));background:var(--panel,#f8f1e4);border-top:calc(5 * var(--u)) solid var(--border);border-radius:calc(36 * var(--u)) calc(36 * var(--u)) 0 0;box-shadow:0 calc(-8 * var(--u)) calc(30 * var(--u)) #00000040;position:absolute;bottom:0;left:0;right:0}.editbar-label{margin:0 0 calc(14 * var(--u));font-size:calc(28 * var(--u));color:var(--ink);text-align:center;font-weight:700}.editbar-row{gap:calc(14 * var(--u));grid-template-columns:1fr 1fr 1fr;display:grid}.editbar .btn{min-height:calc(104 * var(--u));font-size:calc(34 * var(--u));border-radius:calc(26 * var(--u));border:calc(4 * var(--u)) solid var(--border);color:var(--ink);background:#fff;font-weight:700}.editbar .btn.primary{background:var(--primary);color:#fff}.editbar .btn:disabled{opacity:.5}.fr-list{gap:calc(14 * var(--u));max-height:calc(1120 * var(--u));padding-right:calc(8 * var(--u));display:grid;overflow-y:auto}.fr-card{padding:calc(16 * var(--u)) calc(20 * var(--u));border-radius:calc(24 * var(--u));border:calc(3 * var(--u)) solid #4b2e2e33;text-align:left;background:#fffaf1}.fr-head{gap:calc(18 * var(--u));align-items:center;display:flex}.fr-portrait{width:calc(120 * var(--u));height:calc(120 * var(--u));border:calc(4 * var(--u)) solid var(--primary);background:#fff3df;border-radius:50%;flex:none}.fr-headtxt{flex:1;min-width:0}.fr-headtxt strong{font-size:calc(34 * var(--u));color:var(--ink);margin-right:calc(12 * var(--u))}.fr-role,.fr-next{font-size:calc(24 * var(--u));color:var(--sub)}.fr-next{display:block}.fr-hearts{gap:calc(6 * var(--u));font-size:calc(36 * var(--u));line-height:1.1;display:flex}.fr-hearts i{color:#6b705c59;font-style:normal}.fr-hearts i.on{color:#d9463b}.fr-today{gap:calc(4 * var(--u)) calc(24 * var(--u));margin-top:calc(10 * var(--u));font-size:calc(24 * var(--u));color:var(--sub);flex-wrap:wrap;display:flex}.fr-today .ok{color:#2f7d3a;font-weight:700}.fr-taste{margin:calc(8 * var(--u)) 0 0;font-size:calc(24 * var(--u));color:var(--ink)}.fr-chapters{margin:calc(10 * var(--u)) 0 0;gap:calc(8 * var(--u));padding:0;list-style:none;display:grid}.fr-chapters li{padding:calc(10 * var(--u)) calc(14 * var(--u));border-radius:calc(16 * var(--u));background:#6b705c1a}.fr-chapters li.got{border:calc(2 * var(--u)) solid #4b2e2e29;background:#fff}.fr-chapters strong{font-size:calc(26 * var(--u));color:var(--sub);display:block}.fr-chapters li.got strong{color:var(--primary)}.fr-chapters span{font-size:calc(24 * var(--u));color:var(--ink);line-height:1.3;display:block}.fr-chapters span.new{color:#2f7d3a;font-weight:700}.gift-list{gap:calc(12 * var(--u));margin-top:calc(18 * var(--u));grid-template-columns:repeat(3,1fr);display:grid}.modal .btn.gift-cup{min-height:calc(210 * var(--u));padding:calc(10 * var(--u));gap:calc(2 * var(--u));font-size:calc(26 * var(--u));flex-direction:column}.gift-cup img{width:calc(96 * var(--u));height:calc(96 * var(--u))}.modal .btn.gift-cup .sub{font-size:calc(22 * var(--u));margin:0}.gift-cup.q3{border-color:var(--green)}.bag-tabs{margin-bottom:calc(14 * var(--u))}.bag-page{max-height:calc(1120 * var(--u));padding-right:calc(8 * var(--u));overflow-y:auto}.bag-page .inv-icon{width:calc(96 * var(--u));height:calc(96 * var(--u));object-fit:contain}.bag-page .inv-name{font-size:calc(23 * var(--u))}.bag-page .inv-qty{font-size:calc(22 * var(--u))}.bag-styles{font-size:calc(28 * var(--u));color:var(--ink);text-align:left;margin:0}.pf-head{gap:calc(20 * var(--u));align-items:center;display:flex}.pf-names{gap:calc(10 * var(--u));flex:1;min-width:0;display:grid}.pf-field{gap:calc(2 * var(--u));text-align:left;display:grid}.pf-field span{font-size:calc(22 * var(--u));color:var(--sub)}.pf-input{width:100%;min-height:calc(76 * var(--u));padding:0 calc(18 * var(--u));border-radius:calc(18 * var(--u));border:calc(3 * var(--u)) solid var(--border);color:var(--ink);font:inherit;font-weight:700;font-size:calc(30 * var(--u));background:#fff}.pf-stats{margin-top:calc(16 * var(--u));gap:calc(6 * var(--u));display:grid}.pf-stats .sv-row strong{font-size:calc(30 * var(--u));color:var(--ink);text-align:right}.ach-list{gap:calc(12 * var(--u));display:grid}.ach-card{gap:calc(16 * var(--u));padding:calc(14 * var(--u)) calc(18 * var(--u));border-radius:calc(22 * var(--u));border:calc(3 * var(--u)) solid #4b2e2e33;text-align:left;background:#fffaf1;align-items:center;display:flex}.ach-card.got{background:#fff6df;border-color:#d9a441}.ach-cup{font-size:calc(52 * var(--u));width:calc(70 * var(--u));text-align:center;flex:none}.ach-info{flex:1;min-width:0}.ach-info strong{font-size:calc(30 * var(--u));color:var(--ink);display:block}.ach-desc,.ach-prog{font-size:calc(23 * var(--u));color:var(--sub);line-height:1.25;display:block}.pp-list,.of-list,.qz-list{gap:calc(12 * var(--u));display:grid}.of-list,.qz-list{max-height:calc(1100 * var(--u));padding-right:calc(8 * var(--u));overflow-y:auto}.pp-card,.of-card,.qz-q{padding:calc(14 * var(--u)) calc(18 * var(--u));border-radius:calc(22 * var(--u));border:calc(3 * var(--u)) solid #4b2e2e33;text-align:left;background:#fffaf1}.pp-card.valid{border-color:var(--green)}.pp-card.expired{border-color:var(--primary);background:#fde8e1}.pp-head{justify-content:space-between;align-items:center;gap:calc(12 * var(--u));display:flex}.pp-head strong{font-size:calc(29 * var(--u));color:var(--ink);line-height:1.2}.pp-chip{padding:calc(3 * var(--u)) calc(16 * var(--u));border-radius:calc(16 * var(--u));font-size:calc(22 * var(--u));color:#fff;background:#8a8f7c;flex:none;font-weight:700}.pp-chip.valid{background:#2f7d3a}.pp-chip.pending{background:#d98a1f}.pp-chip.expired{background:var(--primary)}.pp-status{font-size:calc(25 * var(--u));color:var(--ink);font-weight:700;display:block}.pp-why,.of-hours{font-size:calc(23 * var(--u));color:var(--sub);line-height:1.3;display:block}.pp-rules{padding-left:calc(40 * var(--u));gap:calc(6 * var(--u));font-size:calc(25 * var(--u));color:var(--ink);text-align:left;margin:0;line-height:1.3;display:grid}.pp-go{margin-top:calc(16 * var(--u));display:grid}.modal .pp-go .btn{font-size:calc(28 * var(--u))}.of-card.closed{background:#f1ede4}.of-row{align-items:center;gap:calc(14 * var(--u));margin-top:calc(10 * var(--u));padding-top:calc(10 * var(--u));border-top:calc(2 * var(--u)) dashed #4b2e2e33;display:flex}.of-info{flex:1;min-width:0}.of-row.wrap{flex-wrap:wrap;justify-content:flex-end}.of-row.wrap .of-info{flex-basis:100%}.of-info strong{font-size:calc(27 * var(--u));color:var(--ink);line-height:1.2;display:block}.of-info span{font-size:calc(23 * var(--u));color:var(--sub);line-height:1.25;display:block}.modal .of-row .btn{min-height:calc(84 * var(--u));padding:calc(6 * var(--u)) calc(18 * var(--u));font-size:calc(26 * var(--u));flex:none}.qz-q strong{font-size:calc(29 * var(--u));color:var(--ink);margin-bottom:calc(8 * var(--u));line-height:1.25;display:block}.modal .btn.qz-opt{width:100%;min-height:calc(76 * var(--u));margin-top:calc(8 * var(--u));padding:calc(8 * var(--u)) calc(16 * var(--u));font-size:calc(25 * var(--u));text-align:left;justify-content:flex-start;font-weight:500}.modal .btn.qz-opt.on{border-color:var(--green);background:#e6f3da;font-weight:700}.bag-tabs .seg-btn{font-size:calc(26 * var(--u))}:root{--text:1}.modal-body,.dlg-text,.dlg-choice{zoom:var(--text)}.overlay .card{max-height:calc(100dvh - var(--safe-t) - var(--safe-b) - 16px);flex-direction:column;display:flex}.overlay .card .head{flex:none}.modal-body{-webkit-overflow-scrolling:touch;min-height:0;overflow-y:auto}.set-sec{margin-top:calc(26 * var(--u))}.set-hint{margin:calc(-6 * var(--u)) 0 calc(10 * var(--u));text-align:left;font-size:calc(22 * var(--u))}.set-row .seg{flex-wrap:wrap}.set-row .set-label{flex:0 0 34%;width:auto}.set-row .range{min-width:0}.set-row .set-value{flex:none}.set-row .seg,.set-row .switch{margin-left:auto}:root[data-contrast=high]{--ink:#1a0f0f;--sub:#3a2a26;--border:#1a0f0f}:root[data-contrast=high] .card,:root[data-contrast=high] .dlg-box{background:#fffdf8;border-color:#1a0f0f}:root[data-contrast=high] .overlay{background:#0a0606d1}:root[data-contrast=high] .note,:root[data-contrast=high] .intro,:root[data-contrast=high] .sub{font-style:normal;color:#2a1c1a!important}:root[data-contrast=high] .toast{border:calc(3 * var(--u)) solid #fff;background:#1a0f0f}:root[data-contrast=high] #ui .panel,:root[data-contrast=high] #ui .pill,:root[data-contrast=high] .bottom-nav,:root[data-contrast=high] .side-btn{opacity:1;background-color:#fffdf8}:root[data-contrast=high] .btn{border-width:calc(4 * var(--u));border-color:#1a0f0f}:root[data-contrast=high] .btn:disabled{opacity:.7}:root[data-motion=reduce] *,:root[data-motion=reduce] :before,:root[data-motion=reduce] :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}:root[data-cb="1"] .brew-bar .zone.good{background:repeating-linear-gradient(45deg, #f0a500 0 calc(10 * var(--u)), #ffd27a calc(10 * var(--u)) calc(20 * var(--u)))}:root[data-cb="1"] .brew-bar{background:#5b4636}:root[data-cb="1"] .brew-bar .zone.perfect{outline:calc(4 * var(--u)) solid #fff;background:#2f6fb5}:root[data-cb="1"] .shop-price.up{color:#b5470f}:root[data-cb="1"] .shop-price.down{color:#2f6fb5}:root[data-cb="1"] .pp-chip.valid,:root[data-cb="1"] .sv-note{color:#1d4f86;background:#dbe9f7}:root[data-cb="1"] .pp-chip.expired,:root[data-cb="1"] .sv-note.bad{color:#8a4300;background:#ffe6c4;text-decoration:underline}:root[data-cb="1"] .pp-card.valid,:root[data-cb="1"] .q-steps li.ok{border-color:#2f6fb5}:root[data-cb="1"] .pp-card.expired{border-style:dashed;border-color:#b5470f}:root[data-cb="1"] .map-perk,:root[data-cb="1"] .ss-event .ss-effect{color:#1d4f86}.menu-row{gap:calc(20 * var(--u));display:flex}.menu-row .btn{flex:1 1 0;min-width:0}#screens .menu-row .btn.big{font-size:calc(38 * var(--u));padding-left:calc(10 * var(--u));padding-right:calc(10 * var(--u))}[data-name=Saves] .card{max-height:calc(100dvh - var(--safe-t) - var(--safe-b) - 24px);flex-direction:column;display:flex}[data-name=Saves] .card .head{flex:none}[data-name=Saves] .modal-body{min-height:0;overflow-y:auto}.sv-note{margin:0 0 calc(12 * var(--u));padding:calc(12 * var(--u)) calc(18 * var(--u));border-radius:calc(16 * var(--u));color:#23602c;font-size:calc(26 * var(--u));text-align:left;background:#e3f1dc;font-weight:700}.sv-note.bad{color:#9c1c1c;background:#fbe1e1}.sv-slots{gap:calc(16 * var(--u));flex-direction:column;display:flex}.sv-slot{grid-template-columns:calc(150 * var(--u)) 1fr;gap:calc(10 * var(--u)) calc(18 * var(--u));padding:calc(14 * var(--u));border-radius:calc(22 * var(--u));border:calc(3 * var(--u)) solid #4b2e2e33;text-align:left;background:#fffaf1;display:grid}.sv-slot.active{border-color:var(--primary)}.sv-slot.corrupt{border-color:#c44}.sv-thumb{width:calc(150 * var(--u));height:calc(200 * var(--u));border-radius:calc(14 * var(--u));border:calc(3 * var(--u)) solid #4b2e2e59;color:var(--sub);font-size:calc(24 * var(--u));background:#e6dccb;justify-content:center;align-items:center;font-weight:700;display:flex;overflow:hidden}.sv-thumb img{object-fit:cover;width:100%;height:100%;display:block}.sv-info{gap:calc(6 * var(--u));flex-direction:column;min-width:0;display:flex}.sv-head{align-items:center;gap:calc(12 * var(--u));display:flex}.sv-head strong{font-size:calc(34 * var(--u));color:var(--ink)}.sv-chip{font-size:calc(22 * var(--u));color:#fff;background:var(--primary);border-radius:calc(12 * var(--u));padding:calc(2 * var(--u)) calc(12 * var(--u));font-weight:700}.sv-line{font-size:calc(26 * var(--u));color:var(--ink)}.sv-time{font-size:calc(22 * var(--u));color:var(--sub)}.sv-actions{gap:calc(10 * var(--u));flex-wrap:wrap;grid-column:1/-1;display:flex}.modal .sv-actions .btn,.modal .sv-bk .btn,.modal .sv-foot .btn{min-height:calc(84 * var(--u));padding:calc(6 * var(--u)) calc(18 * var(--u));font-size:calc(26 * var(--u));flex:auto}.modal .btn.danger{color:#fff;background:#c62828;border-color:#7f1616}.sv-backups{gap:calc(8 * var(--u));padding:calc(12 * var(--u));border-radius:calc(16 * var(--u));background:#f3ead9;flex-direction:column;grid-column:1/-1;display:flex}.sv-bk-title{font-size:calc(22 * var(--u));color:var(--sub)}.sv-bk{align-items:center;gap:calc(12 * var(--u));font-size:calc(26 * var(--u));color:var(--ink);display:flex}.sv-bk span{flex:1}.modal .sv-bk .btn{flex:none}.sv-foot{margin-top:calc(16 * var(--u));align-items:center;gap:calc(12 * var(--u));text-align:left;flex-wrap:wrap;display:flex}.sv-usage{font-size:calc(24 * var(--u));color:var(--sub);flex:60%}.ss-now{padding:calc(18 * var(--u)) calc(22 * var(--u));border-radius:calc(22 * var(--u));border:calc(3 * var(--u)) solid #4b2e2e40;text-align:left;align-items:baseline;gap:calc(6 * var(--u)) calc(16 * var(--u));flex-wrap:wrap;display:flex}.ss-now.thu{background:#fbf1d6}.ss-now.dong{background:#e2eaf5}.ss-now.xuan{background:#fde3ea}.ss-now.ha{background:#e0f2d6}.ss-name{font-size:calc(40 * var(--u));color:var(--ink)}.ss-day{font-size:calc(26 * var(--u));color:var(--sub);font-weight:700}.ss-blurb{font-size:calc(28 * var(--u));color:var(--ink);flex-basis:100%;margin:0}.ss-facts{margin:calc(14 * var(--u)) 0;padding-left:calc(36 * var(--u));text-align:left;font-size:calc(26 * var(--u));color:var(--ink)}.ss-recipe,.ss-row{align-items:center;gap:calc(16 * var(--u));text-align:left;padding:calc(12 * var(--u)) calc(16 * var(--u));border-radius:calc(20 * var(--u));border:calc(3 * var(--u)) solid #4b2e2e33;background:#fffaf1;display:flex}.ss-recipe>div,.ss-row>div{gap:calc(2 * var(--u));flex-direction:column;min-width:0;display:flex}.ss-recipe strong,.ss-row strong{font-size:calc(28 * var(--u));color:var(--ink)}.ss-recipe span,.ss-row span,.ss-event span{font-size:calc(24 * var(--u));color:var(--sub)}.ss-icon{width:calc(96 * var(--u));height:calc(96 * var(--u));flex:none}.ss-event{margin-top:calc(14 * var(--u));gap:calc(6 * var(--u));text-align:left;padding:calc(16 * var(--u)) calc(20 * var(--u));border-radius:calc(22 * var(--u));border:calc(4 * var(--u)) solid var(--primary);background:#fff3d9;flex-direction:column;display:flex}.ss-event strong{font-size:calc(32 * var(--u));color:var(--primary)}.ss-event .ss-effect{color:#2f7d3a;font-weight:700}.modal .ss-event .btn{margin-top:calc(8 * var(--u));align-self:stretch}.ss-list{gap:calc(10 * var(--u));flex-direction:column;display:flex}.ss-row.event{border-color:var(--primary)}.ss-in{width:calc(170 * var(--u));text-align:center;flex:none;font-weight:700;color:var(--primary)!important}.dc-card.limited{border-color:var(--primary)}.dc-limited{font-size:calc(22 * var(--u));color:var(--primary);font-weight:700}[data-name=Season] .card{max-height:calc(100dvh - var(--safe-t) - var(--safe-b) - 24px);flex-direction:column;display:flex}[data-name=Season] .card .head{flex:none}[data-name=Season] .modal-body{min-height:0;overflow-y:auto}.map-quest{align-items:center;gap:calc(12 * var(--u));margin:0 0 calc(14 * var(--u));font-size:calc(28 * var(--u));color:var(--ink);text-align:left;font-weight:700;display:flex}.map-pin{min-width:calc(44 * var(--u));height:calc(44 * var(--u));padding:0 calc(10 * var(--u));border-radius:calc(22 * var(--u));background:var(--primary);color:#fff;font-size:calc(22 * var(--u));border:calc(3 * var(--u)) solid #fff;box-shadow:0 calc(3 * var(--u)) calc(8 * var(--u)) #28140a4d;justify-content:center;align-items:center;font-weight:700;display:inline-flex}.map-pin.q{color:#4b2e2e;background:#e6a94b}.map-strip{gap:calc(6 * var(--u));height:calc(170 * var(--u));margin-bottom:calc(18 * var(--u));padding-bottom:calc(34 * var(--u));display:flex;position:relative}.map-seg{border-radius:calc(18 * var(--u));border:calc(3 * var(--u)) solid #4b2e2e59;justify-content:center;align-items:center;gap:calc(6 * var(--u));flex-direction:column;flex:1 1 0;min-width:0;display:flex;position:relative;overflow:hidden}.map-seg.hoasua{background:#f3d9a6}.map-seg.admin{background:#f1e3b0}.map-seg.cho{background:#f2c4a4}.map-seg.congvien{background:#bfe0a8}.map-seg.bosong{background:#a9d8ec}.map-seg.locked{color:#8b8378;background:#d9d4cb}.map-seg.here{border-color:var(--primary);box-shadow:0 0 0 calc(3 * var(--u)) #ae1c3f40}.map-seg-name{font-size:calc(22 * var(--u));text-align:center;padding:0 calc(4 * var(--u));font-weight:700;line-height:1.1}.map-lock{font-size:calc(20 * var(--u));padding:calc(2 * var(--u)) calc(10 * var(--u));border-radius:calc(12 * var(--u));background:#4b2e2e2e;font-weight:700}.map-road{height:calc(24 * var(--u));border-radius:calc(12 * var(--u));background:#8a8c92;background-image:repeating-linear-gradient(90deg, #f1f0ec 0 calc(26 * var(--u)), transparent calc(26 * var(--u)) calc(56 * var(--u)));background-size:100% calc(4 * var(--u));background-position:50%;background-repeat:no-repeat;position:absolute;bottom:0;left:0;right:0}[data-name=Map] .card{max-height:calc(100dvh - var(--safe-t) - var(--safe-b) - 24px);flex-direction:column;display:flex}[data-name=Map] .card .head{flex:none}[data-name=Map] .modal-body{-webkit-overflow-scrolling:touch;min-height:0;overflow-y:auto}.map-list{gap:calc(14 * var(--u));flex-direction:column;display:flex}.map-card{align-items:center;gap:calc(18 * var(--u));padding:calc(12 * var(--u));border-radius:calc(22 * var(--u));border:calc(3 * var(--u)) solid #4b2e2e33;text-align:left;background:#fffaf1;display:flex}.map-card.here{border-color:var(--primary)}.map-card.locked{opacity:.72}.map-card.locked .map-thumb{filter:grayscale()brightness(.9)}.map-thumb{width:calc(168 * var(--u));height:calc(140 * var(--u));object-fit:cover;border-radius:calc(14 * var(--u));border:calc(3 * var(--u)) solid #4b2e2e59;flex:none}.map-info{gap:calc(4 * var(--u));flex-direction:column;flex:1;min-width:0;display:flex}.map-info strong{font-size:calc(32 * var(--u));color:var(--ink)}.map-blurb{font-size:calc(24 * var(--u));color:var(--sub)}.map-perk{font-size:calc(24 * var(--u));color:#2f7d3a;font-weight:700}.map-act{width:calc(230 * var(--u));gap:calc(10 * var(--u));text-align:center;flex-direction:column;flex:none;justify-content:center;align-items:stretch;display:flex}.map-sell{font-size:calc(23 * var(--u));color:#8a5a1c}.map-sell.no{color:var(--sub);font-style:italic}.map-stall{font-size:calc(22 * var(--u));color:#fff;background:var(--primary);border-radius:calc(12 * var(--u));padding:calc(2 * var(--u)) calc(12 * var(--u));align-self:flex-start;font-weight:700}.modal .map-act .btn{min-height:calc(84 * var(--u));padding:calc(6 * var(--u)) calc(12 * var(--u));font-size:calc(26 * var(--u));line-height:1.1}.map-need,.map-here{font-size:calc(24 * var(--u));color:var(--sub);font-weight:700}.map-here{color:var(--primary)}.shop-old{font-size:calc(22 * var(--u));color:var(--sub);margin-left:calc(10 * var(--u))}@media (min-aspect-ratio:6/5){.overlay .card{flex-direction:column;max-height:96dvh;display:flex}.modal .card{width:calc(1180 * var(--u))}.card .head{flex:none}.modal-body{min-height:0;padding-bottom:calc(6 * var(--u));overflow-y:auto}.dialogue{align-items:center}.dlg-box,.dlg-choices{width:min(100%, calc(1500 * var(--u)))}.dlg-choices{padding-left:calc(120 * var(--u));margin-left:0}.screen{padding-top:calc(var(--safe-t) + 50 * var(--u));padding-bottom:calc(var(--safe-b) + 40 * var(--u))}.screen .logo{width:calc(700 * var(--u))}.loading .logo.small{width:calc(560 * var(--u))}.progress{margin-top:calc(90 * var(--u))}.menu-buttons{gap:calc(20 * var(--u));width:calc(700 * var(--u))}#screens .btn.big{min-height:calc(118 * var(--u));font-size:calc(44 * var(--u))}.editbar{width:calc(1100 * var(--u));margin-left:calc(-550 * var(--u));border-radius:calc(36 * var(--u));left:50%;right:auto;bottom:calc(10 * var(--u));border:calc(5 * var(--u)) solid var(--border)}}.ng-names{gap:calc(12 * var(--u));margin:calc(20 * var(--u)) 0 calc(6 * var(--u));display:grid}.ng-names .pf-field{grid-template-columns:calc(250 * var(--u)) 1fr;align-items:center;gap:calc(14 * var(--u));font-size:calc(30 * var(--u));color:var(--sub);display:grid}.ng-names .pf-input{width:100%;min-width:0;min-height:calc(96 * var(--u));font-size:calc(32 * var(--u))}.ng-names .pf-field>span{font-size:calc(30 * var(--u))}.tip{align-items:center;gap:calc(16 * var(--u));margin:calc(16 * var(--u)) calc(28 * var(--u)) 0;padding:calc(16 * var(--u)) calc(20 * var(--u));border-radius:calc(20 * var(--u));border:calc(3 * var(--u)) solid #e0a23a;background:#fff6dc;display:flex}.tip-text{min-width:0;font-size:calc(26 * var(--u));color:#4b2e2e;flex:1;line-height:1.3}.tip-text:before{content:"💡 "}.tip-ok{min-height:calc(88 * var(--u));padding:0 calc(22 * var(--u));border-radius:calc(18 * var(--u));border:calc(3 * var(--u)) solid #4b2e2e59;color:var(--primary);font-weight:700;font-size:calc(26 * var(--u));background:#fff;flex:none}.brew-cup{overflow:visible}.brew-cup.pop{animation:.32s ease-out brew-pop}@keyframes brew-pop{0%{transform:scale(1)}45%{transform:scale(1.09)rotate(-2deg)}to{transform:scale(1)}}.brew-fx{pointer-events:none;z-index:2;font-style:normal;position:absolute}.brew-fx.ice{border:calc(3 * var(--u)) solid #6aa7c4;background:linear-gradient(135deg,#fff,#cfeaf7);border-radius:22%;width:15%;height:15%;margin-left:-7%;animation:.62s cubic-bezier(.5,0,.9,.6) both brew-ice;top:-6%}@keyframes brew-ice{0%{opacity:0;transform:translateY(-120%)rotate(0)}15%{opacity:1}78%{opacity:1;transform:translateY(330%)rotate(200deg)}88%{transform:translateY(300%)rotate(215deg)}to{opacity:0;transform:translateY(330%)rotate(225deg)}}.brew-fx.steam{width:20%;height:20%;box-shadow:0 0 calc(14 * var(--u)) #ffffffe6;background:#ffffffd9;border-radius:50%;margin-left:-10%;animation:1.1s ease-out both brew-steam;top:14%}@keyframes brew-steam{0%{opacity:0;transform:translateY(0)scale(.5)}25%{opacity:.8}to{opacity:0;transform:translateY(-190%)scale(1.7)}}.brew-fx.drop{background:#8a5632;border-radius:50%/62% 62% 38% 38%;width:9%;height:13%;margin-left:-4%;animation:.52s ease-in both brew-drop;top:-4%}@keyframes brew-drop{0%{opacity:0;transform:translateY(-100%)}20%{opacity:1}to{opacity:0;transform:translateY(420%)scale(.8,1.2)}}.brew-fx.star{margin:calc(-22 * var(--u)) 0 0 calc(-22 * var(--u));color:#f2b63c;font-size:calc(44 * var(--u));text-shadow:0 0 calc(6 * var(--u)) #fff;line-height:1;animation:.62s ease-out both brew-star;top:50%;left:50%!important}@keyframes brew-star{0%{opacity:0;transform:translate(0)scale(.3)}20%{opacity:1}to{transform:translate(var(--dx), var(--dy)) scale(1.1) rotate(80deg);opacity:0}}.set-bench{width:100%;margin:calc(14 * var(--u)) 0 calc(6 * var(--u));display:block}.perf-head{justify-content:center;align-items:baseline;gap:calc(16 * var(--u));padding:calc(18 * var(--u));border-radius:calc(24 * var(--u));color:#2f7d3a;font-size:calc(30 * var(--u));background:#eaf6e6;display:flex}.perf-head.ok{color:#9a6a00;background:#fff3d6}.perf-head.slow{color:#a6192e;background:#fde4e1}.perf-fps{font-size:calc(88 * var(--u));line-height:1}.fps-badge{left:calc(12 * var(--u));bottom:calc(12 * var(--u) + var(--safe-b,0px));z-index:41;padding:calc(4 * var(--u)) calc(14 * var(--u));border-radius:calc(14 * var(--u));color:#fff;font-weight:700;font-size:calc(24 * var(--u));font-variant-numeric:tabular-nums;pointer-events:none;background:#281c1ab8;position:absolute}.fps-badge[hidden]{display:none}.plan-list{gap:calc(12 * var(--u));display:grid}.plan-card{align-items:center;gap:calc(16 * var(--u));padding:calc(14 * var(--u)) calc(16 * var(--u));border-radius:calc(24 * var(--u));border:calc(3 * var(--u)) solid #4b2e2e2e;background:#fffaf1;display:flex}.plan-card.on,.plan-card.done{border-color:var(--green);background:#f2f8e9}.plan-card.later{opacity:.6}.plan-card .btn{min-width:calc(230 * var(--u));flex:none}.plan-name{font-size:calc(32 * var(--u));color:var(--ink)}.plan-face{width:calc(110 * var(--u));height:calc(110 * var(--u));border:calc(3 * var(--u)) solid var(--border);background:#fff;border-radius:50%;flex:none}.up-plans{width:100%;margin-top:calc(16 * var(--u));display:block}.prologue{z-index:45;opacity:0;padding:calc(24 * var(--u) + var(--safe-t,0px)) calc(24 * var(--u)) calc(24 * var(--u) + var(--safe-b,0px));background:#2a2230;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.prologue.open{opacity:1}.prologue[hidden]{display:none}.pro-card{width:100%;max-width:calc(1040 * var(--u));gap:calc(18 * var(--u));background:var(--cream,#f8f1e4);border-radius:calc(36 * var(--u));border:calc(5 * var(--u)) solid #4b2e2e;max-height:100%;padding:calc(22 * var(--u));flex-direction:column;display:flex;overflow:hidden}.pro-top{justify-content:space-between;align-items:center;gap:calc(16 * var(--u));display:flex}.pro-dots{gap:calc(10 * var(--u));display:flex}.pro-dots i{width:calc(34 * var(--u));height:calc(10 * var(--u));border-radius:calc(6 * var(--u));background:#4b2e2e33}.pro-dots i.on{background:var(--primary)}.pro-skip{min-height:calc(88 * var(--u));padding:0 calc(22 * var(--u));border-radius:calc(18 * var(--u));border:calc(3 * var(--u)) solid #4b2e2e59;color:var(--sub);font-weight:700;font-size:calc(26 * var(--u));background:#fff}.pro-art{aspect-ratio:1080/680;object-fit:cover;border-radius:calc(24 * var(--u));border:calc(4 * var(--u)) solid #4b2e2e;background:#e9d8b8;flex:0 auto;width:100%;min-height:0}.pro-text{min-height:calc(150 * var(--u));font-size:calc(34 * var(--u));color:#4b2e2e;flex:auto;line-height:1.35;overflow-y:auto}.pro-text p{margin:0 0 calc(12 * var(--u));opacity:.62}.pro-text p.new{opacity:1;animation:.32s ease-out pro-in}.pro-text p.reply{color:var(--primary);font-style:italic}@keyframes pro-in{0%{opacity:0;transform:translateY(calc(10 * var(--u)))}to{opacity:1;transform:none}}.pro-choices{gap:calc(12 * var(--u));display:grid}.pro-choices:empty{display:none}.pro-choice{min-height:calc(100 * var(--u));padding:calc(14 * var(--u)) calc(22 * var(--u));border-radius:calc(22 * var(--u));border:calc(4 * var(--u)) solid #4b2e2e;color:#4b2e2e;font-weight:700;font-size:calc(30 * var(--u));text-align:left;background:#fff}.pro-brand{gap:calc(8 * var(--u));font-size:calc(28 * var(--u));color:var(--sub);font-weight:700;display:grid}.pro-brand input{min-height:calc(104 * var(--u));padding:0 calc(22 * var(--u));border-radius:calc(20 * var(--u));border:calc(4 * var(--u)) solid #e0a23a;font:inherit;font-size:calc(38 * var(--u));color:#4b2e2e;background:#fff}.pro-next{min-height:calc(110 * var(--u));width:100%}.pro-next[hidden]{display:none}@media (orientation:landscape){.pro-card{column-gap:calc(24 * var(--u));max-width:calc(1900 * var(--u));grid-template-rows:auto minmax(0,1fr) auto auto;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);display:grid}.pro-top{grid-column:1/-1}.pro-art{grid-row:2/5;align-self:center}.pro-text,.pro-choices,.pro-next{grid-column:2}}.ng-gender{gap:calc(14 * var(--u));margin-top:calc(16 * var(--u));grid-template-columns:1fr 1fr;display:grid}.ng-gender button{align-items:center;gap:calc(14 * var(--u));min-height:calc(120 * var(--u));padding:calc(8 * var(--u)) calc(16 * var(--u));border-radius:calc(22 * var(--u));border:calc(4 * var(--u)) solid #4b2e2e40;font-weight:700;font-size:calc(32 * var(--u));color:#4b2e2e;background:#fff;display:flex}.ng-gender button.on{border-color:var(--primary);background:#fff3f4}.ng-gender img{width:calc(96 * var(--u));height:calc(96 * var(--u));border-radius:50%}.pro-next{border-radius:calc(26 * var(--u));border:calc(4 * var(--u)) solid #4b2e2e80;background:var(--primary);color:#fff;font-weight:700;font-size:calc(40 * var(--u))}.pro-choice:active,.pro-next:active{transform:scale(.98)}.sum-brand{text-align:center;font-size:calc(26 * var(--u));letter-spacing:.04em;color:var(--primary);text-transform:uppercase;text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.pf-motive{margin:calc(10 * var(--u)) 0;padding:calc(10 * var(--u)) calc(16 * var(--u));border-radius:calc(18 * var(--u));font-size:calc(26 * var(--u));color:var(--ink);text-align:left;background:#fffaf1}.money .value[data-action=wallet]{cursor:pointer;pointer-events:auto}.debt-card.late{border-color:var(--primary);background:#fdeeee}.debt-btns{gap:calc(8 * var(--u));flex-direction:column;flex:none;display:flex}.modal .debt-btns .btn{min-width:calc(230 * var(--u));min-height:calc(124 * var(--u));font-size:calc(28 * var(--u))}.debt-amounts{gap:calc(8 * var(--u));margin-top:calc(8 * var(--u));flex-wrap:wrap;display:flex}.modal .debt-amounts .btn{min-width:calc(180 * var(--u));min-height:calc(124 * var(--u));font-size:calc(28 * var(--u));padding:0 calc(12 * var(--u));flex:auto}.debt-why{font-style:italic}.debt-offer{align-items:flex-start}.sum-dues{margin-top:calc(14 * var(--u));border-color:var(--primary)}.sum-dues-title{font-size:calc(28 * var(--u));color:var(--primary);margin-bottom:calc(6 * var(--u));display:block}.sum-dues-warn{font-size:calc(24 * var(--u));color:var(--primary);margin-top:calc(6 * var(--u));font-weight:700;display:block}[data-name=Event] .head .x{display:none}.ev-art{aspect-ratio:1080/680;object-fit:cover;border-radius:calc(22 * var(--u));border:calc(3 * var(--u)) solid #4b2e2e40;width:100%;margin-bottom:calc(14 * var(--u));display:block}.ev-head{align-items:center;gap:calc(18 * var(--u));margin-bottom:calc(12 * var(--u));display:flex}.ev-face{width:calc(150 * var(--u));height:calc(150 * var(--u));border:calc(4 * var(--u)) solid #4b2e2e40;background:#fff3df;border-radius:50%;flex:none}.ev-titles{text-align:left;flex-direction:column;min-width:0;display:flex}.ev-title{font-size:calc(42 * var(--u));color:var(--primary);line-height:1.15}.ev-name{font-size:calc(26 * var(--u));color:var(--sub)}.ev-text{margin:0 0 calc(16 * var(--u));font-size:calc(31 * var(--u));color:var(--ink);text-align:left;line-height:1.38}.ev-picked{margin:0 0 calc(10 * var(--u));padding:calc(10 * var(--u)) calc(16 * var(--u));border-left:calc(8 * var(--u)) solid var(--primary);border-radius:calc(12 * var(--u));font-size:calc(27 * var(--u));color:var(--sub);text-align:left;background:#fffaf1;font-style:italic}.ev-choices{gap:calc(12 * var(--u));flex-direction:column;display:flex}.modal .ev-choices .btn{min-height:calc(124 * var(--u));padding:calc(12 * var(--u)) calc(20 * var(--u));font-size:calc(29 * var(--u));text-align:left;white-space:normal;flex-direction:column;justify-content:flex-start;align-items:flex-start;line-height:1.25}.ev-why{font-size:calc(23 * var(--u));color:var(--primary);font-weight:600;display:block}.ev-notes{margin:0 0 calc(18 * var(--u));padding:calc(12 * var(--u)) calc(16 * var(--u)) calc(12 * var(--u)) calc(48 * var(--u));border-radius:calc(18 * var(--u));font-size:calc(27 * var(--u));color:var(--ink);text-align:left;background:#f2f8e9;font-weight:700}.debt-mods{padding:calc(12 * var(--u)) calc(16 * var(--u)) calc(12 * var(--u)) calc(48 * var(--u));border-radius:calc(18 * var(--u));font-size:calc(26 * var(--u));color:var(--ink);text-align:left;background:#fffaf1;margin:0}.law-rules,.law-list{gap:calc(8 * var(--u));flex-direction:column;display:flex}.law-rule{justify-content:space-between;gap:calc(14 * var(--u));padding:calc(10 * var(--u)) calc(16 * var(--u));border-radius:calc(16 * var(--u));font-size:calc(26 * var(--u));text-align:left;background:#fffaf1;display:flex}.law-rule span{color:var(--sub);text-align:right;flex:none;max-width:55%}.law-rule.me,.law-case.me{border-left:calc(8 * var(--u)) solid var(--primary)}.law-case{gap:calc(4 * var(--u)) calc(14 * var(--u));padding:calc(12 * var(--u)) calc(16 * var(--u));border-radius:calc(18 * var(--u));border:calc(3 * var(--u)) solid #4b2e2e24;font-size:calc(25 * var(--u));text-align:left;background:#fffaf1;grid-template-columns:1fr 1.25fr;display:grid}.law-case.fined{background:#fdf3ea}.law-who,.law-what{flex-direction:column;min-width:0;display:flex}.law-who strong{font-size:calc(28 * var(--u));color:var(--ink)}.law-who span,.law-when{color:var(--sub);font-size:calc(22 * var(--u))}.law-what strong{color:var(--primary)}.law-when{grid-column:1/-1}.of-law{width:100%;margin-top:calc(14 * var(--u))}.force-list{gap:calc(10 * var(--u));flex-direction:column;display:flex}.force-card{padding:calc(12 * var(--u)) calc(16 * var(--u));border-radius:calc(20 * var(--u));border:calc(3 * var(--u)) solid #4b2e2e29;text-align:left;background:#fffaf1}.force-top{align-items:center;gap:calc(14 * var(--u));display:flex}.force-face{width:calc(92 * var(--u));height:calc(92 * var(--u));border:calc(3 * var(--u)) solid #4b2e2e33;background:#fff3df;border-radius:50%;flex:none}.force-titles{flex-direction:column;flex:1;min-width:0;display:flex}.force-titles strong{font-size:calc(30 * var(--u));color:var(--primary);line-height:1.15}.force-titles span{font-size:calc(23 * var(--u));color:var(--sub)}.force-ride{width:calc(190 * var(--u));height:calc(100 * var(--u));object-fit:contain;flex:none}.force-duty{margin:calc(8 * var(--u)) 0 calc(4 * var(--u));font-size:calc(26 * var(--u));color:var(--ink);font-weight:700}.force-tasks{margin:0 0 calc(6 * var(--u));padding-left:calc(36 * var(--u));font-size:calc(24 * var(--u));color:var(--ink)}.force-when{font-size:calc(22 * var(--u));color:var(--sub);font-style:italic;display:block}.pro-artbox{aspect-ratio:1080/680;flex:0 auto;width:100%;min-height:0;position:relative;container-type:inline-size}.pro-artbox .pro-art{width:100%;height:100%;display:block}.pro-cartname{text-align:center;pointer-events:none;color:#7a4b2e;width:37%;height:16.5%;font-weight:800;line-height:1.05;font-size:calc(7.4cqw * var(--k,1));white-space:nowrap;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;top:55.8%;left:36.2%}@media (orientation:landscape){.pro-artbox{grid-row:2/5;align-self:center}}.set-extra{display:none!important}.modal-body[data-basic] .modal-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.modal-body[data-basic] .modal-actions>button{white-space:normal;width:100%;min-width:0;min-height:46px}.role-list{gap:10px;display:grid}.role-card{background:#fffdf6;border:2px solid #e6d9c2;border-radius:14px;padding:10px 12px}.role-top{align-items:center;gap:10px;display:flex}.role-face{background:#fff3df;border-radius:50%;flex:none;width:46px;height:46px}.role-names{flex-direction:column;flex:1;min-width:0;line-height:1.2;display:flex}.role-names strong{font-size:1.02em}.role-names span{opacity:.75;font-size:.85em}.role-effect{text-align:right;background:#efe6d6;border-radius:10px;flex:none;max-width:46%;padding:4px 8px;font-size:.86em;font-weight:700}.role-effect.good{color:#2e6b2a;background:#dcefd6}.role-effect.bad{color:#a6192e;background:#f7dcdc}.role-bar{align-items:center;gap:5px;margin:8px 0 4px;display:flex}.role-bar i{background:#e6d9c2;border-radius:5px;width:22px;height:9px}.role-bar i.on{background:#d9a441}.role-bar em{margin-left:6px;font-size:.86em;font-style:normal;font-weight:700}.role-about{opacity:.85;margin:0;font-size:.86em;line-height:1.35}.role-log{gap:4px;font-size:.86em;display:grid}.role-log-row{flex-wrap:wrap;align-items:baseline;gap:6px;display:flex}.role-log-row.up em{color:#2e6b2a;font-style:normal;font-weight:700}.role-log-row.down em{color:#a6192e;font-style:normal;font-weight:700}.role-log-row .why{opacity:.7}.debt-roles{width:100%;margin:8px 0 2px}