#home{--menu-top: var(--pad-top, 0px);--menu-bottom: var(--pad-bottom, 0px);--menu-height: calc(100% - var(--menu-top) - var(--menu-bottom))}#home #map-wrap{width:100%;max-width:100%;aspect-ratio:auto}#home #map-scroll{inset:var(--menu-top) var(--pad-right, 0px) var(--menu-bottom) var(--pad-left, 0px);clip-path:inset(9% 0 10%)}#home .map-head{top:calc(var(--menu-top) + var(--menu-height) * .014);left:22.7%;right:auto;width:54.8%;max-width:none;height:auto;aspect-ratio:515 / 130;margin:0;padding:0;display:block;filter:none;background:url(/assets/art/menu-header-v2.webp) center / 100% 100% no-repeat}#home .ch-plate{position:absolute;top:0;right:0;bottom:0;left:0;padding:0;min-width:0;border:0;border-radius:0;background:none;box-shadow:none;pointer-events:none}#home #map-title,#home #map-sub{display:none}#home .ch-arrow{position:absolute;top:10%;left:0;width:18%;height:80%;min-width:44px;min-height:44px;padding:0;margin:0;border:0;background:none;box-shadow:none;color:transparent;font-size:0}#home #ch-next{left:auto;right:0}#home .ch-arrow:disabled{opacity:1;filter:none}.map-rating{position:absolute;left:42%;top:21%;width:27%;height:30%;display:flex;gap:7%}.map-star{flex:1;background:#b49a75;clip-path:polygon(50% 0,64% 33%,100% 37%,73% 61%,81% 98%,50% 78%,19% 98%,27% 61%,0 37%,36% 33%)}.map-star.earned{background:linear-gradient(#ffe678,#eda722);filter:drop-shadow(0 1px 1px #875014)}.map-progress{position:absolute;left:41%;top:61%;width:29%;height:12%;border:1px solid #80532c;border-radius:99px;background:#8e6841;box-shadow:inset 0 2px 3px #51331d,0 1px #fff1c9;overflow:hidden}.map-progress-fill{display:block;width:var(--chapter-progress, 0%);height:100%;border-radius:inherit;background:linear-gradient(#ffe077,#eda127);box-shadow:inset 0 1px #fff8be}#home .map-side{top:calc(var(--menu-top) + var(--menu-height) * .48);right:max(1.7%,var(--pad-right, 0px));transform:none;gap:1vh;width:9.6%}#home .map-side>button{position:relative;width:100%;height:auto;aspect-ratio:1;min-width:34px;min-height:34px;padding:0;margin:0;border:0;border-radius:0;box-shadow:none;background-color:transparent;background-position:center;background-size:contain;background-repeat:no-repeat;font-size:0;color:transparent}#home .map-side>button:before{content:none}#home #btn-settings{background-image:url(/assets/art/menu-settings-v2.webp)}#home #btn-today{background-image:url(/assets/art/menu-mail-v2.webp)}#home #btn-store{background-image:url(/assets/art/menu-store-v2.webp)}#home #btn-settings{order:0}#home #btn-today{order:1}#home #btn-store{order:2}#home .map-side #btn-sound,#home .map-side #btn-pass,#home .map-side #btn-earn,#home .map-side #btn-top{display:none}#home .map-bottom{left:9%;right:8.6%;bottom:calc(var(--menu-bottom) + var(--menu-height) * .025);width:auto;height:calc(var(--menu-height) * .087);padding:0;gap:0}#home .map-bottom .wallet{display:none}#home .map-modes{display:flex;width:100%;max-width:none;height:100%;gap:3.5%;flex-wrap:nowrap;justify-content:space-between}#home .map-modes .mode-btn{position:relative;flex:0 1 auto;align-self:flex-end;height:clamp(56px,10vh,112px);width:auto;aspect-ratio:912 / 349;max-width:48%;min-height:38px;padding:0;border:0;border-radius:0;overflow:visible;box-shadow:none;background:var(--btn-img) center / contain no-repeat}#home .map-modes .mode-label{position:absolute;left:50%;bottom:88%;transform:translate(-50%);max-width:110%;padding:.22em .75em;border-radius:999px;background:#5b3416;border:1.5px solid #e8b96a;box-shadow:0 2px 4px #28140859;color:#fff6e4;font-size:clamp(10px,1.1vh + .35vw,17px);font-weight:800;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none}#home .map-modes .mode-btn:before{content:none}#home .map-modes .mode-btn.on{filter:drop-shadow(0 0 3px rgba(255,222,140,.95)) drop-shadow(0 0 10px rgba(255,196,70,.75))}#home .map-modes .mode-btn.on .mode-label{background:#2f6b2a;border-color:#b9f08f}#home .map-modes .mode-btn.on:before{content:"●";position:absolute;top:7%;right:9%;font-size:11px;line-height:1;color:#7cfc6b;text-shadow:0 0 3px rgba(0,0,0,.7),0 0 6px rgba(124,252,107,.95)}#home #btn-daily{--btn-img: url(/assets/art/menu-bottom-left-v2.webp)}#home #btn-calm{--btn-img: url(/assets/art/menu-bottom-right-v2.webp)}#home .node,#home .node:disabled,#home .node.open,#home .node.done,#home .node.next,#home .node.boss{width:max(44px,var(--node));height:max(44px,calc(var(--node) * .62));min-width:44px;min-height:44px;margin:calc(max(44px,var(--node) * .62)/-2) 0 0 calc(max(44px,var(--node))/-2);border:0;outline:none;border-radius:0;padding:0 0 calc(var(--node) * .19);background:url(/assets/art/menu-node-v2.webp) center / contain no-repeat;box-shadow:none;color:#6f401c;opacity:1;animation:none;filter:drop-shadow(0 2px 3px rgba(40,20,6,.55)) drop-shadow(0 0 2px rgba(40,20,6,.75));font-family:Georgia,serif;font-weight:900;font-size:calc(var(--node) * .26);text-shadow:0 1px #ffe2a2}#home .node{display:flex;align-items:center;justify-content:center;line-height:1;padding-bottom:calc(var(--node) * .19)}#home .node.next{filter:drop-shadow(0 0 3px rgba(40,20,6,.6)) drop-shadow(0 0 10px #ffcf40) drop-shadow(0 0 5px #ffe979);animation:node-pulse 1.6s ease-in-out infinite}@keyframes node-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.09)}}#home .node:disabled{filter:grayscale(1) brightness(.72) drop-shadow(0 2px 3px rgba(20,20,20,.55)) drop-shadow(0 0 2px rgba(20,20,20,.8));color:#201c18;text-shadow:0 1px 1px #e8e0d2,0 0 3px #fff}#home .node-number{position:absolute;left:50%;top:calc(50% - var(--node) * .115);transform:translate(-50%,-50%);line-height:1;pointer-events:none;text-shadow:0 1px #ffe2a2,0 0 3px rgba(255,255,255,.9),1px 1px 1px rgba(30,15,5,.85),-1px -1px 1px rgba(30,15,5,.85),1px -1px 1px rgba(30,15,5,.85),-1px 1px 1px rgba(30,15,5,.85)}#home .node:disabled .node-number{text-shadow:0 1px 1px #e8e0d2,1px 1px 1px rgba(0,0,0,.8),-1px -1px 1px rgba(0,0,0,.8),1px -1px 1px rgba(0,0,0,.8),-1px 1px 1px rgba(0,0,0,.8)}#home .node-stars{top:81%;font-size:calc(var(--node) * .14)}#home button:focus-visible{outline:3px solid #fff0a7;outline-offset:3px}#home .map-side{width:max(44px,10.5%)}#home .map-side>button{min-width:44px;min-height:44px;filter:drop-shadow(0 3px 2px #42251266)}@media(min-aspect-ratio:5/4){#home .map-head{left:max(2%,var(--pad-left, 0px));width:min(44%,360px);top:calc(var(--menu-top) + 4px)}#home #map-scroll{clip-path:none}#home .map-side{top:calc(var(--menu-top) + 10px);right:max(12px,var(--pad-right, 0px));width:42px;gap:5px}#home .map-bottom{left:auto;right:max(12px,var(--pad-right, 0px));width:43%;bottom:calc(var(--menu-bottom) + 8px);height:min(18%,70px)}#home .node{min-width:40px;min-height:32px}}#game{--col: clamp(94px, calc(96px * var(--u, 1)), 230px)}#game .col{background:url(/assets/art/game-panel-v2.webp) center / 100% 100% no-repeat;border:0;box-shadow:none;border-radius:0}#game .order{border:1px solid #c78d43;box-shadow:0 2px 3px #875b3260,inset 0 0 0 2px #fff8e6;background:linear-gradient(120deg,#fffdf5,#f7eddc)}#game .order img{border-color:#f2cb83;box-shadow:0 0 0 3px #f6cf83}#game .chip{border:1px solid #b29a80;box-shadow:inset 0 2px 2px #ffffff90,inset 0 -2px 2px #713d3560,0 2px 3px #71402460;border-radius:12px}#game #btn-home,#game #btn-undo{border:0;border-radius:0;box-shadow:none;background:transparent center / contain no-repeat;opacity:1}#game #btn-home,#game #btn-undo{border:1px solid #c6b59e;border-radius:28%;background-color:#faf3e7;background-size:73%;box-shadow:inset 0 2px 2px #fff,inset 0 -3px 3px #cebaa0,0 4px 5px #68452440}#game #btn-home{background-image:url(/assets/art/ui-home.webp)}#game #btn-undo{background-image:url(/assets/art/ui-undo.webp)}#game #btn-undo:disabled{filter:saturate(.55);opacity:.8}#game #counter{font-size:clamp(16px,4.4vw,42px);white-space:nowrap}#game #counter:before{width:1.25em;height:1.25em;vertical-align:-.2em}#game .col-btns{background:none}@media(max-aspect-ratio:5/4){#game{padding:max(2vh,var(--pad-top)) max(10px,2.5vw,var(--pad-right)) max(1.5vh,var(--pad-bottom)) max(10px,2.5vw,var(--pad-left))}#game .col{height:clamp(88px,12vh,200px);min-height:88px;padding:6px 12px;gap:10px}#game .order{height:90%;flex:0 1 45%;padding:5px 9px;border-radius:17px;justify-content:space-around;gap:9px}#game .order img{width:clamp(42px,12vw,130px);height:clamp(42px,12vw,130px)}#game #order-items{flex-direction:column;flex-wrap:nowrap;gap:4px;flex:1;max-width:46%}#game .chip{min-width:43px;height:clamp(25px,6vw,65px);font-size:clamp(16px,4vw,38px)}#game #counter{flex:0 1 20%;text-align:center}#game .col-btns{gap:6px;flex-shrink:0}#game .hb{width:clamp(44px,11vw,113px);height:clamp(44px,11vw,113px);min-width:44px;min-height:44px}#game .spacer{flex:1 1 0}#game:has(#shelf:not([hidden])) .col{height:auto;flex-wrap:wrap}#game:has(#shelf:not([hidden])) #shelf{max-width:50%}}@media(min-aspect-ratio:5/4){#game .col{background:none;border:0;border-radius:0;box-shadow:none;gap:calc(10px * var(--u, 1))}#game .col-top{background:linear-gradient(180deg,#fffbf0f2,#f6ebd4eb);border:calc(2px * var(--u, 1)) solid #c6b59e;border-radius:calc(16px * var(--u, 1));box-shadow:0 calc(3px * var(--u, 1)) 0 #68452438,0 calc(6px * var(--u, 1)) calc(12px * var(--u, 1)) #3f2a1a29;padding:calc(10px * var(--u, 1)) calc(8px * var(--u, 1));gap:calc(8px * var(--u, 1))}#game #counter{font-size:clamp(15px,calc(17px * var(--u, 1)),32px);background:#fffaf0eb;border:1px solid #c99757;border-radius:calc(12px * var(--u, 1));padding:calc(5px * var(--u, 1)) calc(12px * var(--u, 1));box-shadow:0 3px 6px #43221129}#game .order{padding:calc(6px * var(--u, 1)) calc(4px * var(--u, 1));border-radius:calc(14px * var(--u, 1))}#game .order img{width:clamp(44px,calc(48px * var(--u, 1)),96px);height:clamp(44px,calc(48px * var(--u, 1)),96px)}#game .chip{min-width:clamp(46px,calc(46px * var(--u, 1)),88px);height:clamp(32px,calc(32px * var(--u, 1)),60px);font-size:clamp(15px,calc(15px * var(--u, 1)),26px);border-radius:calc(12px * var(--u, 1))}#game .col-btns{flex-direction:row;gap:calc(8px * var(--u, 1))}#game .hb{width:clamp(44px,calc(44px * var(--u, 1)),74px);height:clamp(44px,calc(44px * var(--u, 1)),74px);min-width:44px;min-height:44px}#game .marat{left:calc(var(--col) + max(1%,10px));width:min(22vw,calc(170px * var(--u, 1)))}#game .bubble{font-size:clamp(14px,calc(15px * var(--u, 1)),22px);padding:calc(8px * var(--u, 1)) calc(14px * var(--u, 1)) calc(8px * var(--u, 1)) calc(52px * var(--u, 1))}#game .bubble .face{width:clamp(34px,calc(38px * var(--u, 1)),54px);height:clamp(34px,calc(38px * var(--u, 1)),54px)}}