:root{--stage: #0b111c;--panel: rgba(16, 24, 40, .88);--panel-solid: #101828;--raise: #1a2540;--line: rgba(243, 238, 223, .14);--fg: #F3EEDF;--muted: #9FAABD;--yolk: #F2B705;--yolk-ink: #251B00;--display: "Fredoka", "Nunito Sans", system-ui, sans-serif;--body: "Nunito Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--mono: "IBM Plex Mono", ui-monospace, Menlo, Consolas, monospace;color-scheme:dark}[hidden]{display:none!important}html,body{height:100%}body{margin:0;background:var(--stage);color:var(--fg);font-family:var(--body);font-size:14px;overflow:hidden}#stage{position:fixed;inset:0}#stage canvas{display:block;touch-action:none}#labels{position:fixed;inset:0;pointer-events:none;overflow:hidden}#labels>div{position:absolute;left:0;top:0;white-space:nowrap;will-change:transform}.lm-label{font-family:var(--display);font-weight:600;font-size:13px;color:var(--fg);background:#101828b8;border:1px solid var(--line);padding:3px 9px;border-radius:999px;letter-spacing:.02em}.lm-label small{font-family:var(--mono);font-weight:400;color:var(--muted);margin-left:6px;font-size:11px}.res-label{font-family:var(--display);font-weight:600;font-size:12px;color:var(--yolk-ink);background:#f3eedfeb;padding:1px 8px;border-radius:999px;max-width:220px;overflow:hidden;text-overflow:ellipsis}.res-label small{display:none}.res-label.on{background:var(--yolk)}button,input,select{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:2px solid var(--yolk);outline-offset:2px}.mono{font-family:var(--mono);letter-spacing:0;text-transform:none;color:var(--fg)}#top{position:fixed;top:calc(10px + env(safe-area-inset-top,0px));left:50%;transform:translate(-50%);display:flex;gap:10px;align-items:center;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:6px 6px 6px 14px;backdrop-filter:blur(8px);max-width:calc(100vw - 32px);white-space:nowrap}#brand{font-family:var(--display);font-weight:700;font-size:17px;display:flex;align-items:center;gap:8px}#brand i{width:16px;height:20px;background:var(--yolk);border-radius:50% 50% 46% 46%/58% 58% 42% 42%;display:inline-block;box-shadow:inset -3px -3px #0000002e}.pill{font-family:var(--mono);font-size:12px;color:var(--muted)}#side{position:fixed;left:calc(12px + env(safe-area-inset-left,0px));top:calc(70px + env(safe-area-inset-top,0px));bottom:calc(12px + env(safe-area-inset-bottom,0px));width:320px;display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--line);border-radius:16px;backdrop-filter:blur(8px);overflow:hidden}#side.collapsed{bottom:auto}#side.collapsed .body{display:none}.tabs{display:flex;gap:2px;padding:8px;border-bottom:1px solid var(--line);align-items:center}.tab{flex:1;border:0;background:transparent;padding:7px 4px;border-radius:8px;font-family:var(--display);font-weight:600;font-size:14px;color:var(--muted)}.tab[aria-selected=true]{background:var(--raise);color:var(--fg)}.collapse{border:0;background:transparent;color:var(--muted);width:30px;height:30px;border-radius:8px;font-size:16px}.body{overflow:auto;padding:14px;flex:1;min-height:0}.pane{display:flex;flex-direction:column;gap:14px}h3{margin:0;font-family:var(--display);font-weight:600;font-size:16px;text-wrap:balance}.lbl{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:700}.field{display:flex;flex-direction:column;gap:6px}.btn{display:block;border:1px solid var(--line);background:var(--raise);padding:8px 10px;border-radius:10px;font-weight:700;font-size:13px;text-align:left;color:var(--fg);text-decoration:none}.btn:hover{border-color:#f2b70599}.btn.primary{background:var(--yolk);color:var(--yolk-ink);border-color:var(--yolk)}.btn.ghost{background:transparent}.btn.small{padding:6px 12px;border-radius:9px}.btn small{display:block;font-weight:400;color:var(--muted);font-size:11.5px;margin-top:2px}input[type=search]{background:var(--stage);border:1px solid var(--line);border-radius:10px;padding:9px 11px}input[type=range]{width:100%;accent-color:var(--yolk)}.check{display:flex;gap:8px;align-items:center;font-weight:600;font-size:13px}.check input{accent-color:var(--yolk);width:16px;height:16px}.list{display:flex;flex-direction:column;gap:6px}.item{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:#1a254099;text-align:left;width:100%;color:var(--fg)}.item:hover,.item.on{border-color:var(--yolk)}.item .nm{flex:1;min-width:0;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item .nm small{display:block;font-weight:400;color:var(--muted);font-size:12px;overflow:hidden;text-overflow:ellipsis}.dot{width:14px;height:14px;border-radius:4px;flex:none;border:1px solid rgba(0,0,0,.35)}.note{color:var(--muted);font-size:12.5px;line-height:1.5;margin:0}.steps{margin:0;padding-left:20px;line-height:1.6}.example{background:var(--stage);border:1px dashed var(--line);border-radius:10px;padding:8px 10px;margin:0;color:var(--yolk)}#card{position:fixed;left:50%;bottom:calc(16px + env(safe-area-inset-bottom,0px));transform:translate(-50%);width:min(380px,calc(100vw - 32px));background:var(--panel-solid);border:1px solid var(--yolk);border-radius:16px;padding:14px;display:flex;flex-direction:column;gap:10px;box-shadow:0 10px 30px #0006}#card .head{display:flex;gap:10px;align-items:flex-start}#card h3{flex:1;min-width:0;overflow-wrap:anywhere}#card .job{color:var(--muted);font-size:13px;overflow-wrap:anywhere}#card .meta{display:flex;gap:8px;flex-wrap:wrap;font-family:var(--mono);font-size:11.5px;color:var(--muted)}#card .meta span{border:1px solid var(--line);border-radius:999px;padding:2px 8px}#card .row{display:flex;gap:8px}#card .row .btn{flex:1;text-align:center}#card .x{border:0;background:transparent;color:var(--muted);font-size:18px;line-height:1;padding:2px 6px;border-radius:6px}#mini{position:fixed;right:calc(12px + env(safe-area-inset-right,0px));top:calc(70px + env(safe-area-inset-top,0px));width:190px;height:190px;border-radius:14px;border:1px solid var(--line);overflow:hidden;background:var(--panel-solid);cursor:crosshair}#mini canvas{position:absolute;inset:0;width:100%;height:100%}#mini .cap{position:absolute;left:8px;bottom:6px;font-family:var(--mono);font-size:10.5px;text-shadow:0 1px 2px #000;pointer-events:none}#toast{position:fixed;left:50%;top:calc(76px + env(safe-area-inset-top,0px));transform:translate(-50%);background:var(--panel-solid);border:1px solid var(--line);padding:8px 14px;border-radius:10px;font-weight:600;transition:opacity .25s;opacity:0;pointer-events:none}#toast.show{opacity:1}#loading{position:fixed;inset:0;display:grid;place-items:center;background:var(--stage);font-family:var(--display);font-size:18px;color:var(--muted);text-align:center;padding:16px}#account{position:relative;display:flex}.avatar{width:30px;height:30px;border-radius:50%;border:1px solid var(--yolk);background:var(--yolk);color:var(--yolk-ink);font-family:var(--display);font-weight:700;font-size:14px;display:grid;place-items:center}.menu{position:absolute;right:0;top:38px;min-width:170px;background:var(--panel-solid);border:1px solid var(--line);border-radius:12px;padding:6px;display:flex;flex-direction:column;gap:2px;box-shadow:0 10px 30px #00000073;z-index:50}.menu-item{border:0;background:transparent;color:var(--fg);text-align:left;padding:8px 10px;border-radius:8px;font-weight:600;font-size:13px}.menu-item:hover{background:var(--raise)}.menu-note{color:var(--muted);font-size:12.5px;padding:8px 10px}.modal-back{position:fixed;inset:0;background:#05080f99;display:grid;place-items:center;z-index:100;padding:16px;backdrop-filter:blur(3px)}.modal{width:min(420px,100%);max-height:90vh;overflow:auto;background:var(--panel-solid);border:1px solid var(--yolk);border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:12px;box-shadow:0 20px 50px #00000080}.modal-head{display:flex;align-items:center;gap:10px}.modal-head h3{flex:1}.fld{display:flex;flex-direction:column;gap:5px}.inp{background:var(--stage);border:1px solid var(--line);border-radius:10px;padding:9px 11px;color:var(--fg)}.inp:focus-visible{outline:2px solid var(--yolk)}#clock{position:fixed;right:calc(12px + env(safe-area-inset-right,0px));top:calc(268px + env(safe-area-inset-top,0px));display:flex;align-items:center;gap:8px;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:6px 12px;backdrop-filter:blur(8px);font-family:var(--display);font-weight:600}#clockText{font-size:15px}#clockIcon{width:16px;height:16px;border-radius:50%;background:var(--yolk);box-shadow:0 0 10px #f2b705b3;display:inline-block}#clock.night #clockIcon{background:#cfe0ff;box-shadow:0 0 10px #b4c8ff99}.badge{display:inline-flex;align-items:center;gap:4px;background:var(--yolk);color:var(--yolk-ink);border-radius:999px;padding:2px 9px;font-weight:700;font-size:11.5px}.claim-row{border-top:1px solid var(--line);padding-top:10px}#card .visits{display:flex;flex-direction:column;gap:4px;border-top:1px solid var(--line);padding-top:10px;font-size:13px}#card .visits:empty{display:none}.visit-sum{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.visit-sum .chip{font-family:var(--mono);font-size:11.5px;border:1px solid var(--line);border-radius:999px;padding:1px 7px;color:var(--muted)}.stamp{color:var(--muted);overflow-wrap:anywhere}.stamp small{font-family:var(--mono);font-size:11px}#card .greet-row{gap:6px}#card .greet-row .btn{padding-left:4px;padding-right:4px;white-space:nowrap}#visitPill{position:fixed;top:calc(64px + env(safe-area-inset-top,0px));left:50%;transform:translate(-50%);z-index:45;background:var(--yolk);color:var(--yolk-ink);border-color:var(--yolk);font-weight:700}.code-inp{font-size:30px;letter-spacing:.35em;text-align:center;text-transform:uppercase;padding:10px 0 10px .35em}.code-help{display:flex;flex-direction:column;gap:8px;align-items:flex-start;background:var(--raise);border-radius:12px;padding:12px;font-size:13px}#hud{position:fixed;left:50%;bottom:calc(14px + env(safe-area-inset-bottom,0px));transform:translate(-50%);display:flex;flex-wrap:wrap;justify-content:center;gap:8px;z-index:40;width:max-content;max-width:calc(100vw - 32px)}#emotes{display:flex;gap:4px}#emotes .emote{padding-left:9px;padding-right:9px;font-size:16px;line-height:1}#hud .btn{background:var(--panel);backdrop-filter:blur(8px)}#joystick{position:fixed;left:calc(20px + env(safe-area-inset-left,0px));bottom:calc(80px + env(safe-area-inset-bottom,0px));width:120px;height:120px;border-radius:50%;border:1px solid var(--line);background:#10182880;z-index:40;touch-action:none}#joystick .nub{position:absolute;left:50%;top:50%;width:46px;height:46px;margin:-23px 0 0 -23px;border-radius:50%;background:var(--yolk);opacity:.85}.gold-panel{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:min(360px,calc(100vw - 32px));background:var(--panel-solid);border:1px solid var(--yolk);border-radius:16px;padding:18px;text-align:center;z-index:60;box-shadow:0 20px 50px #00000080}.gold-panel h3{color:var(--yolk);margin-bottom:6px}.gold-panel .lock{font-size:30px}body.admin{overflow:auto;background:var(--stage)}#app{max-width:720px;margin:0 auto;padding:24px 16px 60px;display:block}body.admin:not(.control) #app{max-width:860px;padding-top:18px}.admin-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px;flex-wrap:wrap}.admin-top h1{font-family:var(--display);font-weight:700;font-size:22px;margin:0}#who{display:flex;align-items:center;gap:8px;min-width:0}.claim-card{display:flex;gap:12px;align-items:center;background:var(--panel-solid);border:1px solid var(--line);border-radius:14px;padding:14px;margin-bottom:10px}.claim-card .job{color:var(--muted);font-size:13px}.claim-card .meta{display:flex;gap:8px;flex-wrap:wrap;font-family:var(--mono);font-size:11.5px;color:var(--muted);margin-top:6px}.claim-card .meta span{border:1px solid var(--line);border-radius:999px;padding:2px 8px}.claim-card .row{display:flex;gap:8px}.claim-card .row .btn{text-align:center}.admin-h2{font-family:var(--display);font-size:18px;margin:26px 0 8px}#app>div>.row{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0}#app>div>.inp{width:100%;box-sizing:border-box;margin-bottom:10px}.admin-bar{position:sticky;top:0;z-index:30;background:#0b111cf0;backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.admin-bar .admin-top{max-width:860px;margin:0 auto;padding:12px 16px 6px;flex-wrap:nowrap}.admin-bar h1{display:flex;align-items:center;gap:8px;white-space:nowrap;font-size:19px}.admin-bar h1 span{color:var(--yolk)}.admin-bar .egg{width:14px;height:18px;background:var(--yolk);border-radius:50% 50% 46% 46%/58% 58% 42% 42%;display:inline-block;box-shadow:inset -3px -3px #0000002e}.admin-links{display:flex;gap:4px;margin-left:auto}.admin-links a{color:var(--muted);text-decoration:none;font-weight:700;font-size:13px;padding:6px 8px;border-radius:8px;white-space:nowrap}.admin-links a:hover{color:var(--fg);background:var(--raise)}.who-email{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-tabs{max-width:860px;margin:0 auto;padding:0 12px;display:flex;gap:2px;overflow-x:auto;scrollbar-width:none}.admin-tabs::-webkit-scrollbar{display:none}.admin-tab{position:relative;border:0;background:none;padding:12px 12px 11px;font-family:var(--display);font-weight:600;font-size:15px;color:var(--muted);white-space:nowrap;display:flex;align-items:center;gap:6px}.admin-tab:hover,.admin-tab[aria-selected=true]{color:var(--fg)}.admin-tab[aria-selected=true]:after{content:"";position:absolute;left:10px;right:10px;bottom:-1px;height:3px;border-radius:3px;background:var(--yolk)}.a-badge{min-width:18px;height:18px;padding:0 5px;box-sizing:border-box;border-radius:999px;background:var(--yolk);color:var(--yolk-ink);font:700 11px/18px var(--body);text-align:center}.admin-panel>.note:first-child{margin-bottom:14px}.admin-empty{text-align:center;padding:60px 16px;display:grid;justify-items:center;gap:10px}.admin-empty h2{font-family:var(--display);margin:0}.admin .empty{color:var(--muted);text-align:center;padding:22px 12px;border:1px dashed var(--line);border-radius:14px;margin:0}.admin .sub{color:var(--muted);font-size:12.5px}.admin .grow{flex:1;min-width:0}.admin .btn{text-align:center}.admin .btn:disabled{opacity:.45;cursor:default}.admin .btn.big{padding:11px 18px;font-size:15px}.admin .btn.danger{color:#ff9b8a;border-color:#ff786466}.admin .busy{opacity:.5;pointer-events:none}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:6px 0 10px}.stat{background:var(--panel-solid);border:1px solid var(--line);border-radius:14px;padding:12px 14px;min-width:0}.stat-l{display:block;color:var(--muted);font-size:12px;font-weight:700}.stat-v{font:700 28px/1.2 var(--display);margin-top:2px}.stat-sub{color:var(--muted);font-size:12px;margin-top:2px}.stat-row{display:flex;gap:6px;align-items:center;margin-top:2px}.stat-inp{width:100%;min-width:0;font:700 24px/1.2 var(--display);padding:1px 6px;margin-left:-7px;background:transparent;border-color:transparent;-moz-appearance:textfield}.stat-inp::-webkit-inner-spin-button,.stat-inp::-webkit-outer-spin-button{-webkit-appearance:none}.stat-edit:hover .stat-inp,.stat-inp:focus{border-color:var(--line);background:var(--stage)}.stat-link{cursor:pointer}.stat-alert{border-color:var(--yolk)}.stat-alert .stat-v{color:var(--yolk)}.steps{margin:0 0 12px;padding-left:20px;color:var(--muted);font-size:13px;line-height:1.6}.card-row,.qitem{display:flex;gap:12px;align-items:center;background:var(--panel-solid);border:1px solid var(--line);border-radius:14px;padding:12px 14px;margin-bottom:8px}.card-main{flex:1;min-width:0;display:grid;gap:2px}.card-main strong{font-size:15px;overflow-wrap:anywhere}.card-actions{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.chips{display:flex;gap:6px;flex-wrap:wrap;margin-top:4px}.a-chip{display:inline-block;font-size:11.5px;font-weight:700;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:2px 9px;white-space:nowrap}.a-chip.ok{color:#7fe0a0;border-color:#7fe0a073}.a-chip.sent{color:#8ec5ff;border-color:#8ec5ff73}.a-chip.warn{color:var(--yolk);border-color:#f2b70580;white-space:normal}.a-chip.quiet{border-color:transparent;font-weight:600}.toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:12px}.toolbar .inp{min-width:200px}.seg{display:inline-flex;gap:2px;padding:3px;background:var(--panel-solid);border:1px solid var(--line);border-radius:12px;flex-wrap:wrap}.seg-btn{border:0;background:none;color:var(--muted);font-weight:700;font-size:13px;padding:7px 11px;border-radius:9px;display:flex;gap:6px;align-items:center;white-space:nowrap}.seg-btn:hover{color:var(--fg)}.seg-btn.on{background:var(--yolk);color:var(--yolk-ink)}.seg-btn .count{font-family:var(--mono);font-size:11.5px;opacity:.75}.more-btn{width:100%;margin-top:4px}.hlist{display:grid;gap:6px}.hrow{background:var(--panel-solid);border:1px solid var(--line);border-radius:12px}.hrow.open{border-color:#f2b7058c}.hrow-head{width:100%;display:flex;align-items:center;gap:8px;background:none;border:0;padding:10px 12px;text-align:left;border-radius:12px}.hrow-head:hover{background:#ffffff08}.hrow-who{flex:1;min-width:0;display:flex;flex-wrap:wrap;align-items:baseline;column-gap:8px;row-gap:1px}.hrow-who strong{font-size:14.5px}.hrow-handle{font-family:var(--mono);font-size:12px;color:var(--muted);overflow-wrap:anywhere}.hrow-who .sub{flex-basis:100%}.caret{color:var(--muted);font-size:18px;transition:transform .15s}.hrow.open .caret{transform:rotate(90deg)}.hrow-body{padding:10px 12px 12px;display:grid;gap:10px;border-top:1px solid var(--line)}.rewards{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.rewards-l{color:var(--muted);font-size:12px;font-weight:700;margin-right:2px}.reward{display:inline-flex;gap:6px;align-items:center;font-size:12.5px;font-weight:700;border:1px solid var(--line);border-radius:999px;padding:4px 10px;cursor:pointer}.reward input{accent-color:var(--yolk);margin:0}.reward.on{border-color:var(--yolk);color:var(--yolk)}.admin-panel>.seg{margin-bottom:14px}.step{background:var(--panel-solid);border:1px solid var(--line);border-radius:14px;padding:14px;margin-bottom:10px;display:grid;gap:8px}.step-h{display:flex;align-items:center;gap:8px;font:600 16px var(--display)}.step-n{width:22px;height:22px;border-radius:50%;background:var(--yolk);color:var(--yolk-ink);font:700 13px/22px var(--body);text-align:center}.paste{width:100%;box-sizing:border-box;resize:vertical;font-family:var(--mono);font-size:13px;line-height:1.5}.qrows{display:grid;gap:6px}.qrow{display:grid;grid-template-columns:1.3fr 1.1fr 1fr 1.1fr .9fr auto auto;grid-template-areas:"name job color handle style plan x";gap:6px;align-items:center}.qrow .inp{width:100%;min-width:0;box-sizing:border-box;padding:7px 9px}.qcolor{display:flex;align-items:center;gap:6px;min-width:0}.a-swatch{display:block;flex:none;width:14px;height:14px;border-radius:50%;border:1px solid var(--line);background:repeating-linear-gradient(45deg,#2a3550 0 3px,#1a2540 3px 6px)}.qlist{display:grid}.qitem{margin-bottom:6px}.qitem.done{opacity:.55}.qstate{font-family:var(--mono);font-size:12px;color:var(--muted);white-space:nowrap}.qitem.building .qstate{color:var(--yolk)}.bar{height:4px;background:var(--raise);border-radius:4px;overflow:hidden;margin-top:6px}.bar i{display:block;height:100%;background:var(--yolk);transition:width 1s linear}.toolbar .at{font:700 18px var(--mono);color:var(--muted)}.reply-info{min-height:22px;margin-bottom:10px}.replies{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.reply{background:var(--panel-solid);border:1px solid var(--line);border-radius:14px;padding:12px 14px;display:grid;gap:8px;align-content:start}.reply-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.reply-head .btn{margin-left:auto}.reply-text{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.5;color:var(--fg);opacity:.85}@media (max-width: 720px){.admin-links,.who-email{display:none}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.replies{grid-template-columns:1fr}.qrow{grid-template-columns:1fr 1fr auto;grid-template-areas:"name job x" "color handle ." "style plan .";padding-bottom:10px;border-bottom:1px solid var(--line)}.card-row,.qitem{flex-wrap:wrap}.card-row .card-actions{width:100%}.toolbar .inp{min-width:0;flex-basis:100%}.seg-btn{padding:7px 8px}}@media (max-width: 760px){#side{inset:auto 0 0;width:auto;max-height:44vh;border-radius:16px 16px 0 0;padding-bottom:env(safe-area-inset-bottom,0px)}#side.collapsed{max-height:none;top:auto;bottom:0}body:has(#side.collapsed) #card{bottom:calc(70px + env(safe-area-inset-bottom,0px))}#mini{width:110px;height:110px;top:calc(64px + env(safe-area-inset-top,0px))}#brand span{display:none}#card{bottom:calc(46vh + 8px)}#top{left:16px;right:16px;transform:none;max-width:none;justify-content:space-between}#hud{bottom:calc(62px + env(safe-area-inset-bottom,0px))}#joystick{bottom:calc(150px + env(safe-area-inset-bottom,0px))}}@media (max-width: 440px){#count{display:none}#top{gap:6px}}#carHud,#planeHud,#heliHud,#balloonHud{position:fixed;left:50%;bottom:calc(70px + env(safe-area-inset-bottom,0px));transform:translate(-50%);z-index:45;display:grid;justify-items:center;gap:6px;pointer-events:none;font-family:var(--body, "Nunito Sans", system-ui, sans-serif);color:#fff}#carHud[hidden],#planeHud[hidden],#heliHud[hidden],#balloonHud[hidden]{display:none}#carHud .car-where,#planeHud .car-where,#heliHud .car-where,#balloonHud .car-where{font-weight:700;font-size:15px;text-shadow:0 1px 6px rgba(0,0,0,.7)}#carHud .car-speed,#planeHud .car-speed,#heliHud .car-speed,#balloonHud .car-speed{font:700 30px var(--display, "Fredoka", sans-serif);background:#0e121eb8;border:1px solid rgba(255,255,255,.16);border-radius:14px;padding:4px 16px}#carHud .car-hint,#planeHud .car-hint,#heliHud .car-hint,#balloonHud .car-hint{pointer-events:auto;cursor:pointer;font:600 14px var(--body, system-ui, sans-serif);color:#1b1f2e;background:#f4c430;border:0;border-radius:999px;padding:8px 18px}#carHud[data-mode=near] .car-speed,#carHud[data-mode=near] .car-where,#planeHud[data-mode=near] .car-speed,#planeHud[data-mode=near] .car-where,#planeHud[data-mode=near] .plane-help,#planeHud[data-mode=near] .plane-pads,#heliHud[data-mode=near] .car-speed,#heliHud[data-mode=near] .car-where,#heliHud[data-mode=near] .plane-help,#heliHud[data-mode=near] .plane-pads,#balloonHud[data-mode=near] .car-speed,#balloonHud[data-mode=near] .car-where,#balloonHud[data-mode=near] .plane-help,#balloonHud[data-mode=near] .plane-pads{display:none}#carHud[data-mode=driving] .car-hint,#planeHud[data-mode=flying] .car-hint,#heliHud[data-mode=flying] .car-hint,#balloonHud[data-mode=flying] .car-hint{background:#0e121eb8;color:#fff;border:1px solid rgba(255,255,255,.2)}#musicBtn{position:fixed;left:14px;bottom:14px;z-index:22;display:flex;align-items:center;gap:8px;max-width:min(70vw,320px);background:#0e121ec7;color:#fff;border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:7px 13px;font:600 14px var(--body, system-ui, sans-serif);cursor:pointer}#musicBtn .music-title{display:none;font-size:12px;color:#b9c0d4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#musicBtn.on{border-color:#f4c430;color:#f4c430}#musicBtn.on .music-title{display:inline}body.control main#app{max-width:none;margin:0;padding:12px;box-sizing:border-box}.ctl-top{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:8px 12px;background:var(--panel-solid);border-bottom:1px solid var(--line)}.ctl-top h1{margin:0;font:700 18px var(--display, "Fredoka", sans-serif);white-space:nowrap}.ctl-top .ctl-status{flex:1;min-width:200px;font-size:13px}.ctl-quick .btn{min-width:0;padding:6px 10px}.ctl-layout{display:grid;gap:12px;grid-template-columns:minmax(0,1fr) minmax(380px,480px);align-items:start}.ctl-side{display:flex;flex-direction:column;gap:8px;min-width:0}.ctl-tabs{display:flex;gap:4px;flex-wrap:wrap}.ctl-tabs .btn{flex:1;text-align:center;min-width:0}.ctl-tabs .btn.on{background:var(--yolk);color:var(--yolk-ink);border-color:var(--yolk)}.ctl-stack{display:flex;flex-direction:column;gap:10px}.ctl-mapcard{display:flex;flex-direction:column;gap:8px}.ctl-mapbar{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.ctl-mapbar .btn{padding:6px 10px}.ctl-mapbar>.btn:nth-child(-n+2){width:34px;text-align:center;font-size:16px}.ctl-mapwrap{display:flex;justify-content:center}.ctl-map{width:100%;aspect-ratio:1;border-radius:12px;border:1px solid var(--line);background:#26689a;touch-action:none;cursor:crosshair;display:block}.ctl-legend .lg{display:inline-block;width:10px;height:10px;border-radius:2px;vertical-align:-1px;margin-left:6px}.ctl-legend .lg.home{background:#e8b830}.ctl-legend .lg.plot{border:1px solid rgba(255,255,255,.6)}.ctl-legend .lg.cam{background:#f2b705;border-radius:50%}@media (min-width: 901px){body.control{height:100vh;overflow:hidden;display:flex;flex-direction:column}body.control main#app{flex:1;min-height:0}body.control #panel,.ctl-layout{height:100%}.ctl-layout{align-items:stretch}.ctl-mapcard{min-height:0;box-sizing:border-box}.ctl-mapwrap{flex:1;min-height:0;align-items:center;container-type:size}.ctl-map{width:min(100cqw,100cqh);height:min(100cqw,100cqh);aspect-ratio:auto}.ctl-side{min-height:0}.ctl-tabbody{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden}}@media (max-width: 900px){.ctl-layout{grid-template-columns:minmax(0,1fr)}.ctl-top .ctl-status{flex-basis:100%;order:3}}.ctl-build{display:flex;flex-direction:column;gap:10px}.ctl-step{margin:4px 0 0;font-weight:700}.ctl-step b{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--yolk);color:var(--yolk-ink);margin-right:4px}.ctl-palette{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:6px}.ctl-group{grid-column:1 / -1;color:var(--muted);font:600 11px var(--mono, monospace);text-transform:uppercase;letter-spacing:.06em;margin-top:2px}.ctl-item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 4px;text-align:center;min-width:0}.ctl-itemname{font-size:11.5px;line-height:1.2}.ctl-item.on{background:var(--yolk);color:var(--yolk-ink);border-color:var(--yolk)}.ctl-icon{font-size:22px;line-height:1}.ctl-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.ctl-swatches{display:flex;gap:6px;flex-wrap:wrap}.ctl-swatch{width:26px;height:26px;border-radius:50%;border:2px solid rgba(255,255,255,.25);cursor:pointer}.ctl-swatch.on{border-color:var(--yolk);box-shadow:0 0 0 2px var(--yolk)}.ctl-verdict{margin:0;padding:8px 10px;border-radius:10px;background:var(--stage);border:1px solid var(--line);font-weight:600}.ctl-verdict.ok{border-color:#2ecc71;color:#7ff0a8}.ctl-verdict.bad{border-color:#e5533d;color:#ff9b8c}.ctl-buildbar{position:sticky;bottom:-12px;z-index:2;display:flex;flex-direction:column;gap:8px;margin:0 -14px;padding:10px 14px 12px;background:var(--panel-solid);border-top:1px solid var(--line);box-shadow:0 -8px 16px #00000040}.ctl-buildbtn{font-size:16px;padding:12px 18px;text-align:center;flex:1}.ctl-buildbtn:disabled{opacity:.45;cursor:not-allowed}.ctl-built{display:flex;flex-direction:column;gap:6px}.ctl-builtrow{display:flex;gap:6px;align-items:center}.ctl-builtrow span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ctl-builtrow .btn{padding:5px 9px}.ctl-grid{margin-top:10px}.ctl-homeform{display:flex;flex-direction:column;gap:8px}.ctl-homeform .ctl-buildbar .btn{flex:1;text-align:center}.ctl-homeform select{flex:1;min-width:0}.ctl-homeform .btn:disabled{opacity:.45;cursor:not-allowed}.ctl-grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:14px 0}.ctl-card{background:var(--panel-solid);border:1px solid var(--line);border-radius:14px;padding:12px 14px}.ctl-card h3{margin:0 0 8px;font-family:var(--display, "Fredoka", sans-serif)}.ctl-btns{display:flex;flex-wrap:wrap;gap:8px}.ctl-btns .btn{min-width:84px}.ctl-btns .btn kbd,.ctl-row .btn kbd{margin-left:6px;opacity:.6;font:500 11px var(--mono, monospace);border:1px solid currentColor;border-radius:4px;padding:0 4px}.ctl-btns .btn.on{background:#f4c430;color:#1b1f2e}.ctl-status{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.ctl-dot{width:10px;height:10px;border-radius:50%;background:#c0392b;display:inline-block}.ctl-dot.ok{background:#2ecc71}#planeHud .plane-help,#heliHud .plane-help,#balloonHud .plane-help{font:600 12px var(--body, system-ui, sans-serif);background:#0e121e99;border-radius:999px;padding:4px 12px;color:#dfe6f5}#planeHud .plane-pads,#heliHud .plane-pads,#balloonHud .plane-pads{display:flex;gap:10px}#planeHud .plane-pads[hidden],#heliHud .plane-pads[hidden],#balloonHud .plane-pads[hidden]{display:none}#planeHud .plane-touch,#heliHud .plane-touch,#balloonHud .plane-touch{touch-action:none;user-select:none;padding:14px 22px}body[data-vehicle=plane] #hud,body[data-vehicle=helicopter] #hud,body[data-vehicle=balloon] #hud,body[data-vehicle=plane] #carHud,body[data-vehicle=helicopter] #carHud,body[data-vehicle=balloon] #carHud{display:none}.side-pad{position:fixed;right:calc(18px + env(safe-area-inset-right,0px));bottom:calc(70px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;gap:14px;z-index:46}.side-pad[hidden]{display:none}.side-pad .plane-touch{width:84px;height:84px;border-radius:50%;padding:0;border:2px solid rgba(255,255,255,.5);background:var(--yolk, #f2c14e);color:#1b1f2e;font:700 13px var(--body, system-ui, sans-serif);touch-action:none;user-select:none;-webkit-user-select:none;box-shadow:0 6px 18px #0006}.side-pad .plane-touch:active{filter:brightness(.85);transform:scale(.96)}@media (orientation: landscape) and (max-height: 520px){.side-pad{bottom:calc(14px + env(safe-area-inset-bottom,0px));gap:10px}.side-pad .plane-touch{width:68px;height:68px;font-size:12px}}#loading{transition:opacity .45s ease;z-index:90}#loading.done{opacity:0;pointer-events:none}#loading .ld{display:grid;justify-items:center;gap:12px;width:min(300px,80vw)}#loading .ld-egg{width:38px;height:48px;border-radius:50% 50% 48% 48%/60% 60% 40% 40%;background:var(--yolk);box-shadow:inset -6px -8px #0000001f;animation:ldBob 1.1s ease-in-out infinite}@keyframes ldBob{50%{transform:translateY(-7px)}}#loading .ld-title{font-family:var(--display);font-weight:700;font-size:26px;color:var(--fg)}#loading .ld-bar{width:100%;height:8px;border-radius:999px;background:var(--raise);overflow:hidden}#loading .ld-bar i{display:block;height:100%;width:6%;background:var(--yolk);border-radius:999px;transition:width .35s ease}#loading .ld-text{font-size:14px;color:var(--muted)}.welcome{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:16px;background:#080c148c}.welcome[hidden]{display:none}.welcome .card{width:min(420px,100%);background:var(--panel-solid);border:1px solid var(--yolk);border-radius:18px;padding:22px 22px 18px;text-align:center;display:grid;gap:12px;box-shadow:0 18px 60px #00000080}.welcome h2{font-family:var(--display);font-size:26px;color:var(--yolk);margin:0}.welcome p{margin:0;color:var(--fg);line-height:1.45}.welcome .row{display:grid;gap:8px;margin-top:4px}.welcome .link{background:none;border:0;color:var(--muted);text-decoration:underline;cursor:pointer;font:inherit;font-size:13px;padding:4px}body:has(.welcome) #noticePanel,body:has(.welcome) #goldPanel{display:none}.welcome .card{box-sizing:border-box;max-width:calc(100vw - 32px)}.seo-text{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.x-btn{border:0;background:transparent;color:var(--muted);font-size:20px;line-height:1;padding:4px 8px;border-radius:8px;cursor:pointer;min-width:32px;min-height:32px}.x-btn:hover{color:var(--fg);background:#ffffff14}#mini .x-btn{position:absolute;right:2px;top:2px;z-index:2;background:#0b111cb3;font-size:16px;min-width:28px;min-height:28px;padding:2px 6px}.hide-side #side,.hide-mini #mini,.hide-title #brand,.hide-title #count,.hide-title #titleHide{display:none}.hide-side #card{bottom:calc(14px + env(safe-area-inset-bottom,0px))}.view-menu{position:fixed;top:calc(64px + env(safe-area-inset-top,0px));right:16px;z-index:70;display:grid;gap:10px;padding:12px 14px;background:var(--panel-solid);border:1px solid var(--line);border-radius:14px;box-shadow:0 12px 40px #00000080;min-width:200px}.view-menu[hidden]{display:none}.claim-steps{margin:4px 0 8px;padding-left:20px;display:grid;gap:8px;font-size:14px;line-height:1.4}.claim-steps a{color:var(--yolk)}.gold-panel{max-height:calc(100dvh - 32px);overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.body{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y}.modal{max-height:calc(100dvh - 32px);overscroll-behavior:contain}@media (max-width: 760px){#side{max-height:50dvh}#card{bottom:calc(52dvh + 8px);max-height:40dvh;overflow-y:auto}}@media (orientation: landscape) and (max-height: 520px){#top{top:calc(6px + env(safe-area-inset-top,0px));padding:3px 4px 3px 10px}#brand{font-size:15px}#side{top:calc(52px + env(safe-area-inset-top,0px));width:250px;max-height:none}#mini{width:90px;height:90px;top:calc(52px + env(safe-area-inset-top,0px))}#card{left:auto;right:calc(12px + env(safe-area-inset-right,0px));bottom:calc(10px + env(safe-area-inset-bottom,0px));width:min(300px,40vw);max-height:55dvh}#hud{bottom:calc(6px + env(safe-area-inset-bottom,0px))}#joystick{bottom:calc(14px + env(safe-area-inset-bottom,0px));width:104px;height:104px}.gold-panel{max-height:calc(100dvh - 16px)}#carHud,#planeHud,#heliHud,#balloonHud{bottom:calc(46px + env(safe-area-inset-bottom,0px))}}@media (orientation: landscape) and (max-height: 520px){body.walking #side,body.walking #mini,body.walking #brand,body.walking #count,body.walking #titleHide,body.walking #viewBtn,body.walking #joinBtn,body.walking #account,body.walking #clock{display:none}}@media (max-width: 760px){body.walking #joinBtn,body.walking #account,body.walking #count{display:none}}.btn[hidden],.x-btn[hidden]{display:none}@media (max-width: 440px){#brand,#titleHide{display:none}#top{justify-content:center;padding-left:6px}}.welcome .find{display:flex;align-items:center;gap:6px;background:var(--stage);border:1px solid var(--line);border-radius:12px;padding:4px 4px 4px 12px}.welcome .find .at{color:var(--muted);font-weight:700}.welcome .find .inp{flex:1;min-width:0;border:0;background:transparent;color:inherit;font:inherit;font-size:16px;padding:8px 2px;outline:none}.welcome .find .btn{white-space:nowrap}.welcome .row .btn{justify-content:center;text-align:center}.designer{position:fixed;right:calc(12px + env(safe-area-inset-right,0px));bottom:calc(12px + env(safe-area-inset-bottom,0px));width:360px;max-height:calc(100dvh - 90px);overflow-y:auto;overscroll-behavior:contain;background:var(--panel-solid);border:1px solid var(--yolk);border-radius:16px;padding:14px;display:flex;flex-direction:column;gap:8px;box-shadow:0 10px 30px #00000073;z-index:30}.designer>*{flex-shrink:0}.designer .x{border:0;background:transparent;color:var(--muted);font-size:20px;line-height:1;padding:4px 8px;border-radius:6px}.designer .d-label{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:700;margin-top:2px}.designer .d-label small{text-transform:none;letter-spacing:0;font-weight:400}.designer .tpl-row{display:flex;gap:6px;overflow-x:auto;padding-bottom:4px;scrollbar-width:thin}.designer .tpl{flex:0 0 auto;width:78px;display:flex;flex-direction:column;align-items:center;gap:2px;padding:7px 4px;border:1px solid var(--line);border-radius:10px;background:var(--raise);color:var(--fg);font-size:11.5px;font-weight:700;line-height:1.15;text-align:center}.designer .tpl .ic{font-size:22px}.designer .tpl small{color:var(--muted);font-weight:400;font-size:10.5px}.designer .tpl.on{border-color:var(--yolk);box-shadow:inset 0 0 0 1px var(--yolk);background:#2a3350}.designer .tpl.locked{opacity:.55}.designer .swatches{display:flex;flex-wrap:wrap;gap:6px}.designer .swatch{width:30px;height:30px;border-radius:8px;border:2px solid rgba(255,255,255,.18);color:#fff;font-size:13px;text-shadow:0 1px 2px rgba(0,0,0,.6);padding:0}.designer .swatch.on{border-color:var(--yolk);box-shadow:0 0 0 2px var(--yolk)}.designer .pad{display:flex;gap:6px}.designer .pad .btn{flex:1;text-align:center;min-height:40px;font-size:15px}.designer .d-foot{display:flex;gap:8px;margin-top:4px}.designer .d-foot .btn{flex:1;text-align:center;min-height:42px}body.designing #card{display:none}@media (max-width: 760px){.designer{left:0;right:0;bottom:0;width:auto;max-height:48dvh;border-radius:16px 16px 0 0;border-width:1px 0 0;padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px))}body.designing #side,body.designing #mini,body.designing #joinBtn{display:none}.designer .d-foot{position:sticky;bottom:calc(-12px - env(safe-area-inset-bottom,0px));background:var(--panel-solid);padding:8px 0 calc(4px + env(safe-area-inset-bottom,0px));margin-bottom:calc(-12px - env(safe-area-inset-bottom,0px))}}.claim-card.house-card{flex-wrap:wrap}.pane[data-pane=quests]{display:flex;flex-direction:column;gap:8px}.pane[data-pane=quests][hidden]{display:none}.quest-list{display:flex;flex-direction:column;gap:8px}.quest{border:1px solid var(--line);border-radius:12px;padding:10px;background:#1a254099;display:flex;flex-direction:column;gap:5px}.quest.done{border-color:#f2b70599}.quest .q-top{display:flex;align-items:center;gap:8px}.quest .q-top b{flex:1;font-family:var(--display);font-weight:600;font-size:14.5px}.quest .q-ic{font-size:18px}.quest .q-num{font-size:12px;color:var(--muted)}.quest .q-text{font-size:12.5px;color:var(--muted)}.quest .bar{height:6px;border-radius:999px;background:var(--stage);overflow:hidden}.quest .bar i{display:block;height:100%;background:var(--yolk);border-radius:999px}.quest .reward{align-self:flex-start;font-size:11.5px;font-weight:700;border:1px dashed var(--line);border-radius:999px;padding:2px 9px;color:var(--muted)}.quest .reward.got{border-style:solid;border-color:var(--yolk);color:var(--yolk)}.board-h{margin-top:8px}.board{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.board .rank{width:34px;color:var(--yolk);font-size:12.5px}.board .pts{margin-left:auto;font-size:13px;font-weight:600}.board .nm{min-width:0;overflow:hidden;text-overflow:ellipsis}.intro{position:fixed;inset:0;z-index:60;pointer-events:none}.intro .bar{position:absolute;left:0;right:0;height:11vh;background:#000;transition:transform .6s ease}.intro .bar.top{top:0}.intro .bar.bottom{bottom:0}.intro.out .bar.top{transform:translateY(-100%)}.intro.out .bar.bottom{transform:translateY(100%)}.intro-cap{position:absolute;left:0;right:0;bottom:calc(11vh + 28px);text-align:center;padding:0 20px;opacity:0;transform:translateY(10px);transition:opacity .5s ease,transform .5s ease;text-shadow:0 2px 12px rgba(0,0,0,.7)}.intro-cap.show{opacity:1;transform:none}.intro-cap b{display:block;font-family:var(--display);font-weight:700;font-size:clamp(26px,5.4vw,52px);color:#fff;line-height:1.1;text-wrap:balance}.intro-cap span{display:block;margin-top:6px;font-size:clamp(14px,2.2vw,20px);color:var(--yolk);font-weight:700}.intro-skip{position:absolute;right:calc(16px + env(safe-area-inset-right,0px));bottom:calc(11vh - 52px);pointer-events:auto;background:#ffffff24;color:#fff;border:1px solid rgba(255,255,255,.35);border-radius:999px;padding:8px 16px;font-weight:700;font-size:14px;backdrop-filter:blur(6px)}.intro.out .intro-skip,.intro.out .intro-cap{opacity:0}body.intro-on #top,body.intro-on #side,body.intro-on #mini,body.intro-on #clock,body.intro-on #labels,body.intro-on #card{visibility:hidden}.install-card{position:fixed;left:50%;transform:translate(-50%);top:calc(64px + env(safe-area-inset-top,0px));width:min(420px,calc(100vw - 32px));display:flex;align-items:center;gap:12px;background:var(--panel-solid);border:1px solid var(--yolk);border-radius:14px;padding:10px 12px;box-shadow:0 10px 30px #00000073;z-index:40}.install-card img{border-radius:10px;flex:0 0 auto}.install-card .ic-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;font-size:12.5px;color:var(--muted)}.install-card .ic-text>b{color:var(--fg);font-family:var(--display);font-weight:600;font-size:14.5px}.install-card .ic-btns{display:flex;flex-direction:column;gap:6px}.install-card .ic-btns .btn{text-align:center;white-space:nowrap}body.intro-on .install-card{display:none}.handle-row{display:flex;align-items:center;gap:0;background:var(--stage);border:1px solid var(--line);border-radius:10px;padding-left:12px}.handle-row:focus-within{outline:2px solid var(--yolk)}.handle-row .at{color:var(--yolk);font-size:20px;font-weight:500}.handle-row .handle-inp{flex:1;min-width:0;border:0;background:transparent;font-size:20px;padding:10px 10px 10px 4px;outline:none}.modal .row{display:flex;gap:8px;flex-wrap:wrap}.modal .row .btn{flex:1;text-align:center}.modal .btn.ghost.small{align-self:flex-start;color:var(--muted);border-color:transparent;padding-left:0}.modal .x{border:0;background:transparent;color:var(--muted);font-size:20px;line-height:1;padding:2px 6px;border-radius:6px}a.menu-item{text-decoration:none;display:block}div.menu-item{color:var(--muted);font-weight:400;font-size:12px}.gsi-slot{display:flex;justify-content:center;min-height:44px}.char-modal{width:min(640px,100%)}.char-body{display:flex;gap:14px;align-items:flex-start}.char-preview{flex:none;background:radial-gradient(circle at 50% 40%,#2b3b5e,#121a2c);border-radius:14px;border:1px solid var(--line)}.char-canvas{display:block;width:200px;height:217px}.char-rows{flex:1;min-width:0;display:grid;gap:8px;max-height:52vh;overflow:auto;padding-right:4px}.char-row .lbl{display:block;font-size:12px;color:var(--muted);margin-bottom:4px}.char-row .opts{display:flex;flex-wrap:wrap;gap:6px}.chip{border:1px solid var(--line);background:var(--raise);color:var(--fg);border-radius:999px;padding:5px 10px;font-size:12.5px;font-weight:700}.chip.on{background:var(--yolk);color:var(--yolk-ink);border-color:var(--yolk)}.swatch{width:28px;height:28px;border-radius:50%;border:2px solid rgba(255,255,255,.25);padding:0}.swatch.on{border-color:var(--yolk);box-shadow:0 0 0 2px var(--yolk)}@media (max-width: 560px){.char-back{align-items:end;padding:0}.char-modal{border-radius:16px 16px 0 0;max-height:92vh}.char-body{flex-direction:column;align-items:center}.char-canvas{width:150px;height:163px}.char-rows{max-height:40vh;width:100%}}.home-modal .home-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.home-modal .home-actions .btn{text-align:center}.tutorial{position:fixed;left:50%;transform:translate(-50%);bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:70;width:min(440px,calc(100vw - 32px));background:var(--panel-solid);border:1px solid var(--yolk);border-radius:16px;padding:12px 14px;box-shadow:0 14px 40px #00000080;display:grid;gap:8px}.tutorial p{margin:0;line-height:1.45;font-size:14px}.tut-top{display:flex;align-items:center;gap:8px;font-family:var(--display);font-size:17px}.tut-top b{flex:1;min-width:0}.tut-ic{font-size:22px}.tut-n{font-family:var(--mono);font-size:12px;color:var(--muted)}.tut-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.tut-row .btn{text-align:center}.tut-dots{display:flex;justify-content:center;gap:5px}.tut-dots i{width:6px;height:6px;border-radius:50%;background:var(--line)}.tut-dots i.on{background:var(--yolk)}body.walking .tutorial{bottom:calc(150px + env(safe-area-inset-bottom,0px))}.claim-nudge{position:fixed;top:calc(62px + env(safe-area-inset-top,0px));left:50%;transform:translate(-50%);z-index:40;display:flex;align-items:center;gap:10px;background:var(--panel-solid);border:1px solid var(--yolk);border-radius:999px;padding:5px 6px 5px 14px;font-size:13px;max-width:calc(100vw - 32px);box-shadow:0 8px 24px #00000059}.claim-nudge span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}body.walking .claim-nudge{display:none}.ok-line{color:#7bd88f;font-weight:700}