#scenario-band-host{z-index:4;pointer-events:none;position:fixed;top:0;left:0}.scenario-band{top:calc(var(--top-left-bottom,calc(var(--safe-t) + 64px)) + 8px);left:calc(var(--edge) + var(--safe-l));max-width:min(360px, calc(100vw - 112px - var(--safe-l) - var(--safe-r)));color:#fffaf0;box-shadow:var(--shadow);pointer-events:auto;background:#3a4a5cdb;border-radius:14px;flex-wrap:wrap;align-items:center;gap:4px 8px;padding:6px 8px 6px 10px;font-size:13px;display:flex;position:fixed}.scenario-band.is-failed{background:#963c32e6}.scenario-band .scenario-name{min-width:0;color:inherit;text-align:left;background:0 0;border:0;flex:140px;padding:0;font-size:13px}.scenario-tag{color:#3a2a1c;text-transform:uppercase;letter-spacing:.04em;background:#f6a55a;border-radius:8px;margin-right:2px;padding:1px 6px;font-size:11px;display:inline-block}.scenario-state{opacity:.8}.scenario-hint{opacity:.9;flex:100%;order:3;font-size:12px;font-weight:500}.scenario-exit{color:#4a3b2f;white-space:nowrap;background:#fffaf0;border-radius:10px;padding:4px 10px;text-decoration:none}.scenario-groups ul{gap:6px;margin:4px 0 10px;padding:0;list-style:none;display:grid}.scenario-groups a{color:inherit;background:#ffffffb3;border-radius:10px;justify-content:space-between;gap:8px;padding:8px 10px;text-decoration:none;display:flex}.scenario-groups a[aria-current=true]{outline:2px solid #f6a55a}.scenario-groups code{opacity:.6;white-space:nowrap;font-size:12px}.scenario-own{color:inherit;justify-content:center;align-items:center;text-decoration:none;display:flex}.scenario-missing a{color:inherit}.scenario-missing{padding:calc(24px + var(--safe-t)) 20px 24px;background:var(--cream-solid);pointer-events:auto;position:absolute;inset:0;overflow:auto}.scenario-missing button{color:inherit;background:#f3d2c7;border:0;border-radius:10px;padding:4px 10px}.scenario-problems{font-weight:700}.scenario-missing h1{font-size:20px}.link-prompt-backdrop{z-index:20}.link-prompt p{margin:0 0 10px;font-weight:500}.link-params{flex-wrap:wrap;gap:6px;display:flex}.link-params code{background:#4a3b2f1a;border-radius:8px;padding:2px 8px;font-size:13px}.link-actions{flex-direction:column;gap:8px;margin-top:6px;display:flex}.link-actions button{background:#e9e0cf;border:0;border-radius:14px;min-height:48px;font-size:15px;font-weight:650}.link-actions .link-cancel{background:var(--ink);color:#fffaf0}.link-actions .link-real{background:#f3d2c7}.view-band{background:#965a28e0}#start-ui{height:var(--app-h,100dvh);z-index:6;pointer-events:none;-webkit-user-select:none;user-select:none;position:fixed;inset:0}.pregame{position:absolute;inset:0}.pregame-fade{opacity:0;pointer-events:none;background:#1d1a2a;animation:1.2s ease-out pregame-fade-in;position:absolute;inset:0}@keyframes pregame-fade-in{0%{opacity:1}to{opacity:0}}.pregame.is-letter .pregame-fade,.pregame.is-pick .pregame-fade{opacity:.32;transition:opacity .4s;animation:none}.intro-skip{right:calc(14px + var(--safe-r));bottom:calc(18px + var(--safe-b));pointer-events:auto;min-height:44px;box-shadow:var(--shadow);color:var(--ink);font:inherit;z-index:2;background:#fffaf0d1;border:0;border-radius:22px;align-items:center;gap:6px;padding:0 16px;font-size:15px;display:inline-flex;position:absolute}.pregame-center{padding:calc(12px + var(--safe-t)) calc(12px + var(--safe-r)) calc(12px + var(--safe-b)) calc(12px + var(--safe-l));box-sizing:border-box;pointer-events:auto;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.intro-letter{box-sizing:border-box;color:#3e3024;background:#fbf3e2;border-top:8px solid #e2605a;border-radius:6px 6px 18px 18px;width:min(420px,100%);max-height:100%;padding:22px 24px 18px;font-family:Bradley Hand,Segoe Print,Comic Neue,Chalkboard SE,ui-rounded,cursive;font-size:17px;font-weight:500;line-height:1.5;animation:.5s ease-out letter-in;overflow-y:auto;box-shadow:0 12px 44px #1e140a66,inset 0 0 44px #b48c502e}@keyframes letter-in{0%{opacity:0;transform:translateY(16px)rotate(-1.5deg)}}.intro-letter p{margin:0 0 12px}.intro-letter-sign{text-align:right}.intro-letter .btn-primary{justify-content:center;align-items:center;gap:8px;width:100%;margin-top:6px;font-family:ui-rounded,SF Pro Rounded,Nunito,system-ui,sans-serif;font-weight:650;display:inline-flex}.island-pick{box-sizing:border-box;background:var(--cream-solid);width:min(760px,100%);max-height:100%;box-shadow:var(--shadow);border-radius:24px;padding:16px;animation:.4s ease-out letter-in;overflow-y:auto}.island-pick h2{margin:0;font-size:20px}.island-pick-sub{opacity:.8;margin:4px 0 12px;font-weight:500}.map-cards{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.map-card{min-width:0;font:inherit;color:inherit;background:#f5ead6;border:0;border-radius:16px;flex-direction:column;align-items:stretch;gap:6px;padding:6px 6px 8px;transition:transform .12s;display:flex;box-shadow:inset 0 -3px #4a3b2f14}.map-card canvas{aspect-ratio:1;border-radius:10px;width:100%;display:block}.map-card.on{outline:3px solid var(--accent);background:#fff;transform:translateY(-2px)}.map-card-label{text-align:center;flex-direction:column;gap:1px;font-size:13px;display:flex}.map-card-label span{opacity:.75;font-size:11px;font-weight:500}.island-pick-actions{gap:10px;margin-top:14px;display:flex}.island-pick-actions button{font:inherit;flex:1;justify-content:center;align-items:center;gap:6px;display:inline-flex}@media (orientation:landscape) and (max-height:500px){.island-pick{padding:10px 14px}.island-pick-sub{margin-bottom:6px;font-size:13px}.map-cards{width:min(100%, calc((var(--app-h,100vh) - 245px) * 3 + 20px));margin:0 auto}.island-pick-actions{margin-top:8px}.island-pick-actions button{min-height:42px}.intro-letter{padding:14px 18px 12px;font-size:15px}}body.cinematic #ui .hud,body.cinematic #ui .top-left,body.cinematic #ui .top-right,body.cinematic #ui .bottom-left>:not(.toasts),body.cinematic #ui .action-btn,body.cinematic #ui .action-alt{visibility:hidden}.arrival-skip{position:absolute}.name-row{grid-template-columns:64px 44px 1fr 44px;align-items:center;gap:6px;margin-top:8px;display:grid}.name-row-label{opacity:.85;font-size:13px}.name-arrow{height:44px;color:var(--ink);background:#f5ead6;border:0;border-radius:14px;font-size:24px;line-height:1;box-shadow:inset 0 -3px #4a3b2f14}.name-part{text-align:center;font-size:17px}.name-preview{background:#fff;border-radius:16px;justify-content:center;align-items:center;gap:8px;margin:12px 0 4px;padding:10px;font-size:22px;display:flex;box-shadow:inset 0 0 0 2px #f6a55a66}.name-panel .avatar-actions button{justify-content:center;align-items:center;gap:6px;display:inline-flex}.settings-island{box-sizing:border-box;background:#fff4dc;margin-bottom:8px}#ui .draft-chip,#ui .found-card,#ui .letter{pointer-events:auto}.bottle-icon{display:block;overflow:visible}.draft-chip{top:calc(64px + var(--safe-t));left:calc(12px + var(--safe-l));background:var(--cream);box-shadow:var(--shadow);border-radius:16px;align-items:center;gap:8px;max-width:calc(100vw - 110px);padding:6px 6px 6px 12px;font-size:14px;animation:.25s ease-out toast-in;display:flex;position:absolute}.draft-discard{background:#4a3b2f14;border:0;border-radius:12px;width:34px;height:34px}.bottle-backdrop{box-sizing:border-box;background:#281e1447;padding:16px;align-items:center!important}.found-card{box-sizing:border-box;background:var(--cream-solid);text-align:center;border-radius:28px;width:min(360px,100%);padding:20px 20px 18px;animation:.35s cubic-bezier(.2,1.4,.4,1) found-in;box-shadow:0 10px 40px #3c281447}.found-bottle{place-items:center;height:110px;animation:2.4s ease-in-out infinite bottle-rock;display:grid}.found-card h2{margin:6px 0;font-size:21px}.found-card p{opacity:.85;margin:4px 0;font-weight:500}.found-gift{font-style:italic}.found-full{color:#b5533c;font-size:13px}.found-actions{gap:10px;margin-top:16px;display:flex}.found-actions button{flex:1}.btn-primary,.btn-soft{border:0;border-radius:18px;min-height:50px;padding:0 18px;font-size:16px}.btn-primary{background:linear-gradient(#ffd89a,#f6b35e);box-shadow:0 4px #d9924a}.btn-primary:active{transform:translateY(3px);box-shadow:0 1px #d9924a}.btn-primary:disabled{opacity:.45;transform:none}.btn-primary.small{min-height:42px;padding:0 14px;font-size:14px}.btn-soft{background:#4a3b2f14}.letter{width:min(440px,100%);max-height:calc(var(--app-h,100vh) - 40px);box-sizing:border-box;color:#3e3024;transform-origin:50% 0;border-top:8px solid #e2605a;border-radius:6px 6px 18px 18px;padding:22px 24px 20px;font-family:Bradley Hand,Segoe Print,Comic Neue,Chalkboard SE,ui-rounded,cursive;font-weight:500;animation:.5s cubic-bezier(.2,1.2,.4,1) unfold;position:relative;overflow-y:auto;box-shadow:0 12px 44px #3c281452,inset 0 0 44px #b48c502e}.letter.lore{font-style:italic}.letter-close{font-family:system-ui,sans-serif;font-style:normal;position:absolute;top:10px;right:10px}.letter-head{flex-direction:column;gap:2px;margin:0 40px 14px 0;display:flex}.letter-from{font-size:19px;font-weight:700}.letter-origin,.letter-date{opacity:.7;font-family:ui-rounded,system-ui,sans-serif;font-size:13px;font-style:normal}.letter-body p{margin:0 0 12px;font-size:17px;line-height:1.6}.letter-stickers{letter-spacing:6px;margin:4px 0 8px;font-size:34px}.letter-gift{background:#fff9;border:2px dashed #785a324d;border-radius:14px;align-items:center;gap:10px;margin-top:8px;padding:10px 12px;font-family:ui-rounded,system-ui,sans-serif;font-size:14px;font-style:normal;display:flex}.letter-gift-icon{font-size:28px}.letter-gift-note{opacity:.7}.bottle-sheet{max-height:min(88vh,780px);flex-direction:column;max-height:min(88dvh,780px);display:flex}.bottle-sheet .sheet-head{gap:10px}.tabs{flex:1}.tabs button{min-height:40px;font-size:15px}.bottle-list{flex-direction:column;gap:8px;min-height:0;display:flex;overflow-y:auto}.letter-list{flex-direction:column;gap:10px;min-height:0;display:flex}.letter-filter{scrollbar-width:none;flex-shrink:0;gap:6px;display:flex;overflow-x:auto}.letter-filter button{min-height:34px;font:inherit;color:inherit;background:#4a3b2f14;border:0;border-radius:17px;flex-shrink:0;padding:0 14px;font-size:14px}.letter-filter button.on{box-shadow:0 1px 4px #3c281433, inset 0 0 0 2px var(--accent);background:#fff}.bottle-row,.letter-row{text-align:left;background:#f5ead6;border:0;border-radius:16px;align-items:center;gap:12px;padding:10px 12px;display:flex}.bottle-row-text,.letter-row-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.bottle-row-text span,.letter-row-date{opacity:.7;font-size:12px}.letter-row-preview{opacity:.8;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.hint.small{font-size:13px;font-weight:500}.composer{flex-direction:column;flex:1;min-height:0;display:flex}.composer-scroll{-webkit-overflow-scrolling:touch;flex:1;min-height:0;padding:10px 0 8px;overflow-y:auto}.acc{background:#4a3b2f0a;border-radius:16px;margin-bottom:6px}.acc.open{background:#4a3b2f12}.acc-head{text-align:left;background:0 0;border:0;align-items:center;gap:10px;width:100%;min-height:48px;padding:8px 14px;display:flex}.acc-title{white-space:nowrap;font-size:15px;font-weight:700}.acc-sum{opacity:.7;text-align:right;white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:13px;font-weight:500;overflow:hidden}.acc-chev{opacity:.6;transition:transform .2s}.acc.open .acc-chev{transform:rotate(180deg)}.acc-body{padding:0 12px 12px;animation:.2s ease-out toast-in}.preview-bottle{opacity:.9;position:absolute;bottom:6px;right:10px}.composer h3{margin:14px 0 6px;font-size:15px}.composer h4{opacity:.75;margin:10px 0 6px;font-size:13px}.composer h3.with-action{justify-content:space-between;align-items:center;display:flex}.letter.preview{border-top-width:6px;flex:none;width:100%;min-height:96px;max-height:none;padding:14px 52px 10px 16px;animation:none;overflow:visible;box-shadow:inset 0 0 30px #b48c5024,0 2px 8px #3c28141f}.letter.preview p{margin:0 0 4px;font-size:16px;line-height:26px}.letter.preview .muted{opacity:.5}.letter.preview .letter-stickers{margin:0;font-size:26px}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{text-align:left;background:#f3e7d1;border:0;border-radius:14px;align-items:center;gap:6px;min-height:38px;padding:6px 12px;font-size:14px;font-weight:600;display:inline-flex}.chip[aria-pressed=true]{color:#fff8ec;background:#4a3b2f}.chip:disabled{opacity:.4}.chips.stickers .chip{justify-content:center;min-width:46px}.sticker-emoji{font-size:22px}.link-btn{opacity:.75;background:0 0;border:0;padding:6px 0;font-size:14px;text-decoration:underline}.link-btn.add{margin-top:10px;display:block}.stepper{align-items:center;gap:10px;margin-top:8px;display:flex}.stepper .chip{justify-content:center;min-width:42px;font-size:18px}.composer-foot{border-top:1px solid #4a3b2f1a;justify-content:space-between;align-items:center;gap:10px;padding-top:10px;display:flex}.composer-left{opacity:.8;font-size:13px}@keyframes found-in{0%{opacity:0;transform:scale(.7)translateY(20px)}}@keyframes bottle-rock{0%,to{transform:rotate(-6deg)translateY(0)}50%{transform:rotate(6deg)translateY(-4px)}}@keyframes unfold{0%{opacity:0;transform:scaleY(.4)rotate(-2deg)}60%{opacity:1}}@media (orientation:landscape) and (min-width:700px){.sheet.bottle-sheet.writing{width:min(900px,100vw)}.writing .composer{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(0,.9fr) minmax(0,1.3fr);column-gap:16px;display:grid}.writing .letter.preview{grid-area:1/1;align-self:start;margin-top:10px}.writing .composer-scroll{grid-area:1/2}.writing .composer-foot{grid-area:2/1/auto/span 2}}@media (max-height:500px){.found-bottle{height:70px}.found-card{padding:12px 18px}.letter-body p{font-size:15px;line-height:26px}}.camp-tabs{margin-bottom:10px}.camp-tabs button{justify-content:center;align-items:center;gap:6px;display:inline-flex}.camp-chest .bag-sub{margin-top:10px}.camp-grid .slot:disabled{opacity:1}.storage-sheet .sheet-body{flex-direction:column;gap:8px;display:flex}.storage-grid{grid-template-columns:repeat(auto-fill,minmax(56px,1fr))}.storage-head{justify-content:space-between;align-items:center;gap:8px;margin-top:4px;display:flex}.storage-head .site-btn{flex:none;min-height:42px}.storage-sheet .slot:disabled{cursor:default}.build-btn.on{box-shadow:0 0 0 3px var(--accent), var(--shadow);background:linear-gradient(#fff1d6,#ffd9a0)}.build-ui{pointer-events:none;position:absolute;inset:0}.build-bar{left:calc(8px + var(--safe-l));right:calc(8px + var(--safe-r));bottom:calc(10px + var(--safe-b));box-shadow:var(--shadow);-webkit-backdrop-filter:blur(6px);pointer-events:auto;background:#fffaf0db;border-radius:22px;align-items:center;gap:8px;padding:7px;animation:.22s ease-out build-up;display:flex;position:absolute}@keyframes build-up{0%{opacity:0;transform:translateY(24px)}}.build-done{background:linear-gradient(#f3f8e8,#dcebc6);border:0;border-radius:16px;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:1px;min-width:64px;height:58px;padding:2px 8px;font-size:12px;display:flex;box-shadow:0 3px #b9cf9a}.build-done:active{transform:translateY(2px);box-shadow:0 1px #b9cf9a}.build-items{touch-action:pan-x;scrollbar-width:none;flex:1;gap:6px;padding:2px;display:flex;overflow:auto hidden}.build-items::-webkit-scrollbar{display:none}.build-item{background:#ffffffbf;border:0;border-radius:16px;flex:none;place-items:center;width:58px;height:58px;padding:0;transition:transform .12s ease-out,box-shadow .12s ease-out;display:grid;position:relative}.build-item.on{box-shadow:0 0 0 2.5px var(--accent), 0 3px 0 #e7c393;background:linear-gradient(#fff6e4,#ffe2b4);transform:translateY(-3px)}.build-item .qty{background:var(--ink);color:#fff8ec;border-radius:999px;padding:0 5px;font-size:11px;line-height:16px;position:absolute;bottom:2px;right:3px}.build-cluster{right:calc(10px + var(--safe-r));bottom:calc(94px + var(--safe-b));max-width:calc(100vw - 20px - var(--safe-l) - var(--safe-r));flex-direction:column;align-items:flex-end;gap:8px;display:flex;position:absolute}.build-status{background:#fffaf0eb;border-radius:999px;align-items:center;gap:6px;max-width:100%;padding:6px 12px;font-size:13px;display:inline-flex;box-shadow:0 2px 10px #3c281424}.build-status.ok{color:#2f6b34}.build-status.bad{color:#a8433a}.build-status.hint{opacity:.92;font-weight:500}.build-keys{opacity:.6;font-weight:500}.build-actions{align-items:flex-end;gap:8px;display:flex}.build-act{background:var(--cream);min-width:60px;height:60px;box-shadow:var(--shadow);border:0;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:1px;padding:2px 5px;font-size:10.5px;line-height:1.1;display:flex}.build-act:active{transform:scale(.94)}.build-confirm{width:92px;height:92px;box-shadow:0 6px 0 #9fcf86, var(--shadow);background:linear-gradient(#f1fbe6,#cdeeb4);border:0;border-radius:30px;flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:13px;animation:.22s ease-out pop-in;display:flex}.build-confirm:active{box-shadow:0 2px 0 #9fcf86, var(--shadow);transform:translateY(4px)}.build-confirm.bad{box-shadow:0 6px 0 #d4ccb8, var(--shadow);opacity:.85;background:linear-gradient(#f6f3ea,#ebe5d6)}.build-confirm.nudge{animation:.5s ease-out build-nudge}@keyframes build-nudge{30%{transform:scale(1.12)}}body.build-mode .bottom-left{bottom:calc(96px + var(--safe-b))}@media (orientation:portrait) and (max-width:520px){.build-bar{gap:6px;padding:6px}.build-done{min-width:54px;height:54px;padding:2px 4px}.build-item{border-radius:14px;width:52px;height:52px}.build-items{gap:5px}}@media (orientation:landscape) and (max-height:599px){.build-bar{right:auto;left:calc(12px + var(--safe-l));bottom:calc(10px + var(--safe-b));max-width:calc(100vw - 360px - var(--safe-l) - var(--safe-r))}.build-cluster{right:calc(14px + var(--safe-r));bottom:calc(10px + var(--safe-b));max-width:330px}.build-confirm{width:84px;height:84px}.build-act{min-width:56px;height:56px}}@media (min-width:700px) and (min-height:600px){.build-bar{left:50%;right:auto;bottom:calc(18px + var(--safe-b));max-width:min(600px,100vw - 460px);animation:none;transform:translate(-50%)}.build-cluster{right:calc(20px + var(--safe-r));bottom:calc(22px + var(--safe-b))}}.site-stage{flex-direction:column;gap:10px;display:flex}.site-text{margin:0;font-size:14.5px;line-height:1.35}.site-lines{flex-direction:column;gap:6px;display:flex}.site-line{background:#f6ead6;border-radius:14px;grid-template-columns:30px minmax(0,1fr) 70px auto;grid-template-areas:"icon name meter count""icon have have have";align-items:center;column-gap:8px;padding:6px 10px;display:grid}.site-line>:first-child{grid-area:icon}.site-line-name{grid-area:name;font-size:14px;font-weight:600}.site-line b{font-variant-numeric:tabular-nums;grid-area:count}.site-line.full{background:#e3f3dc}.site-meter{background:#4a3b2f1f;border-radius:99px;grid-area:meter;height:8px;overflow:hidden}.site-meter>span{background:#8ccf7a;border-radius:99px;height:100%;display:block}.site-have{opacity:.7;grid-area:have;font-size:12px}.site-ready{color:#2f6d33;margin:0;font-weight:700}.site-stage .craft-go{flex:none}.site-sheet .craft-go.start:not(:disabled){background:#6fb35f;box-shadow:0 4px #4f8f43}.site-progress{background:#4a3b2f1f;border-radius:99px;height:16px;overflow:hidden}.site-progress-bar{background:linear-gradient(90deg,#f2c56b,#f6a55a);border-radius:99px;height:100%;transition:width .9s linear}.site-remaining{font-variant-numeric:tabular-nums;align-items:center;gap:6px;margin:0;font-size:18px;font-weight:700;display:flex}.site-row{gap:8px;display:flex}.site-btn{cursor:pointer;background:#f1e2c9;border:0;border-radius:16px;flex:1;min-height:48px;padding:0 16px;font-size:15px;font-weight:700}.site-btn.ghost{opacity:.75;background:0 0;flex:none;align-self:flex-start;text-decoration:underline}.site-btn.warn{background:#f3b0a0}.site-ask p{margin:0 0 8px;font-size:14.5px}.site-timer{background:var(--cream-solid);font-variant-numeric:tabular-nums;min-height:34px;color:inherit;pointer-events:auto;cursor:pointer;will-change:transform;z-index:2;border:0;border-radius:99px;align-items:center;gap:4px;padding:4px 10px 4px 7px;font-size:15px;font-weight:750;display:flex;position:absolute;top:0;left:0;box-shadow:0 3px 10px #3c281438}.craft-sheet .sheet-body{flex-direction:column;gap:10px;display:flex;overflow:hidden}.craft-sheet:not(.bench-sheet) .craft-list{overscroll-behavior:contain;flex:auto;min-height:0;padding-bottom:6px;overflow-y:auto}.craft-intro{margin:0;font-size:15px;line-height:1.35}.craft-sub{letter-spacing:.04em;text-transform:uppercase;opacity:.6;margin:2px 2px 4px;font-size:12px;font-weight:700}.craft-hint{opacity:.75;margin:2px 0;font-size:14px}.craft-list{flex-direction:column;gap:6px;display:flex}.craft-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px;display:grid}.craft-row{text-align:left;cursor:pointer;background:#f6ead6;border:2px solid #0000;border-radius:14px;align-items:center;gap:8px;min-height:52px;padding:6px 10px 6px 8px;display:flex}.craft-row.cannot{opacity:.62}.craft-row.have{opacity:.5}.craft-row.full .craft-badge{color:#a03c2c;white-space:normal;text-align:center;background:#fde3dc;flex-shrink:1;line-height:1.15}.craft-full{color:#a03c2c;opacity:1;margin:0 0 6px;font-weight:600}.craft-row.on{border-color:var(--accent);opacity:1;background:#fff1dc}.craft-name{flex-direction:column;flex:1;font-size:14px;font-weight:600;line-height:1.15;display:flex}.craft-from{opacity:.7;font-size:11.5px;font-weight:500}.craft-head{flex-direction:column;gap:8px;display:flex}.craft-badge{white-space:nowrap;background:#4a3b2f14;border-radius:99px;padding:2px 7px;font-size:12px;font-weight:700}.craft-row.can .craft-badge{color:#2f6d33;background:#cfeec4}.craft-detail{background:var(--cream-solid);border-top:1px solid #4a3b2f1f;flex-direction:column;flex:none;gap:8px;margin:0 -4px;padding:10px 6px 4px;display:flex}.craft-out{align-items:center;gap:8px;font-size:16px;display:flex}.craft-yield{color:#2f6d33;font-weight:700}.craft-chips{flex-wrap:wrap;gap:6px;display:flex}.craft-chip{background:#e9f5e4;border-radius:99px;align-items:center;gap:5px;padding:4px 9px 4px 5px;font-size:13px;display:inline-flex}.craft-chip.short{color:#a03c2c;background:#fde3dc}.craft-chip b{font-variant-numeric:tabular-nums}.craft-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.craft-qty{align-items:center;gap:4px;display:flex}.craft-step,.craft-all{cursor:pointer;background:#f1e2c9;border:0;border-radius:14px;min-width:46px;height:46px;font-size:22px;font-weight:700}.craft-all{padding:0 12px;font-size:15px}.craft-step:disabled,.craft-all:disabled{opacity:.4}.craft-n{text-align:center;font-variant-numeric:tabular-nums;min-width:34px;font-size:19px;font-weight:700}.craft-go{background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:18px;flex:160px;justify-content:center;align-items:center;gap:8px;min-height:52px;padding:0 18px;font-size:17px;font-weight:700;display:inline-flex;box-shadow:0 4px #d9853c}.craft-go:disabled{cursor:default;background:#d9cdbb;box-shadow:0 4px #c4b7a3}.craft-last{color:#2f6d33;margin:0;font-size:14px;font-weight:600}.bench-sheet .craft-go{flex:none;margin-top:4px}@media (max-height:520px) and (orientation:landscape){.craft-grid{grid-template-columns:1fr 1fr}.craft-row{min-height:46px}.craft-chip-name{display:none}.craft-head{flex-flow:wrap;align-items:center;gap:6px 12px}.craft-detail{gap:6px;padding-top:8px}.craft-actions{flex-wrap:nowrap}.craft-step,.craft-all{min-width:42px;height:42px}.craft-go{min-height:46px;font-size:16px}}.fish-game{right:calc(18px + var(--safe-r));bottom:calc(152px + var(--safe-b));background:var(--cream-solid);width:min(280px,100vw - 36px);box-shadow:var(--shadow);border:0;border-radius:20px;flex-direction:column;gap:8px;padding:10px 14px 12px;animation:.2s ease-out pop-in;display:flex;position:absolute}.fish-game-hint{opacity:.8;font-size:13px}.fish-bar{background:linear-gradient(90deg,#cfe7f2,#e6f3f8 50%,#cfe7f2);border-radius:99px;height:22px;position:relative;box-shadow:inset 0 2px 4px #28465a2e}.fish-zone{background:linear-gradient(#9ee08a,#74c865);border-radius:99px;position:absolute;top:3px;bottom:3px}.fish-marker{box-sizing:border-box;background:#fffaf0;border:4px solid #e2605a;border-radius:50%;width:26px;height:26px;margin:-13px 0 0 -13px;position:absolute;top:50%;box-shadow:0 2px 6px #3c28144d}.fish-tries{justify-content:center;gap:5px;display:flex}.fish-tries>span{background:#74c865;border-radius:50%;width:8px;height:8px}.fish-tries>span.used{background:#4a3b2f2e}.fish-card-backdrop{pointer-events:auto;background:radial-gradient(circle at 50% 45%,#fff4d68c,#281e1447);place-items:center;animation:.25s ease-out toast-in;display:grid;position:absolute;inset:0}.fish-card{background:var(--cream-solid);text-align:center;border-radius:28px;width:min(300px,100vw - 48px);padding:18px 18px 16px;animation:.42s cubic-bezier(.2,1.4,.4,1) fish-card-in;position:relative;box-shadow:0 10px 34px #3c281447}.fish-card-title{letter-spacing:.04em;opacity:.65;text-transform:uppercase;font-size:14px}.fish-card-art{margin:6px auto 2px;animation:1.6s ease-in-out infinite fish-wiggle}.fish-card-name{font-size:24px}.fish-card-size{opacity:.75;margin-top:2px;font-size:15px}.fish-card-ok{background:linear-gradient(#fff6e4,#ffe7c4);border:0;border-radius:18px;min-width:140px;min-height:48px;margin-top:14px;font-size:17px;box-shadow:0 4px #e7c393}.fish-card-ok:active{transform:translateY(3px);box-shadow:0 1px #e7c393}.fish-badge{color:#fff;border-radius:12px;padding:5px 12px;font-size:14px;position:absolute;top:12px;right:-8px;transform:rotate(8deg);box-shadow:0 3px 8px #3c281440}.fish-badge.new{background:#e2605a}.fish-badge.record{background:#e8a93c}.fish-card.rarity-rare{box-shadow:0 0 0 4px #bfe3ff,0 10px 34px #3c281447}.fish-card.rarity-legendary{box-shadow:0 0 0 4px #ffd166,0 0 40px #ffd166b3,0 10px 34px #3c281447}.fish-book-count{opacity:.6;margin-left:4px;font-size:14px}.fish-book-hint{opacity:.7;margin:-4px 0 10px;font-size:13px}.fish-grid{grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:8px;padding-bottom:4px;display:grid}.fish-entry{text-align:center;background:#f5ead6;border-radius:16px;flex-direction:column;align-items:center;gap:2px;padding:8px 4px 6px;display:flex;box-shadow:inset 0 -3px #4a3b2f14}.fish-entry.unknown{box-shadow:none;background:#4a3b2f0d}.fish-entry-name{font-size:12px;line-height:1.15}.fish-entry.unknown .fish-entry-name{opacity:.45}.fish-entry-meta{opacity:.65;font-size:11px}.fish-art.unknown{opacity:.55}@keyframes fish-card-in{0%{opacity:0;transform:scale(.6)translateY(30px)}to{opacity:1;transform:none}}@keyframes fish-wiggle{0%,to{transform:rotate(-4deg)}50%{transform:rotate(4deg)translateY(-3px)}}.site-card{box-sizing:border-box;background:var(--cream-solid);color:#3f3025;pointer-events:none;opacity:0;will-change:transform, opacity;z-index:3;border-radius:15px;width:min(290px,100% - 24px);padding:9px 13px 10px;transition:opacity .18s ease-out;position:absolute;top:0;left:0;box-shadow:0 4px 14px #3c281438}.site-card.placed{opacity:1}.site-card:after{content:"";left:var(--tail-x,50%);border:7px solid #0000;border-bottom:0;border-top-color:var(--cream-solid);margin-left:-7px;position:absolute;bottom:-7px}.site-card.no-tail:after{display:none}.site-card-title{align-items:center;gap:6px;margin-bottom:3px;font-size:15px;font-weight:750;display:flex}.site-card-text,.site-card-sign{margin:0;font-size:13.5px;line-height:1.35}.site-card-sign{color:#6b5646;margin-top:5px;font-style:italic}.iris{pointer-events:none;background:radial-gradient(circle at var(--ix,50%) var(--iy,50%), #1d151100 0, #1d151100 var(--ir,0px), #1d15118c calc(var(--ir,0px) + 6px), #1d1511 calc(var(--ir,0px) + 18px));display:none;position:absolute;inset:0}.iris.on{display:block}.avatar-layer{pointer-events:auto;justify-content:center;align-items:flex-end;display:flex;position:absolute;inset:0}.avatar-panel{box-sizing:border-box;background:var(--cream-solid);width:min(520px,100vw);padding:16px 16px calc(16px + var(--safe-b));border-radius:26px 26px 0 0;animation:.25s ease-out sheet-in;box-shadow:0 -6px 24px #3c281433}.avatar-panel h2{margin:0;font-size:20px}.avatar-sub{opacity:.8;margin:4px 0 0;font-weight:500}.avatar-label{opacity:.85;margin:12px 0 6px;font-size:13px;font-weight:700}.avatar-furname{font-weight:500}.avatar-species{grid-auto-columns:1fr;grid-auto-flow:column;gap:6px;display:grid}.avatar-species button{background:#f5ead6;border:0;border-radius:16px;flex-direction:column;align-items:center;gap:2px;min-width:0;min-height:64px;padding:8px 2px 6px;transition:transform .12s;display:flex;box-shadow:inset 0 -3px #4a3b2f14}.avatar-species button.on{outline:3px solid var(--accent);background:#fff;transform:translateY(-2px)}.avatar-icon{font-size:26px;line-height:1.1}.avatar-name{font-size:12px}.avatar-furs{flex-wrap:wrap;gap:10px;display:flex}.avatar-furs button{width:44px;height:44px;box-shadow:var(--shadow);border:3px solid #fff;border-radius:50%}.avatar-furs button.on{outline:3px solid var(--accent);outline-offset:2px}.avatar-actions{gap:10px;margin-top:16px;display:flex}.avatar-actions button{border:0;border-radius:16px;flex:1;min-height:50px;font-size:16px}.avatar-go{background:var(--accent);color:#fff;box-shadow:0 4px #d9853c}.avatar-cancel{background:#4a3b2f1a}@media (orientation:landscape) and (min-width:600px){.avatar-layer{padding-right:calc(16px + var(--safe-r));justify-content:flex-end;align-items:center}.avatar-panel{width:min(380px,44vw);max-height:calc(var(--app-h,100vh) - 32px);box-shadow:var(--shadow);border-radius:26px;overflow-y:auto}}#ui:has(.avatar-layer) .action-btn{display:none}.quest-line{pointer-events:auto;min-height:38px;max-width:min(340px, calc(100vw - 96px - var(--safe-l) - var(--safe-r)));background:var(--cream);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(6px);text-align:left;border:0;border-radius:14px;align-items:center;gap:7px;padding:6px 8px 6px 9px;font-size:13px;line-height:1.2;animation:.35s ease-out quest-in;display:flex}.quest-line.open{outline:2px solid var(--accent)}.quest-line-text{flex-direction:column;flex:auto;min-width:0;display:flex}.quest-line-title,.quest-line-goal{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.quest-line-title{font-size:13.5px}.quest-line-goal{opacity:.8;font-size:12px;font-weight:500}.quest-line-goal:empty{display:none}.quest-line-progress{font-variant-numeric:tabular-nums;background:#f6dcb8;border-radius:99px;flex:none;padding:2px 8px;font-size:12.5px}.quest-line-more{opacity:.6;flex:none;font-size:11px}@keyframes quest-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.top-left:has(.quest-panel){z-index:6}.quest-backdrop{pointer-events:auto;background:#3c28141f;position:fixed;inset:0}.quest-panel{pointer-events:auto;width:min(360px, calc(100vw - 24px - var(--safe-l) - var(--safe-r)));max-height:calc(var(--app-h,100dvh) - 150px - var(--safe-t) - var(--safe-b));background:var(--cream-solid);box-shadow:var(--shadow);border-radius:18px;flex-direction:column;animation:.2s ease-out quest-in;display:flex;position:relative}.quest-panel-head{align-items:center;gap:6px;padding:10px 10px 6px 14px;display:flex}.quest-panel-head strong{flex:1}.quest-panel .close{background:#4a3b2f14;border:0;border-radius:50%;width:32px;height:32px}.quest-list{gap:8px;margin:0;padding:0 10px;list-style:none;display:grid;overflow:auto}.quest-item{text-align:left;background:#ffffffbf;border:2px solid #0000;border-radius:14px;flex-direction:column;gap:3px;width:100%;padding:9px 12px;font-size:13px;display:flex}.quest-item.on{border-color:var(--accent);background:#fff3e2}.quest-item-head{align-items:center;gap:6px;display:flex}.quest-item-head strong{flex:1;font-size:14px}.quest-tag{text-transform:uppercase;letter-spacing:.04em;background:#cfe6d5;border-radius:8px;padding:1px 6px;font-size:11px}.quest-item-progress{font-variant-numeric:tabular-nums;opacity:.75}.quest-item-summary{opacity:.8;font-weight:500}.quest-goals{gap:2px;margin-top:2px;display:grid}.quest-goal{align-items:center;gap:6px;font-weight:550;display:flex}.quest-goal.done{opacity:.55}.quest-goal.done .quest-goal-text{text-decoration:line-through}.quest-goal-mark{text-align:center;width:14px}.quest-goal-text{flex:1}.quest-goal-count{font-variant-numeric:tabular-nums;opacity:.75}.quest-item-state{opacity:.65;align-self:flex-end;font-size:11.5px}.quest-hint{opacity:.75;margin:8px 14px 12px;font-size:12px;font-weight:500}@media (orientation:landscape) and (max-height:599px){.quest-line{min-height:34px;max-width:min(320px, calc(100vw - 480px - var(--safe-l) - var(--safe-r)));padding:4px 8px 4px 9px}.quest-panel{max-height:calc(var(--app-h,100dvh) - 108px - var(--safe-t) - var(--safe-b))}}.dev-quests{border-collapse:collapse;width:100%;font-size:12.5px}.dev-quests td{white-space:nowrap;border-bottom:1px solid #4a3b2f1a;padding:3px 4px}.dev-quests td:first-child{white-space:normal}.dev-quests tr.on{background:#fff3e2}.dev-quests button{background:#e9e0cf;border:0;border-radius:8px;min-width:32px;min-height:28px}@media (max-width:340px){.quest-line-goal{display:none}}.toolbar{-webkit-backdrop-filter:blur(6px);pointer-events:auto;background:#fffaf09e;border-radius:18px;flex-wrap:wrap;gap:6px;max-width:100%;padding:5px;display:flex;box-shadow:0 2px 12px #3c281424}.tool-slot{background:#fffaf0e6;border:0;border-radius:14px;place-items:center;width:46px;height:46px;padding:0;transition:transform .12s ease-out,box-shadow .12s ease-out;display:grid;position:relative}.tool-slot.on{box-shadow:0 0 0 2.5px var(--accent), 0 3px 0 #e7c393;background:linear-gradient(#fff6e4,#ffe2b4);transform:translateY(-3px)}.tool-slot:active{transform:scale(.94)}.tool-key{opacity:.55;font-size:10px;position:absolute;top:2px;left:5px}.tool-pips{gap:2px;display:flex;position:absolute;bottom:3px;right:4px}.tool-pips>i{background:var(--accent);border-radius:50%;width:4px;height:4px}@media (orientation:portrait) and (max-width:520px){.toolbar{flex-wrap:nowrap;gap:4px;padding:4px}.tool-slot{border-radius:12px;width:40px;height:40px}.tool-slot[data-tool=hand]{display:none}}@media (min-width:700px) and (min-height:600px){.toolbar{left:50%;top:calc(var(--app-h,100dvh) - 22px - var(--safe-b));flex-wrap:nowrap;gap:8px;padding:6px;position:fixed;bottom:auto;transform:translate(-50%,-100%)}.tool-slot{width:54px;height:54px}.tool-key{font-size:11px}}.vd-layer{pointer-events:auto;padding:0 12px calc(18px + var(--safe-b));box-sizing:border-box;justify-content:center;align-items:flex-end;display:flex;position:absolute;inset:0}.vd-box{box-sizing:border-box;background:var(--cream-solid);border-radius:24px;width:min(560px,100%);padding:26px 20px 16px;animation:.22s ease-out sheet-in;position:relative;box-shadow:0 8px 28px #3c281440}.vd-head{pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:absolute;top:-18px;left:16px;right:16px}.vd-name{color:#fff;background:#e8a33d;border-radius:999px;padding:6px 16px;font-size:16px;transform:rotate(-2deg);box-shadow:0 3px #c9852a}.vd-hearts{background:var(--cream-solid);box-shadow:var(--shadow);letter-spacing:2px;color:#4a3b2f33;border-radius:999px;padding:4px 10px;position:relative}.vd-hearts .on{color:#f0708a}.vd-gain{color:#f0708a;letter-spacing:0;font-size:14px;animation:1.6s ease-out forwards vd-rise;position:absolute;top:-20px;right:4px}.vd-text{min-height:3em;margin:0;font-size:17px;font-weight:550;line-height:1.45}.vd-rest{visibility:hidden}.vd-more{opacity:.55;font-size:12px;animation:.9s ease-in-out infinite vd-bob;position:absolute;bottom:8px;right:18px}.vd-choices{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.vd-choice{background:#f5ead6;border:0;border-radius:16px;flex:140px;min-height:48px;padding:8px 12px;box-shadow:inset 0 -3px #4a3b2f14}.vd-choice.main{background:var(--accent);color:#fff;box-shadow:0 3px #d9853c}.vd-choice:disabled{opacity:.55;cursor:default}.vd-note{font-size:12px;font-weight:500;display:block}.vd-gift-backdrop{z-index:1}@media (orientation:landscape) and (max-height:500px){.vd-text{min-height:2.2em;font-size:15px}.vd-box{padding-top:22px}}@keyframes vd-rise{0%{opacity:0;transform:translateY(8px)}20%{opacity:1}to{opacity:0;transform:translateY(-12px)}}@keyframes vd-bob{50%{transform:translateY(3px)}}#ui:has(.vd-layer) .action-btn{display:none}.perf-wrap{position:relative}.perf-btn{font-variant-numeric:tabular-nums;-webkit-backdrop-filter:none;background:var(--cream-solid);contain:layout paint style;flex-direction:column;justify-content:center;align-items:center;gap:0;line-height:1;display:flex}.perf-fps{font-size:19px;font-weight:800}.perf-unit{opacity:.6;margin-top:1px;font-size:9.5px}.perf-bars{margin-top:3px}.perf-bars rect{fill:#4a3b2f38}.perf-bars rect.on{fill:var(--ink)}.perf-bars text{fill:#c9855a;font:800 8px/1 system-ui,sans-serif}.perf-btn.perf-good .perf-fps{color:#2f7d47}.perf-btn.perf-ok .perf-fps{color:#a8721a}.perf-btn.perf-bad .perf-fps{color:#b5442f}.perf-info{white-space:nowrap;color:#fffaf0;box-shadow:var(--shadow);pointer-events:none;z-index:2;background:#3a4a5ceb;border-radius:10px;padding:6px 10px;font-size:12px;position:absolute;top:calc(100% + 8px);right:0}#ui:has(.perf-btn) .hud{max-width:calc(100vw - 230px - var(--safe-l) - var(--safe-r))}@media (orientation:portrait) and (max-width:400px){#ui:has(.perf-btn) .hud{grid-template-rows:auto auto;grid-template-columns:minmax(0,auto) auto;column-gap:5px;padding:6px 10px 7px}#ui:has(.perf-btn) .hud-clock{grid-area:1/1/auto/span 2;font-size:21px;line-height:1.05}#ui:has(.perf-btn) .hud-day{text-overflow:ellipsis;white-space:nowrap;grid-area:2/1;min-width:0;font-size:12px;overflow:hidden}#ui:has(.perf-btn) .hud-season{grid-area:2/2}#ui:has(.perf-btn) .hud-season-name{display:none}}@media (orientation:portrait) and (max-width:340px){#ui:has(.perf-btn) .hud{grid-template-columns:auto;padding:6px 8px 7px}#ui:has(.perf-btn) .hud-clock{grid-column:1}#ui:has(.perf-btn) .hud-day{font-size:11.5px}#ui:has(.perf-btn) .hud-season{display:none}}@media (orientation:landscape) and (max-height:599px){#ui:has(.perf-btn) .hud-season-name{display:none}#ui:has(.perf-btn) .hud{max-width:none}}.dev-build{margin-bottom:10px}.dev-build-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.dev-version{opacity:.8;flex:160px;font:600 12.5px/1.3 ui-monospace,SFMono-Regular,Menlo,monospace}.dev-build-row button,.dev-quick button{background:#e9e0cf;border:0;border-radius:11px;align-items:center;gap:5px;min-height:36px;padding:0 12px;font-size:13.5px;display:inline-flex}.dev-report-text{min-height:150px;margin-top:6px;font:500 11.5px/1.35 ui-monospace,SFMono-Regular,Menlo,monospace}.dev-quick{border-bottom:1px solid #4a3b2f1f;flex-wrap:wrap;gap:6px;padding:8px 0 10px;display:flex}.dev-quick button{flex:auto;justify-content:center}.dev-tabs{scrollbar-width:none;touch-action:pan-x;flex-wrap:nowrap;gap:2px;padding:10px 0 4px;display:flex;overflow-x:auto}.dev-tabs::-webkit-scrollbar{display:none}.dev-tabs button{white-space:nowrap;opacity:.7;background:0 0;border:0;border-radius:999px;flex:1 0 auto;min-height:34px;padding:0 6px;font-size:13.5px;font-weight:650}@media (max-width:430px){.dev-tabs{gap:0}.dev-tabs button{padding:0 4px;font-size:11.5px}}.dev-tabs button[aria-selected=true]{background:var(--ink);color:#fffaf0;opacity:1}.perf-head{margin-bottom:6px}.perf-curve{background:#4a3b2f12;border-radius:10px;width:100%;height:70px;display:block}.perf-curve polyline{fill:none;stroke:#c9855a;stroke-width:1.5px;vector-effect:non-scaling-stroke}.perf-curve line{stroke-width:1px;stroke-dasharray:4 4;vector-effect:non-scaling-stroke}.perf-line60{stroke:#2f7d47}.perf-line30{stroke:#b5442f}.perf-legend{opacity:.6;margin:3px 0 8px;font-size:11px}.perf-grid{grid-template-columns:auto 1fr;gap:3px 12px;margin:0;font-size:13px;display:grid}.perf-grid dt{opacity:.7}.perf-grid dd{font-variant-numeric:tabular-nums;margin:0}.dev-confirm{background:#fbe3d8;border-radius:12px;margin:8px 0 10px;padding:10px 12px}.dev-confirm p{margin:0 0 8px;font-size:13.5px;font-weight:600}.dev-confirm .dev-confirm-yes{background:#e7a58e}.dev-shot-img{-webkit-touch-callout:default;-webkit-user-select:auto;user-select:auto;border-radius:10px;width:100%;margin-top:6px;display:block}:root{--ink:#4a3b2f;--cream:#fffaf0e6;--cream-solid:#fffaf0;--shadow:0 4px 16px #3c28142e;--accent:#f6a55a;--safe-t:env(safe-area-inset-top,0px);--safe-r:env(safe-area-inset-right,0px);--safe-b:env(safe-area-inset-bottom,0px);--safe-l:env(safe-area-inset-left,0px);--edge:12px;color:var(--ink);font:600 15px/1.3 ui-rounded,SF Pro Rounded,Nunito,system-ui,-apple-system,Segoe UI,sans-serif}#ui{height:100vh;height:var(--app-h,100dvh);pointer-events:none;z-index:5;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;position:fixed;top:0;left:0;right:0}#ui button,#ui .sheet-backdrop,#ui .dev-panel{pointer-events:auto}button{font:inherit;color:inherit;-webkit-tap-highlight-color:transparent;touch-action:manipulation;cursor:pointer}[data-scroll]{touch-action:pan-y;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.icon{vertical-align:-.18em;flex:none;display:inline-block;overflow:visible}.icon-text{width:auto;line-height:1}.top-left{top:calc(var(--edge) + var(--safe-t));left:calc(var(--edge) + var(--safe-l));pointer-events:none;flex-direction:column;align-items:flex-start;gap:8px;display:flex;position:absolute}.hud{background:var(--cream);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(6px);max-width:calc(100vw - 170px - var(--safe-l) - var(--safe-r));white-space:nowrap;border-radius:16px;align-items:center;gap:6px;padding:8px 14px;font-size:14px;display:flex;overflow:hidden}.hud-clock{font-variant-numeric:tabular-nums;font-size:17px}.hud-sep{opacity:.4}.hud-season{align-items:center;gap:4px;display:inline-flex}@media (orientation:portrait) and (max-width:520px){.hud{border-radius:18px;grid-template-rows:auto auto;grid-template-columns:auto auto;gap:0 10px;padding:7px 14px 8px;display:grid}.hud-sep{display:none}.hud-clock{grid-row:1/span 2;align-self:center;font-size:24px}.hud-day{font-size:13px}.hud-season{opacity:.85;font-size:13px}}.top-right{top:calc(10px + var(--safe-t));right:calc(10px + var(--safe-r));flex-direction:column;align-items:flex-end;gap:10px;display:flex;position:absolute}.top-row{align-items:flex-start;gap:8px;display:flex;position:relative}.hud-buttons{flex-direction:column;align-items:flex-end;gap:12px;display:flex}.hud-buttons:empty{display:none}@media (orientation:landscape) and (max-height:599px){.top-right{grid-template-areas:"rail top"".compass";place-items:start end;gap:10px 8px;display:grid}.top-row{grid-area:top}.hud-buttons{flex-direction:row-reverse;grid-area:rail;gap:8px}}.compass-btn{background:var(--cream);width:48px;height:48px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(6px);visibility:hidden;opacity:0;border:0;border-radius:50%;place-items:center;margin-right:4px;padding:0;transition:opacity .2s,transform .2s,visibility 0s linear .2s;display:grid;transform:scale(.7)}.compass-btn.shown{visibility:visible;opacity:1;transition:opacity .2s,transform .25s cubic-bezier(.3,1.5,.5,1),visibility;transform:scale(1)}.compass-btn.shown:active{transform:scale(.92)}@media (orientation:landscape) and (max-height:599px){.compass-btn{grid-area:compass;width:44px;height:44px;margin-right:6px}}.round-btn{background:var(--cream);width:56px;height:56px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(6px);border:0;border-radius:18px;place-items:center;padding:0;display:grid;position:relative}.round-btn:active,.mini-btn:active{transform:scale(.94)}.badge{background:var(--ink);color:#fff8ec;border-radius:999px;padding:2px 6px;font-size:11px;position:absolute;bottom:-6px;right:-4px}.bottom-left{left:calc(var(--edge) + var(--safe-l));bottom:calc(26px + var(--safe-b));width:min(360px, calc(100vw - 160px - var(--safe-l) - var(--safe-r)));pointer-events:none;flex-direction:column;align-items:flex-start;gap:8px;display:flex;position:absolute}@media (orientation:landscape) and (max-height:599px){.bottom-left{left:calc(var(--edge) + var(--safe-l) + 8px);bottom:calc(18px + var(--safe-b));width:min(380px, calc(100vw - 160px - var(--safe-l) - var(--safe-r)))}}.cam-btns{-webkit-backdrop-filter:blur(6px);background:#fffaf08c;border-radius:16px;gap:6px;padding:4px;display:flex;box-shadow:0 2px 10px #3c28141f}.mini-btn{background:#fffaf0d9;border:0;border-radius:13px;place-items:center;width:44px;height:44px;padding:0;display:grid}.action-btn{right:calc(18px + var(--safe-r));bottom:calc(26px + var(--safe-b));min-width:112px;min-height:112px;box-shadow:0 6px 0 #e7c393, var(--shadow);background:linear-gradient(#fff6e4,#ffe7c4);border:0;border-radius:34px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:12px 14px 14px;animation:.22s ease-out pop-in;display:flex;position:absolute}.action-btn:active{box-shadow:0 2px 0 #e7c393, var(--shadow);transform:translateY(4px)}.action-alt{right:calc(18px + 24px + var(--safe-r));bottom:calc(26px + 112px + 14px + var(--safe-b));width:64px;height:64px;box-shadow:0 4px 0 #e2c093, var(--shadow);background:linear-gradient(#fff6e4,#f6e2c2);border:0;border-radius:22px;flex-direction:column;justify-content:center;align-items:center;gap:1px;padding:2px;font-size:11px;line-height:1.1;animation:.22s ease-out pop-in;display:flex;position:absolute}.action-alt:active{box-shadow:0 1px 0 #e2c093, var(--shadow);transform:translateY(3px)}@media (orientation:landscape) and (max-height:599px){.action-alt{right:calc(18px + 16px + var(--safe-r));bottom:calc(18px + 96px + 12px + var(--safe-b))}}.action-btn.muted{box-shadow:0 6px 0 #d4ccb8, var(--shadow);background:linear-gradient(#f6f3ea,#ebe5d6)}.action-icon{place-items:center;height:42px;line-height:1;display:grid}.action-label{font-size:16px}.action-sub{opacity:.7;max-width:120px;font-size:12px}.progress{background:#4a3b2f26;border-radius:99px;width:76px;height:7px;margin-top:4px;overflow:hidden}.progress>span{background:#7dc56a;height:100%;display:block}.toasts{flex-direction:column;align-items:flex-start;gap:6px;width:100%;display:flex}.toast{box-sizing:border-box;background:var(--cream);-webkit-backdrop-filter:blur(6px);text-align:left;border-radius:14px;align-items:center;gap:7px;max-width:100%;padding:7px 13px 7px 9px;font-size:14px;animation:.25s ease-out toast-in;display:flex;box-shadow:0 3px 12px #3c281429}.toast.bump{animation:.3s ease-out toast-bump}@keyframes toast-bump{0%{transform:scale(1)}40%{transform:scale(1.05)}to{transform:scale(1)}}.toast-icon{place-items:center;display:grid}.sheet-backdrop{background:#281e142e;justify-content:center;align-items:flex-end;display:flex;position:absolute;inset:0}.sheet{width:min(520px,100vw);max-height:calc(100% - 70px - var(--safe-t));box-sizing:border-box;background:var(--cream-solid);padding:16px calc(16px + var(--safe-r)) calc(18px + var(--safe-b)) calc(16px + var(--safe-l));border-radius:26px 26px 0 0;flex-direction:column;animation:.22s ease-out sheet-in;display:flex;box-shadow:0 -6px 24px #3c281433}.sheet-body{min-height:0;margin:0 -4px;padding:2px 4px 4px;overflow-y:auto}.sheet-head{flex:none;justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.sheet h2{align-items:center;gap:8px;margin:0;font-size:18px;display:flex}.close{background:#4a3b2f14;border:0;border-radius:14px;flex:none;place-items:center;width:44px;height:44px;padding:0;display:grid}@media (min-width:700px) and (min-height:600px){.sheet-backdrop{align-items:center}.sheet{border-radius:26px;max-height:min(680px,100% - 80px);padding:18px}}@media (orientation:landscape) and (max-height:599px){.sheet-backdrop{justify-content:flex-end;align-items:stretch}.sheet{width:min(400px,56vw);height:100%;max-height:none;padding:calc(12px + var(--safe-t)) calc(14px + var(--safe-r)) calc(12px + var(--safe-b)) 16px;border-radius:26px 0 0 26px;animation:.22s ease-out panel-in;box-shadow:-6px 0 24px #3c281433}.action-btn{min-width:96px;min-height:96px;bottom:calc(18px + var(--safe-b));border-radius:30px}.hud{padding:7px 12px;font-size:13px}}.grid{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.slot{aspect-ratio:1;background:#f5ead6;border:0;border-radius:16px;place-items:center;padding:0;display:grid;position:relative;box-shadow:inset 0 -3px #4a3b2f14}.slot.empty{box-shadow:none;background:#4a3b2f0d}.slot.sel{outline:3px solid var(--accent)}.slot-icon{width:62%;height:62%}.qty{font-size:12px;position:absolute;bottom:4px;right:6px}.slot-info{text-align:center;justify-content:center;align-items:center;gap:6px;min-height:24px;margin-top:12px;font-size:14px;display:flex}.item-actions{justify-content:center;gap:8px;margin-top:8px;display:flex}.item-action{background:linear-gradient(#fff6e4,#ffe7c4);border:0;border-radius:14px;align-items:center;gap:6px;padding:8px 14px;display:inline-flex;box-shadow:0 3px #e7c393}.item-action:active{transform:translateY(2px);box-shadow:0 1px #e7c393}.badge.full{background:#c0584e}.sheet-count{opacity:.6;margin-left:2px;font-size:13px;font-weight:600}.wallet{justify-content:flex-end;gap:14px;margin:-4px 2px 10px;font-size:15px;display:flex}.wallet-item{background:#4a3b2f0f;border-radius:999px;align-items:center;gap:5px;padding:3px 10px 3px 6px;display:inline-flex}.bag-sub{opacity:.75;margin:14px 2px 6px;font-size:13px}.bag-sub-note{font-weight:500}.belt-row{flex-wrap:wrap;gap:8px;display:flex}.belt-tool{background:#f5ead6;border-radius:14px;place-items:center;width:48px;height:48px;display:grid;position:relative}.belt-tool.missing{background:#4a3b2f0d}.belt-tool.missing .icon{opacity:.28;filter:grayscale()}.belt-pips{justify-content:center;gap:3px;display:flex;position:absolute;bottom:3px;left:0;right:0}.belt-pips i{background:#4a3b2f33;border-radius:50%;width:5px;height:5px}.belt-pips i.on{background:var(--accent)}.seed-list{flex-direction:column;gap:8px;display:flex}.seed{text-align:left;background:#f5ead6;border:0;border-radius:16px;align-items:center;gap:10px;min-height:56px;padding:10px 14px;display:flex;position:relative}.seed-dot{border-radius:3px;width:5px;height:26px;margin-top:-13px;position:absolute;top:50%;left:6px}.seed.off{opacity:.55}.seed-name{flex:1}.seed-note{opacity:.8;font-size:12px}.hint{opacity:.8;margin:4px 0 8px}@media (orientation:landscape) and (max-height:599px){.grid{grid-template-columns:repeat(4,1fr)}}.stick{background:#fffaf042;border:2px solid #fffaf0b3;border-radius:50%;place-items:center;width:116px;height:116px;margin:-58px 0 0 -58px;display:grid;position:absolute}.stick-knob{width:52px;height:52px;box-shadow:var(--shadow);background:#fffaf0eb;border-radius:50%}.settings{flex-direction:column;gap:14px;display:flex}.settings-row{text-align:left;background:#f5ead6;border:0;border-radius:16px;align-items:center;gap:12px;width:100%;min-height:56px;padding:8px 14px;display:flex}.settings-row>span:nth-child(2){flex:1}.settings-chev{opacity:.5;font-size:18px}.settings-hint{opacity:.7;margin:6px 0 0;font-size:12.5px;font-weight:500}.settings-install{background:#86cdf02e;border-radius:16px;align-items:flex-start;gap:12px;padding:12px 14px;display:flex}.dev-panel{padding:10px 2px 2px;font-size:14px;font-weight:500}.dev-row{margin-bottom:10px}.dev-label{margin-bottom:5px;font-weight:650}.seg{background:#4a3b2f1a;border-radius:11px;gap:3px;padding:3px;display:flex}.seg button{background:0 0;border:0;border-radius:9px;flex:1;min-height:36px;font-weight:600}.seg.seg-stack{flex-direction:column}.seg.seg-stack button{text-align:left;padding:6px 12px}.seg button[aria-pressed=true]{background:#fff;box-shadow:0 1px 4px #3c281433}.dev-reset{background:#f3d2c7;border:0;border-radius:10px;width:100%;min-height:38px;margin-top:4px}.save-transfer .seg button,.save-transfer .file-btn{font-size:13px}.file-btn{cursor:pointer;pointer-events:auto;border-radius:9px;flex:1;place-items:center;min-height:38px;display:grid}.file-btn input{display:none}.save-text{box-sizing:border-box;width:100%;min-height:64px;color:inherit;resize:vertical;pointer-events:auto;-webkit-user-select:text;user-select:text;background:#4a3b2f0f;border:0;border-radius:10px;margin-top:6px;padding:8px;font:11px/1.3 ui-monospace,Menlo,monospace}.save-import{background:#d8e8c9}.save-import:disabled{opacity:.5}.settings-sub,.controls-kind{margin-top:10px}.controls-groups{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:6px 14px;margin-top:10px;display:grid}.controls-group{background:#4a3b2f0d;border-radius:14px;align-items:flex-start;gap:10px;padding:8px 10px;display:flex}.controls-icon{flex:none;margin-top:1px}.controls-group h3{margin:2px 0 3px;font-size:14px;font-weight:700}.controls-group ul{margin:0;padding:0;font-size:13px;font-weight:500;line-height:1.35;list-style:none}.controls-line+.controls-line{margin-top:3px}.controls-keys{vertical-align:1px;flex-wrap:wrap;gap:3px;margin-right:6px;display:inline-flex}.controls-keys kbd{white-space:nowrap;background:#fff;border-radius:6px;padding:3px 6px;font:650 11.5px/1 ui-rounded,SF Pro Rounded,Nunito,system-ui,sans-serif;box-shadow:0 1px #4a3b2f59}.viewport-info summary{cursor:pointer;margin:0}.viewport-info pre{white-space:pre-wrap;word-break:break-word;opacity:.75;-webkit-user-select:text;user-select:text;margin:6px 0 0;font:11px/1.4 ui-monospace,Menlo,monospace}.dev-url{opacity:.55;word-break:break-all;margin-top:8px;font:11px/1.3 ui-monospace,Menlo,monospace}@keyframes pop-in{0%{opacity:0;transform:scale(.6)}}@keyframes toast-in{0%{opacity:0;transform:translateY(10px)}}@keyframes sheet-in{0%{opacity:0;transform:translateY(40px)}}@keyframes panel-in{0%{opacity:0;transform:translate(40px)}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important}}#fx{height:100vh;height:var(--app-h,100dvh);pointer-events:none;z-index:4;color:var(--ink);font:700 15px/1.2 ui-rounded,SF Pro Rounded,Nunito,system-ui,-apple-system,Segoe UI,sans-serif;position:fixed;top:0;left:0;right:0;overflow:hidden}.fx-float,.fx-hint{white-space:nowrap;will-change:transform, opacity;opacity:0;align-items:center;gap:5px;display:flex;position:absolute;top:0;left:0}.fx-float{color:#3f3025;text-shadow:0 0 3px #fffaf0,0 0 6px #fffaf0,0 1px #fffaf0,0 2px 6px #3c281459;font-size:17px}.fx-float .fx-icon svg{filter:drop-shadow(0 1px 2px #3c281459);width:22px;height:22px}.fx-hint{background:var(--cream-solid);border-radius:13px;margin-top:-8px;padding:6px 11px 6px 8px;font-size:13.5px;font-weight:650;box-shadow:0 3px 10px #3c281433}.fx-hint:after{content:"";border:6px solid #0000;border-bottom:0;border-top-color:var(--cream-solid);margin-left:-6px;position:absolute;bottom:-6px;left:50%}.fx-hint .fx-icon svg{width:18px;height:18px}.fx-icon{place-items:center;line-height:1;display:grid}.fx-icon-text{font-size:17px}.fx-count{opacity:.8;margin-left:2px;font-size:13px}.vol-list{flex-direction:column;gap:4px;display:flex}.vol-row{pointer-events:auto;grid-template-columns:minmax(84px,7.5em) 1fr 2.4em;align-items:center;gap:10px;min-height:40px;font-weight:600;display:grid}.vol-row input[type=range]{accent-color:#c9855a;touch-action:pan-y;width:100%;min-width:0;height:32px;margin:0}.vol-label{flex-direction:column;line-height:1.15;display:flex}.vol-sub{opacity:.65;font-size:11px;font-weight:500}.vol-value{text-align:right;font-variant-numeric:tabular-nums;opacity:.7;font-size:13px}.sound-toggle{text-align:left;background:#e9e0cf;padding:0 12px}.sound-group{margin-top:8px}.sound-list{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:4px;display:grid}.sound-item{text-align:left;background:#4a3b2f12;border:0;border-radius:8px;justify-content:space-between;align-items:center;gap:6px;min-height:32px;padding:2px 8px;font:11.5px/1.2 ui-monospace,Menlo,monospace;display:flex}.sound-item .sound-id{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sound-item .sound-state{opacity:.8;flex:none;font-family:inherit}.sound-item.missing .sound-state{color:#a0673f}.sound-item.has{background:#d8e8c9}