:root{--ink:#f6efe0;--ink-dim:#bcbba9;--panel:#30332f;--frame:#c7bda6;--frame-hi:#e4dbc6;--frame-edge:#807867;--recess:#242824;--control:#464a41;--panel-solid:#30332f;--line:#666a5d;--amber:#ed9b4e;--amber-hi:#ffbd70;--danger:#d9573f;--safe-t:env(safe-area-inset-top,0px);--safe-b:env(safe-area-inset-bottom,0px);--safe-l:env(safe-area-inset-left,0px);--safe-r:env(safe-area-inset-right,0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%;color:var(--ink);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;overscroll-behavior:none;background:#e9b98a;margin:0;font-family:Chakra Petch,system-ui,sans-serif;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;border:none}.hidden{display:none!important}#view{touch-action:none;width:100%;height:100%;display:block;position:fixed;inset:0}#view[hidden]{display:none}svg{display:block}.backdrop{background:#aebbb1;position:fixed;inset:0;overflow:hidden}.backdrop[hidden]{display:none}.backdrop svg{width:100%;height:100%;position:absolute;bottom:0;left:0}.logo{letter-spacing:.08em;color:#eee5cd;text-shadow:0 3px #514d40,0 8px 18px #17231c80;margin:0;font-size:clamp(44px,7vw,92px);font-weight:700;line-height:1}.logo.small{text-align:center;text-shadow:0 4px #b4733e;margin-bottom:6px;font-size:40px}.screen{padding:calc(6vh + var(--safe-t)) 24px calc(24px + var(--safe-b));flex-direction:column;align-items:center;display:flex;position:fixed;inset:0;overflow:auto}.cards{flex-wrap:wrap;justify-content:center;gap:22px;max-width:1120px;margin-top:6vh;display:flex}.card{background:var(--panel-solid);-webkit-backdrop-filter:blur(6px);border:2px solid var(--line);cursor:pointer;border-radius:5px;flex-direction:column;align-items:center;width:190px;height:262px;padding:10px 10px 16px;transition:transform .15s,border-color .15s;display:flex;position:relative}.card:hover{border-color:var(--amber);transform:translateY(-4px)}.card:active{transform:translateY(0)scale(.98)}.card .portrait{object-fit:contain;pointer-events:none;width:170px;height:200px}.card .name{white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:20px;font-weight:600;overflow:hidden}.card .online{background:#6fe07a;border-radius:50%;width:11px;height:11px;position:absolute;top:16px;left:16px;box-shadow:0 0 10px #6fe07a}.card .edit{position:absolute;top:8px;right:8px}.card.add{background:var(--panel-solid);border:2px solid var(--frame-edge);justify-content:center}.card.add .plus svg{width:64px;height:64px}.error{background:var(--panel);border-radius:4px;padding:16px 24px;font-size:20px;font-weight:600}.icon-btn{background:#ffffff17;border-radius:3px;flex:none;place-items:center;width:44px;height:44px;display:grid}.icon-btn:hover{background:#ffffff29}.icon-btn svg{width:22px;height:22px}.btn{background:#ffffff1a;border-radius:4px;justify-content:center;align-items:center;gap:10px;height:52px;padding:0 22px;font-size:18px;font-weight:600;display:inline-flex}.btn:hover{background:#ffffff29}.btn svg{width:20px;height:20px}.btn.primary{background:var(--amber);color:#2a1a08;box-shadow:0 4px #a8621c}.btn.primary:active{transform:translateY(2px);box-shadow:0 2px #a8621c}.btn.big{width:100%;height:66px;font-size:24px}.btn.danger{color:#ffb3a3}.btn:disabled{opacity:.6}.hud{pointer-events:none;z-index:10;position:fixed;inset:0}.crosshair{width:22px;height:22px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.crosshair:before,.crosshair:after{content:"";background:#ffffffeb;border-radius:1px;position:absolute;box-shadow:0 0 0 1px #00000059}.crosshair:before{width:2px;height:18px;top:2px;left:10px}.crosshair:after{width:18px;height:2px;top:10px;left:2px}.hotbar{left:50%;bottom:calc(14px + var(--safe-b));-webkit-backdrop-filter:blur(6px);pointer-events:auto;background:#34372fd9;border-radius:4px;gap:6px;padding:8px;display:flex;position:absolute;transform:translate(-50%)}.slot{background:#ffffff0f;border:3px solid #0000;border-radius:3px;place-items:center;width:58px;height:58px;padding:0;transition:transform .1s;display:grid;position:relative}.slot img{pointer-events:none;width:78%;height:78%}.slot.sel{border-color:var(--amber-hi);background:#6b5134;transform:translateY(-4px)}.slot .key{color:#ffffff8c;font-size:11px;font-weight:600;position:absolute;top:1px;left:5px}.slot.more svg{width:28px;height:28px}.hud.touch .slot{width:clamp(44px,10vw - 34px,66px);height:clamp(44px,10vw - 34px,66px)}.roster{top:calc(14px + var(--safe-t));right:calc(14px + var(--safe-r));flex-direction:column;align-items:flex-end;gap:6px;display:flex;position:absolute}.chip{background:#12161e8c;border-radius:999px;align-items:center;gap:8px;padding:6px 12px;font-size:15px;font-weight:600;display:flex}.chip i{border-radius:50%;width:10px;height:10px;box-shadow:0 0 0 2px #ffffff4d}.chip.me{background:#12161eb8}.status{top:calc(16px + var(--safe-t));background:#12161ebf;border-radius:999px;padding:8px 16px 8px 30px;font-weight:600;position:absolute;left:50%;transform:translate(-50%)}.status:before{content:"";background:var(--amber);border-radius:50%;width:9px;height:9px;margin-top:-4.5px;position:absolute;top:50%;left:12px}.loading{background:var(--panel-solid);pointer-events:auto;flex-direction:column;justify-content:center;align-items:center;gap:28px;display:flex;position:fixed;inset:0}.loading .bar{background:#12161e59;border-radius:6px;width:240px;height:10px;overflow:hidden}.loading .bar i{background:var(--amber-hi);border-radius:6px;width:40%;height:100%;animation:1s ease-in-out infinite alternate slide;display:block}.loading .bar.known i{transform-origin:0;width:100%;transform:scaleX(var(--p,0));transition:transform .25s ease-out;animation:none}@keyframes slide{0%{transform:translate(-10%)}to{transform:translate(160%)}}.overlay{-webkit-backdrop-filter:blur(3px);pointer-events:auto;background:#0a0c126b;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.panel{background:var(--panel-solid);border:8px solid var(--frame);box-shadow:inset 0 0 0 2px #161a17, 0 0 0 1px var(--frame-edge), 0 6px 0 #777060, 0 12px 28px #0006;border-radius:6px;padding:22px}.panel-head{justify-content:space-between;align-items:center;display:flex}.panel-head h2{letter-spacing:.06em;margin:0;font-size:22px}.picker .panel{width:min(900px,94vw);max-height:86vh;overflow:auto}.picker .panel-head{flex-wrap:wrap;gap:12px}.picker-tabs{margin-left:auto}.picker-search{border:1px solid var(--line);width:140px;height:40px;color:inherit;font:inherit;background:#00000040;border-radius:3px;padding:0 12px}.block-grid{grid-template-columns:repeat(auto-fill,minmax(86px,1fr));gap:10px;margin-top:16px;display:grid}.block{aspect-ratio:1;background:#ffffff0f;border:3px solid #0000;border-radius:4px;place-items:center;padding:0;display:grid}.block:hover{border-color:var(--amber)}.block img{pointer-events:none;width:78%}.menu{flex-direction:column;gap:14px;width:min(440px,92vw);display:flex}.menu-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.mixer{flex-direction:column;gap:8px;padding:4px 6px;display:flex}.mixer.off{opacity:.4}.mix-row{align-items:center;gap:14px;height:40px;display:flex}.mix-row svg{width:24px;height:24px;color:var(--ink-dim);flex:none}.mix-row input[type=range]{height:40px;accent-color:var(--amber);cursor:pointer;flex:1;margin:0}.keys{color:var(--ink-dim);grid-template-columns:repeat(3,1fr);gap:6px 10px;margin-top:4px;font-size:13px;display:grid}.keys b{color:var(--ink)}.tbtn{pointer-events:auto;touch-action:none;background:#12161e7a;border:2px solid #fff3;border-radius:50%;place-items:center;width:84px;height:84px;display:grid;position:absolute}.tbtn svg{width:40px;height:40px}.tbtn.down,.tbtn.on{border-color:var(--amber-hi);background:#f0a93b8c}.tbtn.jump{right:calc(16px + var(--safe-r));bottom:calc(18px + var(--safe-b));width:100px;height:100px}.tbtn.jump svg{width:48px;height:48px}.tbtn.flyb{right:calc(24px + var(--safe-r));bottom:calc(134px + var(--safe-b));width:76px;height:76px}.tbtn.downb{right:calc(128px + var(--safe-r));bottom:calc(18px + var(--safe-b))}.tbtn.mode{left:calc(16px + var(--safe-l));bottom:calc(18px + var(--safe-b));width:100px;height:100px}.tbtn.mode svg{width:50px;height:50px}.tbtn.mode.breaking{background:#d9573fa6;border-color:#ffb3a3}.tbtn.cam{top:calc(16px + var(--safe-t));left:calc(88px + var(--safe-l));width:60px;height:60px}.tbtn.menub{top:calc(16px + var(--safe-t));left:calc(16px + var(--safe-l));width:60px;height:60px}.tbtn.cam svg,.tbtn.menub svg{width:28px;height:28px}.stick{background:#12161e38;border:3px solid #ffffff59;border-radius:50%;width:136px;height:136px;margin:-68px 0 0 -68px;position:absolute;top:0;left:0}.stick .knob{background:#fff9;border-radius:50%;width:56px;height:56px;position:absolute;top:37px;left:37px;box-shadow:0 2px 10px #00000040}.hold{opacity:0;border:4px solid #ffffffd9;border-radius:50%;width:70px;height:70px;margin:-35px 0 0 -35px;animation:.32s linear .1s forwards holdIn;position:absolute;top:0;left:0}.hold.active{opacity:1;border-color:#ff9b78;animation:.32s ease-in-out infinite alternate dig}@keyframes holdIn{0%{opacity:0;scale:1.7}to{opacity:.9;scale:1}}@keyframes dig{0%{scale:1}to{scale:.82}}.toast{top:calc(70px + var(--safe-t));background:#12161ed1;border-radius:999px;align-items:center;gap:10px;padding:8px 18px 8px 8px;font-size:22px;font-weight:700;display:flex;position:absolute;left:50%;transform:translate(-50%)}.toast img{background:#ffffff1f;border-radius:50%;width:52px;height:52px}.toast .toast-icon svg{width:34px;height:34px;margin:8px 0 8px 10px}.toast.pop{animation:.36s wiggle}@keyframes wiggle{0%,to{translate:0}20%{translate:-8px}40%{translate:8px}60%{translate:-5px}80%{translate:4px}}.frozen-pill{top:calc(16px + var(--safe-t));background:#3c78becc;border-radius:999px;padding:8px 14px;position:absolute;left:50%;transform:translate(-50%)}.frozen-pill svg{width:22px;height:22px}.mode-tag{letter-spacing:.08em;text-transform:uppercase;color:var(--amber-hi);background:#f0a93b4d;border-radius:999px;padding:2px 7px;font-size:11px;font-weight:700}.tbtn.undob{left:calc(16px + var(--safe-l));bottom:calc(134px + var(--safe-b));width:76px;height:76px}.parent-btn{right:calc(16px + var(--safe-r));bottom:calc(16px + var(--safe-b));background:#161a228c;border-radius:4px;place-items:center;width:52px;height:52px;display:grid;position:fixed}.parent-btn svg{width:24px;height:24px}.screen.parent{align-items:center}.parent-panel{flex-direction:column;gap:16px;width:min(860px,100%);display:flex}.parent-panel h2{margin:0;font-size:26px}.gate{flex-direction:column;align-items:stretch;gap:14px;width:min(380px,92vw);margin-top:8vh;display:flex}.gate .q{text-align:center;font-size:34px;font-weight:700}.gate input{text-align:center;height:60px;color:var(--ink);-webkit-user-select:text;user-select:text;background:#0000004d;border:2px solid #ffffff24;border-radius:4px;outline:none;font:700 28px Chakra Petch,system-ui,sans-serif}.prow{background:#ffffff0d;border-radius:4px;flex-wrap:wrap;align-items:center;gap:14px;padding:10px 12px;display:flex}.prow img{background:#ffffff14;border-radius:3px;width:56px;height:56px}.prow .pname{min-width:120px;font-size:19px;font-weight:700}.seg{background:#00000040;border-radius:3px;display:inline-flex;overflow:hidden}.seg button{background:0 0;height:40px;padding:0 14px;font-weight:600}.seg button.sel{background:var(--amber);color:#2a1a08}.prow .spacer{flex:1}.btn.small{border-radius:3px;height:40px;padding:0 14px;font-size:15px}.prow.deleted{opacity:.6}.worlds-head{align-items:center;gap:14px;width:min(1120px,100%);display:flex}.worlds-head .who{text-shadow:0 2px #78461e80;font-size:26px;font-weight:700}.card.world{width:240px;height:230px}.card.world .wpic{border-radius:4px;width:216px;height:150px;margin-bottom:10px;overflow:hidden}.wpic svg,.wthumb svg{width:100%;height:100%}.wthumb{border-radius:3px;flex:none;width:84px;height:52px;overflow:hidden}.wtypes{gap:12px}.wtype{background:#ffffff0f;border:3px solid #0000;border-radius:4px;flex-direction:column;gap:6px;width:150px;padding:6px 6px 10px;font-weight:600;display:flex}.wtype .wpic{border-radius:3px;height:84px;overflow:hidden}.wtype.sel{border-color:var(--amber)}.pblock{background:#ffffff0d;border-radius:4px;flex-direction:column;gap:10px;padding:10px 12px;display:flex}.pblock .prow{background:0 0;padding:0}.switches{flex-direction:column;gap:10px;padding:4px 0 4px 70px;display:flex}.srow{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.slabel{min-width:120px;color:var(--ink-dim);font-size:14px;font-weight:600}.toggles{flex-wrap:wrap;gap:8px;display:flex}.tog{background:#00000040;border-radius:999px;align-items:center;gap:8px;height:38px;padding:0 12px 0 8px;font-size:14px;font-weight:600;display:inline-flex}.tog i{background:#fff3;border-radius:999px;width:30px;height:18px;position:relative}.tog i:after{content:"";background:#fff;border-radius:50%;width:14px;height:14px;transition:left .12s;position:absolute;top:2px;left:2px}.tog.on i{background:var(--amber)}.tog.on i:after{left:14px}.parent-panel{max-height:calc(100vh - 48px);overflow:auto}.slot .count,.islot .count,.inv-cursor .count,.book-item .count,.pick .count{color:#fff;text-shadow:0 1px #000,0 0 3px #000;pointer-events:none;font-size:15px;font-weight:700;position:absolute;bottom:2px;right:5px}.vitals{left:50%;bottom:calc(100px + var(--safe-b));flex-direction:column;align-items:center;gap:4px;display:flex;position:absolute;transform:translate(-50%)}.hearts,.bubbles{gap:3px;display:flex}.heart,.bubble{width:22px;height:22px;-webkit-mask:var(--shape) center / contain no-repeat;-webkit-mask:var(--shape) center / contain no-repeat;mask:var(--shape) center / contain no-repeat;background:#141012a6}.heart{--shape:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 9 8' shape-rendering='crispEdges'%3E%3Cpath d='M1 0h2v1h1v1h1V1h1V0h2v1h1v3H8v1H7v1H6v1H5v1H4V7H3V6H2V5H1V4H0V1h1z'/%3E%3C/svg%3E")}.heart.full{background:#e8413a}.heart.half{background:linear-gradient(90deg,#e8413a 50%,#141012a6 50%)}.hearts.shake{animation:.3s wiggle}.bubble{--shape:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8' shape-rendering='crispEdges'%3E%3Cpath d='M2 0h4v1h1v1h1v4H7v1H6v1H2V7H1V6H0V2h1V1h1z'/%3E%3C/svg%3E");background:0 0;width:18px;height:18px}.bubble.full{background:#7fd0ff}.hurt-flash{opacity:0;background:radial-gradient(#0000 45%,#c8140a8c);position:absolute;inset:0}.hurt-flash.on{animation:.5s ease-out hurt}@keyframes hurt{0%{opacity:1}to{opacity:0}}.pickup{left:50%;bottom:calc(150px + var(--safe-b));align-items:center;gap:4px;font-size:24px;display:flex;position:absolute;transform:translate(-50%)}.pickup img{width:44px;height:44px}.pickup.pop{animation:.9s ease-out forwards pickup}@keyframes pickup{0%{opacity:0;translate:0 10px;scale:.6}20%{opacity:1;translate:0;scale:1.1}70%{opacity:1}to{opacity:0;translate:0 30px;scale:.7}}.down{background:#78140a66}.down-panel{flex-direction:column;gap:14px;width:min(320px,90vw);display:flex}.tbtn.bagb{right:calc(116px + var(--safe-r));bottom:calc(126px + var(--safe-b));width:92px;height:92px}.tbtn.bagb svg{width:46px;height:46px}.tbtn.bagb.full{background:#d9573fa6}.inv-panel{flex-direction:column;gap:14px;max-height:94vh;display:flex;overflow:auto}.islot{background:var(--recess);touch-action:none;border:2px solid #5b6053;border-color:#171b18 #5b6053 #5b6053 #171b18;border-radius:3px;place-items:center;width:56px;height:56px;padding:0;display:grid;position:relative}.islot:hover{border-color:#ffcf6e99}.islot.sel{border-color:var(--amber-hi)}.islot img{pointer-events:none;width:80%;height:80%}.inv-bag,.inv-bar{grid-template-columns:repeat(9,56px);gap:6px;display:grid}.inv-bar{border-top:1px solid var(--line);padding-top:10px}.inv-top{align-items:flex-start;gap:18px;min-height:130px;display:flex}.craft{align-items:center;gap:14px;display:flex}.craft-grid{gap:6px;display:grid}.craft-arrow{color:var(--ink-dim);font-size:30px}.islot.out{width:72px;height:72px}.islot.out.ready{border-color:var(--amber);background:#f0a93b2e}.book{background:#0003;border-radius:3px;flex:1;grid-template-columns:repeat(auto-fill,52px);align-content:start;gap:6px;max-height:200px;padding:6px;display:grid;overflow:auto}.book-item{background:#ffffff14;border-radius:3px;place-items:center;width:52px;height:52px;padding:0;display:grid;position:relative}.book-item img{pointer-events:none;width:78%}.book-item.dim,.pick.dim{opacity:.38}.picks{flex:1;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px;max-height:min(296px,36vh);display:grid;overflow:auto}.pick{text-align:left;background:#ffffff12;border-radius:3px;align-items:center;gap:10px;min-height:60px;padding:6px 10px 6px 6px;display:flex;position:relative;overflow:hidden}.pick:not(.dim):hover{background:#f0a93b38}.pick>img{flex:none;width:48px;height:48px}.pick .count{left:38px;right:auto}.pick-name{flex:1;font-size:15px;font-weight:600}.pick-need{align-items:center;gap:1px;display:flex}.pick-need img{width:24px;height:24px}.pick-need em{color:var(--ink-dim);margin-right:4px;font-size:12px;font-style:normal}.pick-station{opacity:.9;width:26px;height:26px}.picks.big{grid-template-columns:repeat(auto-fill,112px);max-height:none}.picks.big .pick{justify-content:center;width:112px;height:112px;padding:0}.picks.big .pick>img{width:84px;height:84px}.picks.big .pick .count{font-size:20px;left:auto;right:10px}.picks-empty{opacity:.3}.picks-empty svg{width:60px;height:60px}.pick.smelt .craft-arrow{font-size:20px}.smelt-bar{background:var(--amber-hi);height:4px;position:absolute;bottom:0;left:0}.inv-cursor{pointer-events:none;z-index:5;width:52px;height:52px;margin:-26px 0 0 -26px;position:fixed;top:0;left:0}.inv-cursor img{width:100%;height:100%}.inv-panel.little .inv-bag{display:none}.hud.touch .islot,.hud.touch .inv-bag,.hud.touch .inv-bar{--s:clamp(44px, calc((100vw - 120px) / 9 - 6px), 64px)}.hud.touch .islot{width:var(--s);height:var(--s)}.hud.touch .inv-bag,.hud.touch .inv-bar{grid-template-columns:repeat(9, var(--s))}.slot .wear,.islot .wear{pointer-events:none;border-radius:2px;max-width:76%;height:4px;position:absolute;bottom:5px;left:12%;box-shadow:0 0 0 1px #0009}.pickup.need b{color:#ff6a55;font-size:30px}.pickup.need img{opacity:.85}.panel-head h2 .storage{color:var(--ink-dim);margin-left:12px;font-size:14px;font-weight:600}.chest-panel{width:min(560px,94vw);max-height:86vh;overflow:auto}.chest-panel h2{margin:4px 0 8px;font-size:18px}.chest-grid{grid-template-columns:repeat(9,1fr);gap:6px;margin-bottom:12px;display:grid}.chest-grid .islot{aspect-ratio:1;background:#ffffff12;border-radius:3px;place-items:center;padding:0;display:grid;position:relative}.chest-grid .islot img{width:76%}.vital-row{gap:28px;display:flex}.foods{gap:3px;display:flex}.food{width:22px;height:22px;-webkit-mask:var(--shape) center / contain no-repeat;-webkit-mask:var(--shape) center / contain no-repeat;mask:var(--shape) center / contain no-repeat;--shape:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 9 9' shape-rendering='crispEdges'%3E%3Cpath d='M4 0h1v1h2v1h1v5H7v1H6v1H3V8H2V7H1V2h1V1h2z'/%3E%3C/svg%3E");background:#141012a6}.food.full{background:#e8a33a}.food.half{background:linear-gradient(270deg,#e8a33a 50%,#141012a6 50%)}.furnace-slots{gap:18px}.fur-left{flex-direction:column;align-items:center;gap:6px;display:flex}.fur-flame{background:linear-gradient(0deg, #ff8a2a calc(var(--burn) * 100%), #ffffff1f calc(var(--burn) * 100%));width:22px;height:22px;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 9' shape-rendering='crispEdges'%3E%3Cpath d='M3 0h1v1h1v1h1v2h1v4H6v1H2V8H1V4h1V2h1z'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 9' shape-rendering='crispEdges'%3E%3Cpath d='M3 0h1v1h1v1h1v2h1v4H6v1H2V8H1V4h1V2h1z'/%3E%3C/svg%3E") 50%/contain no-repeat}.fur-arrow{background:#ffffff1a;border-radius:7px;width:64px;height:14px;position:relative;overflow:hidden}.fur-arrow i{background:var(--amber-hi);position:absolute;top:0;bottom:0;left:0}.mode-badge{pointer-events:auto;color:#fff;border:2px solid #ffffff40;border-radius:999px;align-items:center;gap:6px;padding:6px 12px 6px 9px;font-size:14px;font-weight:700;display:flex}.mode-badge svg{width:18px;height:18px}.mode-badge.build{background:#2f6fb8d9}.mode-badge.survive{background:#b8452fd9}.mode-badge.locked{opacity:.8}.mode-card{color:#fff;opacity:0;pointer-events:none;border-radius:999px;align-items:center;gap:12px;padding:14px 28px 14px 20px;font-size:34px;font-weight:800;display:flex;position:absolute;top:30%;left:50%;transform:translate(-50%,-50%)}.mode-card svg{width:40px;height:40px}.mode-card.build{background:#2f6fb8e6}.mode-card.survive{background:#b8452fe6}.mode-card.pop{animation:2.6s forwards mode-card}@keyframes mode-card{0%{opacity:0;scale:.7}12%{opacity:1;scale:1.06}20%{scale:1}80%{opacity:1}to{opacity:0}}.menu-head{align-items:center;gap:12px;display:flex}.menu-head h2{margin:0;font-size:22px}.btn.icon{flex:none;place-items:center;width:48px;height:48px;padding:0;display:grid}.menu-field{flex-direction:column;gap:10px;display:flex}.menu-label{color:var(--ink-dim);font-size:13px;font-weight:600}.seg{grid-auto-columns:1fr;grid-auto-flow:column;gap:8px;display:grid}.seg .btn.on{background:var(--amber);color:#1b1408;border-color:var(--amber)}.seg .btn:disabled{opacity:.5;cursor:default}.mode-why{color:var(--ink-dim);text-align:center;margin-top:6px;font-size:13px}.menu-controls{width:min(760px,94vw);max-height:88vh;overflow:auto}.controls-cols{grid-template-columns:1fr 1fr;gap:24px;display:grid}@media (max-width:640px){.controls-cols{grid-template-columns:1fr}}.controls{grid-template-columns:auto 1fr;gap:8px 16px;margin:10px 0 0;font-size:15px;display:grid}.controls dt{white-space:nowrap;font-weight:700}.controls dd{color:var(--ink-dim);margin:0}.inv-gear{align-items:center;gap:6px;display:flex}.islot.gear.empty:after{content:attr(data-hint);color:var(--ink-dim);font-size:10px}.attune-lvl{color:#dff7ff;background:radial-gradient(circle,#7fd8ff8c,#2f6fb859);border-radius:50%;place-items:center;min-width:40px;height:40px;margin-left:auto;font-size:18px;font-weight:800;display:grid;box-shadow:0 0 14px #7fd8ff80}.attune-lvl.big{min-width:64px;height:64px;font-size:26px}.meditate{flex:1;align-items:flex-start}.islot.med{border-color:#7fd8ff99;width:72px;height:72px}.lvl-chip{background:#7fd8ff59;border-radius:50%;place-items:center;min-width:22px;height:22px;margin-right:6px;font-size:12px;display:grid}.islot.attuned img,.slot.attuned img{filter:drop-shadow(0 0 4px #7fd8fff2)}.attune-bar{left:50%;bottom:calc(92px + var(--safe-b));background:#00000059;border-radius:3px;width:min(560px,60vw);height:5px;position:absolute;transform:translate(-50%)}.attune-bar i{background:linear-gradient(90deg,#4fb8e8,#bff0ff);border-radius:3px;position:absolute;top:0;bottom:0;left:0;box-shadow:0 0 8px #7fd8ffcc}.attune-bar b{color:#bff0ff;text-shadow:0 0 4px #000;font-size:13px;position:absolute;top:-18px;left:50%;transform:translate(-50%)}.gfx-toggles{flex-direction:column;gap:8px;display:flex}.btn.toggle{justify-content:space-between}.btn.toggle i{background:#ffffff29;border-radius:3px;flex:none;width:40px;height:24px;position:relative}.btn.toggle i:after{content:"";background:var(--ink-dim);border-radius:50%;width:18px;height:18px;transition:transform .15s;position:absolute;top:3px;left:3px}.btn.toggle.on i{background:var(--amber)}.btn.toggle.on i:after{background:#1b1408;transform:translate(16px)}.view-row span{white-space:nowrap;font-size:15px;font-weight:600}.menu-settings{max-height:92vh;overflow:auto}.overlay.pause{z-index:20}.controls-cols.touch-first>:first-child{order:2}body:has(.overlay.pause:not(.hidden)) .cre-ui{visibility:hidden}.craft-all{height:44px;color:var(--amber-hi);background:#f0a93b4d;border-radius:3px;padding:0 14px;font-size:20px;font-weight:800}.hud.touch{--slot:clamp(32px, calc((100vw - var(--safe-l) - var(--safe-r) - 260px) / 10 - 3px), 56px)}.hud.touch .tbtn{background:#00000047;border:1px solid #ffffff4d;border-radius:3px;width:56px;height:56px}.hud.touch .tbtn svg{width:28px;height:28px}.hud.touch .tbtn.down,.hud.touch .tbtn.on{background:#ffffff4d;border-color:#ffffffbf}.hud.touch .tbtn.jump{right:calc(20px + var(--safe-r));bottom:calc(20px + var(--safe-b));width:72px;height:72px}.hud.touch .tbtn.jump svg{width:34px;height:34px}.hud.touch .tbtn.downb{right:calc(28px + var(--safe-r));bottom:calc(104px + var(--safe-b))}.hud.touch .tbtn.menub{top:calc(10px + var(--safe-t));border-radius:3px;width:44px;height:44px;left:calc(50% - 22px)}.hud.touch .tbtn.menub svg{width:22px;height:22px}.hud.touch .stick-hint{width:100px;height:100px;left:calc(66px + var(--safe-l));top:calc(100% - 70px - var(--safe-b));opacity:.5;pointer-events:none;margin:-50px 0 0 -50px}.hud.touch.sticking .stick-hint,.hud.touch.modal .stick-hint,.hud.touch .roster{display:none}.hud.touch .hotbar{bottom:calc(6px + var(--safe-b));background:#0006;border-radius:8px;gap:3px;padding:4px}.hud.touch .slot{width:var(--slot);height:var(--slot);border-radius:4px}.hud.touch .vitals{bottom:calc(var(--slot) + 18px + var(--safe-b))}.cre-ui.touch .cre-btn,.hud.touch.modal .tbtn{display:none}@media (max-height:520px) and (orientation:landscape){.hud.touch .islot,.hud.touch .inv-bag,.hud.touch .inv-bar{--s:clamp(30px, min(calc((100vh - var(--safe-t) - var(--safe-b) - 130px) / 5 - 6px), calc((100vw - var(--safe-l) - var(--safe-r) - 300px) / 9 - 6px)), 48px)}.hud.touch .inv-panel{width:calc(100vw - var(--safe-l) - var(--safe-r) - 16px);max-width:none;max-height:calc(100vh - var(--safe-t) - var(--safe-b) - 12px);grid-template-rows:auto auto 1fr auto;grid-template-columns:minmax(0,1fr) auto;gap:8px 16px;padding:10px 14px;display:grid;overflow:hidden}.hud.touch .inv-panel>.panel-head{grid-column:1/-1}.hud.touch .inv-panel>.inv-top{grid-area:2/1/5;min-height:0;overflow:auto}.hud.touch .inv-panel>.inv-gear,.hud.touch .inv-panel>.inv-bag,.hud.touch .inv-panel>.inv-bar{grid-column:2}}@media (orientation:portrait){.hud.touch .islot,.hud.touch .inv-bag,.hud.touch .inv-bar{--s:clamp(28px, calc((100vw - var(--safe-l) - var(--safe-r) - 56px) / 9 - 6px), 56px)}.hud.touch{--slot:clamp(30px, calc((100vw - var(--safe-l) - var(--safe-r) - 24px) / 10 - 3px), 56px)}.hud.touch .tbtn.jump{bottom:calc(var(--slot) + 30px + var(--safe-b))}.hud.touch .tbtn.downb{bottom:calc(var(--slot) + 114px + var(--safe-b))}.hud.touch .vitals{bottom:calc(var(--slot) + 18px + var(--safe-b));left:calc(16px + var(--safe-l));align-items:flex-start;transform:none}.hud.touch .stick-hint{top:calc(100% - var(--slot) - 90px - var(--safe-b))}}.inv-panel{overflow:hidden}:is(.inv-panel>.inv-top,.inv-panel>.inv-top:has(.recipe-browser)){flex:auto;min-height:0;overflow:auto}.inv-panel>:not(.inv-top){flex-shrink:0}button:focus-visible,[role=button]:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--amber-hi);outline-offset:3px}button:disabled{cursor:default}.screen.select,.screen.worlds{background:#16241d22}.select .cards{gap:16px;padding:10px}.card{border:5px solid var(--frame);box-shadow:inset 0 0 0 1px #111b15, 0 4px 0 var(--frame-edge), 0 8px 20px #13201940}.card .portrait{background:#252c26;width:100%}.card .name{padding-top:7px}.card.add{color:var(--ink);gap:18px}.card.add .add-label{font-size:17px;font-weight:600}.card.last{border-color:var(--amber)}.card .edit{background:#232a24e6}.icon-btn,.btn:not(.primary),.parent-btn{border:1px solid #696e5f;box-shadow:inset 0 1px #ffffff12,0 2px #171c18}.icon-btn,.btn{background:var(--control)}.btn.primary{border:1px solid #ffc584;box-shadow:0 3px #925628}.panel-head{border-bottom:1px solid var(--line);padding-bottom:8px}.panel-head h2{letter-spacing:0}.menu .logo.small{letter-spacing:.06em;color:var(--ink);text-shadow:none;font-size:30px}.hotbar{border:2px solid #b8ad93;box-shadow:0 3px #5d594b}.slot{background:#252b25d9;border-color:#1b211c #6d705e #6d705e #1b211c}.slot.sel{transform:none}.hud.touch .hotbar{background:#30372cdd;border-width:1px}.hud.touch .tbtn{border-radius:3px}.chest-grid .islot{background:var(--recess);width:100%;min-width:0;height:auto}.chest-panel{padding:14px}.card.world .wpic{border-radius:2px;width:100%}.worlds-head{background:#29342be6;border:1px solid #a79f88;border-radius:3px;padding:10px 14px}.worlds-head .who{text-shadow:none;font-size:22px}.wtypes{flex-wrap:wrap;display:flex}@media (max-width:600px){.screen.select,.screen.worlds{padding:calc(28px + var(--safe-t)) 12px calc(76px + var(--safe-b))}.logo{font-size:clamp(30px,8vw,48px)}.cards,.select .cards{gap:12px;margin-top:26px;padding:0}.card{width:158px;height:224px;padding:7px}.card .portrait{height:164px}.card .name{font-size:17px}.card.world{width:158px;height:180px}.card.world .wpic{height:108px}.card .edit{width:44px;height:44px;top:4px;right:4px}.panel{border-width:5px}.chest-panel{padding:10px}.chest-grid{gap:3px}.wtype{width:calc(50% - 6px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.panel{border-image:url(/ui/casing.svg) 12/10px}.card:not(.add){border-image:url(/ui/casing.svg) 12/6px}.card.last{border-image:}.card-play{background:0 0;flex-direction:column;align-items:center;width:100%;min-width:0;height:100%;padding:0;display:flex}.card-play .name{flex:none}.chest-grid .islot img{aspect-ratio:1;object-fit:contain;height:auto}@media (max-width:600px){.slot .count,.islot .count{font-size:12px;bottom:0;right:2px}}.overlay>.panel{max-height:calc(100dvh - 20px - var(--safe-t) - var(--safe-b));overscroll-behavior:contain;background:#242c2b;border-image-width:6px;padding:10px}.overlay>.panel>.panel-head,.overlay>.panel>.menu-head{color:#202827;background:#c1b69a;border-bottom:3px solid #141c1c;flex:none;gap:8px;padding:5px 8px}.overlay>.panel>.panel-head h2,.overlay>.panel>.menu-head h2{letter-spacing:0;font-size:18px}.overlay>.panel>.panel-head .icon-btn,.overlay>.panel>.menu-head .icon{color:#f4ead3;background:#303a38;width:44px;height:44px;min-height:44px}.panel-actions{gap:6px;margin-left:auto;display:flex}.picker .catalogue-panel{width:min(900px, calc(100vw - 20px - var(--safe-l) - var(--safe-r)));height:min(680px, calc(100dvh - 20px - var(--safe-t) - var(--safe-b)));flex-direction:column;gap:8px;display:flex;overflow:hidden}.picker .panel-head{flex-wrap:nowrap}.picker-tabs{flex:none;grid-template-columns:repeat(8,minmax(0,1fr));gap:4px;margin:0;display:grid}.picker-tabs button{color:#d8d8c8;background:#202827;border:1px solid #68716a;border-radius:3px;flex-direction:column;align-items:center;gap:2px;min-width:0;min-height:44px;padding:4px 2px;display:flex}.picker-tabs img{object-fit:contain;pointer-events:none;width:25px;height:25px}.picker-tabs span{font-size:11px}.picker-tabs button.sel{color:#ffd5a0;background:#55432e;border-color:#f4b063}.picker-search{background:#202827;border-color:#929b86;flex:none;width:100%;height:44px}.picker-search[hidden]{display:none}.picker .block-grid{overscroll-behavior:contain;touch-action:pan-y;flex:1;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));align-content:start;gap:6px;min-height:0;margin:0;padding:2px;overflow-y:auto}.picker .block{background:#39433e;border:1px solid #798075;border-radius:4px;box-shadow:inset 0 1px #909284,inset 0 -2px #141d19}.picker .block img{filter:brightness(1.3);width:86%}.picker .block:hover,.picker .block:focus-visible{background:#65563c;outline:2px solid #f5b469}.catalogue-empty{text-align:center;grid-column:1/-1}.chest-panel .islot{background:#303c35;border:1px solid #7e8777}.menu{overscroll-behavior:contain;overflow-y:auto}@media (max-width:699px){.picker .block-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.picker-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}.picker-tabs button{flex-direction:row;justify-content:center;gap:4px}.picker-tabs img{width:22px;height:22px}.picker-tabs span{font-size:10px}.chest-panel{width:calc(100vw - 20px);overflow-y:auto}.chest-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.chest-grid .islot{aspect-ratio:1;width:100%;height:auto}}@media (max-height:450px) and (min-width:700px){.picker-tabs button{flex-direction:row;justify-content:center}.picker .block-grid{grid-template-columns:repeat(10,minmax(0,1fr))}}.chest-panel>.panel-head,.cre-ui .panel>.panel-head{z-index:2;position:sticky;top:-10px}.hud.modal .hotbar{visibility:hidden}body:has(.chest-ui:not(.hidden),.cre-ui .overlay:not(.hidden)) .hud .hotbar{visibility:hidden}.screen.parent .panel{background:#242c2b;border-image-width:6px}@media (max-width:699px){.hud.touch .inv-panel:not(.tabbed):not(.little){width:calc(100vw - 20px - var(--safe-l) - var(--safe-r));overflow-y:auto}.hud.touch .inv-panel:not(.tabbed)>.panel-head{z-index:2;position:sticky;top:-10px}.hud.touch .inv-panel:not(.tabbed):not(.little)>.inv-top{flex:none;max-height:240px;overflow:auto}.hud.touch .inv-panel:not(.tabbed) .inv-bag,.hud.touch .inv-panel:not(.tabbed) .inv-bar{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;width:100%}.hud.touch .inv-panel:not(.tabbed) .inv-bag .islot,.hud.touch .inv-panel:not(.tabbed) .inv-bar .islot{aspect-ratio:1;background:#303c35;border:1px solid #7e8777;width:100%;height:auto}}.item-name{z-index:100;color:#fff3db;pointer-events:none;background:#17201f;border:1px solid #c4ac7f;border-radius:3px;max-width:min(280px,100vw - 16px);padding:7px 10px;font-size:14px;line-height:1.3;position:fixed;box-shadow:0 3px 8px #0006}.item-name[hidden]{display:none}.screen.parent .parent-panel{padding:10px}.screen.parent .parent-panel>.panel-head{z-index:2;color:#202827;background:#c1b69a;border-bottom:3px solid #141c1c;gap:8px;padding:5px 8px;position:sticky;top:-10px}.screen.parent .parent-panel>.panel-head h2{font-size:18px}.screen.parent .parent-panel>.panel-head button{color:#f4ead3;background:#303a38;min-height:44px}.parent-panel>.row:has(.name-input){flex-wrap:nowrap;gap:8px;display:flex}.parent-panel>.row .name-input{flex:1;width:auto;min-width:0}.cre-namer .panel{flex-direction:column;gap:14px;display:flex}.cre-row,.cre-food,.cre-ui .seg,.cre-ui .seg button,.cre-swatch{border-radius:3px}.cre-trade .panel-head .cre-kind{color:#414a40}.cre-ui .cre-offer.off{opacity:1;color:#c4c7b9}.cre-ui .cre-offer.off .cre-have{color:#edbd98}.cre-ui .cre-stack{background:#39433e;border-radius:3px}.cre-ui .cre-stack img{filter:brightness(1.2)}.menu>.menu-head{z-index:2;position:sticky;top:-10px}@media (max-width:699px){.cre-pets .cre-row{grid-template-columns:40px minmax(0,1fr) 44px 44px;gap:8px;display:grid}.cre-pets .cre-row .cre-txt{grid-column:2/-1}.cre-pets .cre-row .spacer{display:none}.cre-pets .cre-row .seg{grid-column:1/3;display:flex}.cre-pets .cre-row .seg button{flex:1;min-width:44px}.cre-pets .cre-row>.btn{width:44px;padding:8px}}.cre-ui .cre-row,.cre-ui .cre-row .seg,.cre-ui .cre-row .seg button,.cre-ui .cre-food,.cre-ui .cre-swatch{border-radius:3px}.menu-version{color:#e8dfca;overflow-wrap:anywhere;font-size:14px;line-height:1.4}.hud:not(.touch) .inv-panel.workbench-desktop:not(.little) .bench-preview .recipe-details{background:0 0;border:0;flex-direction:column;gap:8px;max-height:none;margin:0;padding:0;display:flex;overflow:visible}.hud:not(.touch) .inv-panel.workbench-desktop:not(.little) .bench-preview .recipe-preview{float:none;--recipe-cell:44px;justify-content:center;gap:20px;margin:0}.hud:not(.touch) .inv-panel.workbench-desktop:not(.little) .bench-preview .recipe-pattern{--recipe-cell:44px}.hud:not(.touch) .inv-panel.workbench-desktop:not(.little) .bench-preview .recipe-output{width:68px;height:82px}.hud:not(.touch) .inv-panel.workbench-desktop:not(.little) .bench-preview ul{flex-wrap:wrap;justify-content:center;gap:4px 12px;display:flex}.hud:not(.touch) .inv-panel.workbench-desktop:not(.little) .inventory-storage{flex-direction:column;gap:8px;min-width:0;display:flex}@media (min-width:900px){.hud:not(.touch) .inv-panel.workbench-desktop:not(.little){grid-template-rows:auto auto auto;grid-template-columns:minmax(280px,1fr) 444px;gap:16px 24px;width:min(940px,96vw);height:auto;max-height:94dvh}.hud:not(.touch) .inv-panel.workbench-desktop:not(.little)>.inv-top{display:contents}.hud:not(.touch) .inv-panel.workbench-desktop:not(.little) .recipe-browser{border-right:1px solid var(--line);grid-area:2/1/4;min-height:0;max-height:444px;padding-right:16px}.hud:not(.touch) .inv-panel.workbench-desktop:not(.little) .recipe-results{flex:1;min-height:0}.hud:not(.touch) .inv-panel.workbench-desktop:not(.little) .recipe-browser .picks{grid-template-columns:repeat(5,minmax(0,1fr))}.hud:not(.touch) .inv-panel.workbench-desktop:not(.little) .recipe-browser .pick{height:56px;min-height:56px}.hud:not(.touch) .inv-panel.workbench-desktop:not(.little) .bench-preview,.hud:not(.touch) .inv-panel.workbench-desktop:not(.little) .craft{grid-area:2/2;justify-content:center;align-self:center}.hud:not(.touch) .inv-panel.workbench-desktop:not(.little) .inventory-storage{grid-area:3/2}.hud:not(.touch) .inv-panel.workbench-desktop:not(.little) .inv-bag,.hud:not(.touch) .inv-panel.workbench-desktop:not(.little) .inv-bar{grid-template-columns:repeat(9,44px);gap:6px}.hud:not(.touch) .inv-panel.workbench-desktop:not(.little) .islot{width:44px;height:44px}.hud:not(.touch) .inv-panel.workbench-desktop:not(.little) .craft .out{width:68px;height:68px}.hud:not(.touch) .inv-panel.workbench-desktop:not(.little)[data-help=none]{grid-template-columns:1fr;width:490px}.hud:not(.touch) .inv-panel.workbench-desktop:not(.little)[data-help=none] .craft,.hud:not(.touch) .inv-panel.workbench-desktop:not(.little)[data-help=none] .inventory-storage{grid-column:1}}.cre-ui{pointer-events:none;z-index:11;position:fixed;inset:0}.cre-btn{right:calc(16px + var(--safe-r));pointer-events:auto;touch-action:none;background:#12161e80;border:2px solid #fff3;border-radius:50%;place-items:center;width:62px;height:62px;display:grid;position:absolute}.cre-btn svg{width:32px;height:32px}.cre-btn.treat{top:calc(40% - 72px)}.cre-btn.pets{top:40%}.cre-btn.on{background:#ff5f8f80;border-color:#ffc2d4;transform:scale(1.06)}.cre-ui.touch .cre-btn{width:72px;height:72px}.cre-count{background:var(--amber);color:#2a1a08;text-align:center;border-radius:12px;min-width:24px;height:24px;font-size:14px;font-weight:800;line-height:24px;position:absolute;top:-4px;right:-4px}.cre-count:empty{display:none}.cre-ui .overlay{pointer-events:auto}.cre-pets .panel,.cre-namer .panel{width:min(620px,94vw);max-height:84vh;overflow:auto}.cre-list{flex-direction:column;gap:10px;margin-top:16px;display:flex}.cre-row{background:#ffffff0f;border-radius:16px;align-items:center;gap:12px;padding:10px 12px;display:flex}.cre-row .spacer{flex:1}.cre-row .btn.small,.cre-row .seg button{min-width:52px;height:48px;padding:0 12px}.cre-row .seg{background:#ffffff14;border-radius:14px;display:flex;overflow:hidden}.cre-row .seg button.sel{background:var(--amber);color:#2a1a08}.cre-row svg{width:22px;height:22px}.cre-swatch{border:2px solid #ffffff59;border-radius:12px;flex:none;width:40px;height:40px}.cre-swatch.big{width:56px;height:56px}.cre-name{font-size:20px;font-weight:700}.cre-kind{color:var(--ink-dim);font-size:14px}.cre-foods{flex-wrap:wrap;justify-content:center;gap:12px;padding:12px 0 4px;display:flex}.cre-food{background:#ffffff0f;border-radius:14px;align-items:center;gap:6px;padding:8px 10px;display:flex}.cre-instructions{margin:4px 0 12px;line-height:1.5}.cre-foods .cre-food{text-align:left;flex:230px;min-width:0}.cre-food .cre-txt{overflow-wrap:anywhere;flex-direction:column;gap:4px;display:flex}.cre-food .cre-swatch,.cre-food .cre-berry{flex-shrink:0}.cre-berry{border:2px solid #fff;border-radius:50%;width:22px;height:22px}.cre-namerow{align-items:center;gap:14px;display:flex}.cre-namerow .name-input{height:60px;color:var(--ink);background:#ffffff1a;border:2px solid #ffffff26;border-radius:14px;flex:1;padding:0 16px;font-size:26px;font-weight:700}.cre-chips{flex-wrap:wrap;gap:8px;margin:16px 0;display:flex}.chip-btn{background:#ffffff1a;border-radius:22px;height:44px;padding:0 16px;font-size:17px;font-weight:600}.chip-btn:hover{background:#ffffff2e}.cre-hearts{left:50%;bottom:calc(96px + var(--safe-b));gap:3px;display:flex;position:absolute;transform:translate(-50%)}.cre-heart svg{fill:#ff4d6a;stroke:#fff;stroke-width:1.6px;width:22px;height:22px;display:block}.cre-heart.half svg{fill:#ff9fb0}.cre-heart.empty svg{fill:#00000059}.cre-ui.hurt:after{content:"";animation:.45s ease-out forwards cre-hurt;position:absolute;inset:0;box-shadow:inset 0 0 120px #ff3c508c}@keyframes cre-hurt{to{opacity:0}}.cre-trade .panel{width:min(560px,94vw);max-height:84vh;overflow:auto}.cre-offer{cursor:pointer;width:100%}.cre-offer:hover{background:#ffffff1f}.cre-offer.off{opacity:.45}.cre-stack{background:#00000040;border-radius:12px;place-items:center;width:52px;height:52px;display:grid;position:relative}.cre-stack img{width:36px;height:36px;image-rendering:pixelated}.cre-stack b{text-shadow:0 1px 2px #000;font-size:15px;position:absolute;bottom:2px;right:4px}.cre-arrow svg{width:26px;height:26px;color:var(--amber)}.cre-have{color:var(--ink-dim);font-size:15px}.recipe-browser{flex:1;width:100%;min-width:0}.recipe-tools{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:8px;display:flex}.recipe-tools input[type=search],.recipe-tools select,.recipe-details select{border:1px solid var(--line);background:var(--panel,#24272c);min-width:0;max-width:100%;min-height:40px;color:var(--ink);font:inherit;border-radius:3px;padding:6px 8px;font-size:14px}.recipe-tools input[type=search]{flex:120px;width:100%}.recipe-tools label{align-items:center;gap:4px;min-height:40px;font-size:13px;display:flex}.recipe-tools input[type=checkbox]{width:20px;height:20px}.recipe-results{flex-direction:row;gap:12px;min-width:0;min-height:0;display:flex}.recipe-browser .picks{flex:1;grid-template-columns:repeat(auto-fill,minmax(48px,1fr));align-content:start;gap:4px;width:100%}.recipe-browser .pick{border-radius:2px;justify-content:center;height:48px;min-height:48px;padding:3px}.recipe-browser .pick>img{width:40px;height:40px}.recipe-browser .pick.dim,.recipe-browser .book-item.dim{opacity:.65;background:#442e30}.recipe-browser .pick .pick-name,.recipe-browser .pick .pick-station,.recipe-browser .pick-need{display:none}.recipe-browser .pick .count{left:auto;right:4px}.recipe-browser .pick.selected{outline:2px solid var(--amber-hi);outline-offset:-2px;background:#6b5134}.recipe-details{border-left:1px solid var(--line);overflow-wrap:anywhere;flex:0 0 240px;order:2;padding-left:12px;font-size:14px;overflow:auto}.recipe-details ul{flex-wrap:wrap;gap:4px 12px;margin:8px 0;padding:0;list-style:none;display:flex}.recipe-details p{margin:6px 0}.recipe-details>button{float:right;min-width:40px;min-height:40px;color:var(--ink);background:0 0}.recipe-details .missing{color:#f4a8a2}.recipe-preview{align-items:center;gap:10px;margin-top:8px;display:flex}.recipe-pattern{gap:3px;display:grid}.recipe-cell{width:var(--recipe-cell,40px);height:var(--recipe-cell,40px);border:1px solid var(--line);background:#ffffff14;place-items:center;display:grid}.recipe-cell img{width:85%;height:85%}.recipe-arrow{font-size:24px}.inv-panel .recipe-output.recipe-craft{border:2px solid var(--amber-hi);background:#ad7138;border-radius:2px;flex:none;width:52px;height:52px;min-height:52px}.recipe-craft:disabled{opacity:.45;cursor:default;background:#3e3c3b;border-color:#696565}.recipe-empty{padding:14px 4px;font-size:14px}.recipe-tools :focus-visible,.recipe-details :focus-visible,.inventory-tabs :focus-visible{outline:2px solid var(--amber-hi);outline-offset:2px}.inventory-tabs{gap:4px;display:flex}.inventory-tabs button{width:52px;height:44px;color:var(--ink);background:var(--control);border:2px solid #0000;border-radius:2px;padding:9px}.inventory-tabs svg{width:24px;height:24px}.inventory-tabs button[aria-selected=true]{border-color:var(--amber-hi);background:#6b5134}.hud.touch .inv-panel.tabbed{width:min(760px, calc(100vw - 16px - var(--safe-l) - var(--safe-r)));height:min(560px, calc(100dvh - 16px - var(--safe-t) - var(--safe-b)));max-height:none;margin:var(--safe-t) var(--safe-r) var(--safe-b) var(--safe-l);border-radius:3px;flex-direction:column;gap:10px;padding:10px;display:flex;overflow:hidden}.hud.touch .inv-panel.tabbed>.panel-head{flex:none;height:44px;margin:0}.hud.touch .inv-panel.tabbed>.inv-top{flex:1;min-height:0;overflow:hidden}.hud.touch .inv-panel.tabbed>.inventory-storage{flex-direction:column;flex:1;gap:10px;min-height:0;display:flex;overflow:hidden}.hud.touch .inv-panel.tabbed[data-tab=craft]>.inventory-storage,.hud.touch .inv-panel.tabbed[data-tab=inventory]>.inv-top{display:none}.tabbed .recipe-browser{flex-direction:column;height:100%;min-height:0;display:flex}.tabbed .recipe-tools{flex:none}.tabbed .recipe-results{flex:1;min-height:0}.tabbed .recipe-browser .picks,.tabbed .recipe-browser .book{overscroll-behavior:contain;touch-action:pan-y;align-content:start;min-height:0;max-height:none;padding:2px;overflow:auto}.tabbed .recipe-details{max-height:100%}.hud.touch .inv-panel.tabbed .islot,.hud.touch .inv-panel.tabbed .inv-bag,.hud.touch .inv-panel.tabbed .inv-bar{--s:clamp(28px, min(calc((100dvh - 136px - var(--safe-t) - var(--safe-b)) / 5), calc((min(760px, 100vw - 16px - var(--safe-l) - var(--safe-r)) - 72px) / 9)), 56px)}.tabbed .inv-bag,.tabbed .inv-bar{gap:4px}.tabbed .inv-bar{flex:none;margin-top:auto;padding-top:6px}.tabbed .inv-top:has(.craft){flex-flow:column}.tabbed .inv-top>.craft{flex:none}.tabbed .inv-top:has(.craft)>.recipe-browser{flex:1 1 0;height:auto}@media (max-width:520px){.tabbed .recipe-results{flex-direction:column}.tabbed .recipe-details{border-left:0;border-top:1px solid var(--line);flex:none;max-height:45%;padding:10px 0 0}.tabbed .recipe-preview{float:right;margin:4px 0 8px 8px}.tabbed .recipe-details ul{display:block}.tabbed .recipe-details li{margin-top:6px}.tabbed .recipe-pattern{--recipe-cell:32px}}@media (max-height:520px) and (orientation:landscape){.hud.touch .inv-panel.tabbed{width:min(900px, calc(100vw - 16px - var(--safe-l) - var(--safe-r)))}.tabbed .inv-top:has(.craft){flex-direction:row}.tabbed .recipe-details{--recipe-cell:32px;flex-basis:42%}}.hud.touch .inv-panel.tabbed[data-tab=inventory] .inventory-storage{flex:none}.inv-panel.tabbed .islot{background:var(--recess);border-color:#171b18 #5b6053 #5b6053 #171b18;border-radius:2px}.inv-panel.tabbed .inv-gear{margin-bottom:2px}@media (min-width:900px){.hud:not(.touch) .inv-panel:not(.little){grid-template-rows:auto auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr) auto;gap:12px 20px;width:min(1020px,96vw);height:min(580px,94vh);display:grid}.hud:not(.touch) .inv-panel:not(.little)>.panel-head{grid-column:1/-1}.hud:not(.touch) .inv-panel:not(.little)>.inv-top{flex-direction:column;grid-area:2/1/5;min-height:0;overflow:hidden}.hud:not(.touch) .inv-panel:not(.little)>.inv-gear,.hud:not(.touch) .inv-panel:not(.little)>.inv-bag,.hud:not(.touch) .inv-panel:not(.little)>.inv-bar{grid-column:2}.hud:not(.touch) .inv-panel:not(.little)>.inv-bag{align-content:start}.hud:not(.touch) .inv-panel:not(.little) .recipe-browser{flex-direction:column;min-height:0;display:flex}.hud:not(.touch) .inv-panel:not(.little) .recipe-results{flex-direction:column;flex:1;min-height:0}.hud:not(.touch) .inv-panel:not(.little) .recipe-details{border-left:0;border-top:1px solid var(--line);flex:none;max-height:190px;padding:8px 0 0}.hud:not(.touch) .inv-panel:not(.little) .recipe-preview{float:right;--recipe-cell:30px;margin:0 0 6px 8px}.hud:not(.touch) .inv-panel:not(.little) .recipe-browser .picks,.hud:not(.touch) .inv-panel:not(.little) .recipe-browser .book{align-content:start;min-height:0;max-height:none;overflow:auto}.hud:not(.touch) .inv-panel:not(.little) .recipe-tools{flex:none}.hud:not(.touch) .inv-panel:not(.little) .islot{width:48px;height:48px}.hud:not(.touch) .inv-panel:not(.little) .inv-bag,.hud:not(.touch) .inv-panel:not(.little) .inv-bar{grid-template-columns:repeat(9,48px)}.hud:not(.touch) .inv-panel:not(.little) .craft{flex:none}}.hud .inv-panel .recipe-browser .pick,.hud .inv-panel .recipe-browser .book-item{opacity:1;background:#77776b;border:1px solid #a5a493;box-shadow:inset 0 2px #c0bdab,inset 0 -2px #45483f}.hud .inv-panel .recipe-browser .pick.dim,.hud .inv-panel .recipe-browser .book-item.dim{opacity:1;background:#62645d;border-color:#929487;box-shadow:inset 0 2px #888b7d,inset 0 -2px #393d37}.hud .inv-panel .recipe-browser .pick.selected{outline-offset:-3px;background:#88704e;outline:3px solid #ffd58b}.hud .inv-panel .recipe-browser .picks{grid-template-columns:repeat(auto-fill,minmax(56px,1fr));gap:6px}.hud .inv-panel .recipe-browser .pick{height:58px;min-height:58px}.hud .inv-panel .recipe-browser .pick>img{filter:brightness(1.15);width:48px;height:48px}.hud .inv-panel .recipe-browser .count{color:#fff;text-shadow:1px 2px 1px #151813,-1px -1px #151813}.hud .inv-panel .recipe-details{color:#fff6e3;background:#252c28;border:1px solid #8e9583;padding:12px}.hud .inv-panel .recipe-details>strong{font-size:17px}.hud .inv-panel .recipe-cell{background:#777c6e;border-color:#b3b7a4}.hud .inv-panel .recipe-cell img{filter:brightness(1.15)}.hud .inv-panel .recipe-output.recipe-craft{opacity:1;color:#fff;background:#b37c3e;border:2px solid #ffda92;width:68px;height:82px;min-height:82px;padding:4px 4px 22px;box-shadow:inset 0 2px #ffe2a5,0 3px #151c17}.hud .inv-panel .recipe-craft img{width:48px;height:48px}.hud .inv-panel .recipe-craft .count{bottom:22px}.hud .inv-panel .recipe-craft:after{content:"Craft";font-size:14px;font-weight:700;position:absolute;bottom:3px;left:0;right:0}.hud .inv-panel .recipe-craft:disabled{opacity:1;box-shadow:none;background:#515850;border-color:#929a88}.hud .inv-panel .recipe-craft:disabled:after{content:"Missing";color:#ffd4b6}.hud .inv-panel .recipe-tools input,.hud .inv-panel .recipe-tools select{color:#fff6e3;background:#202823;border-color:#929b86}.hud .inv-panel .recipe-tools input::placeholder{color:#d3d8c9;opacity:1}@media (max-width:520px){.hud .inv-panel.tabbed .recipe-details{max-height:48%}.hud .inv-panel.tabbed .recipe-preview{float:none;justify-content:space-between;margin:10px 0}.hud .inv-panel.tabbed .recipe-pattern{--recipe-cell:38px}.hud .inv-panel.tabbed .recipe-details ul{margin:4px 0;display:flex}}.hud.touch .inv-panel.tabbed{height:calc(100dvh - 20px - var(--safe-t) - var(--safe-b));width:min(1100px, calc(100vw - 20px - var(--safe-l) - var(--safe-r)))}.hud.touch .inv-panel.tabbed .recipe-tools{grid-template-columns:minmax(0,1fr) auto;gap:6px;display:grid}.hud.touch .inv-panel.tabbed .recipe-tools input[type=search]{grid-column:1/-1}.hud.touch .inv-panel.tabbed .recipe-tools label{font-size:12px}.hud.touch .inv-panel.tabbed .recipe-tools select{width:100%}.hud.touch .inv-panel.tabbed[data-tab=inventory]{height:auto}.hud.touch .inv-panel.tabbed .islot{touch-action:none}@media (min-width:700px){.hud.touch .inv-panel.tabbed,.hud.touch .inv-panel.tabbed[data-tab=inventory]{height:min(680px, calc(100dvh - 20px - var(--safe-t) - var(--safe-b)));grid-template-rows:44px minmax(0,1fr);grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px 16px;display:grid}.hud.touch .inv-panel.tabbed>.panel-head{grid-column:1/-1}.hud.touch .inv-panel.tabbed>.panel-head .inventory-tabs{display:none}.hud.touch .inv-panel.tabbed[data-tab]>.inv-top{grid-area:2/1;display:flex}.hud.touch .inv-panel.tabbed[data-tab]>.inventory-storage{grid-area:2/2;display:flex;overflow:auto}.hud.touch .inv-panel.tabbed .inv-bag,.hud.touch .inv-panel.tabbed .inv-bar{grid-template-columns:repeat(9,minmax(0,1fr));gap:3px;width:100%}.hud.touch .inv-panel.tabbed .islot{aspect-ratio:1;width:100%;min-width:0;height:auto}.hud.touch .inv-panel.tabbed .recipe-results{flex-direction:column}.hud.touch .inv-panel.tabbed .recipe-details{flex:none;max-height:48%;overflow:auto}.hud.touch .inv-panel.tabbed .recipe-preview{float:right;--recipe-cell:28px;margin:0 0 4px 8px}.hud.touch .inv-panel.tabbed .recipe-output.recipe-craft{width:60px;height:72px}.hud.touch .inv-panel.tabbed>.panel-head{justify-content:flex-end}.hud.touch .inv-panel.tabbed .recipe-tools{grid-template-columns:minmax(90px,1fr) minmax(90px,1fr) auto}.hud.touch .inv-panel.tabbed .recipe-tools input[type=search]{grid-column:auto}.hud.touch .inv-panel.tabbed .recipe-details{box-sizing:border-box;min-height:112px}.hud.touch .inv-panel.tabbed .inv-gear .islot{max-height:44px}}.hud .inv-panel{background:#242c2b;border-image-width:6px}.hud .inv-panel .panel-head{background:#c1b69a;border-bottom:3px solid #141c1c;padding:5px}.hud .inv-panel .inventory-tabs button,.hud .inv-panel .panel-head .icon-btn{color:#f4ead3;background:#303a38}.hud .inv-panel .recipe-tools{flex-wrap:wrap;gap:6px;display:flex}.hud .inv-panel .recipe-categories{gap:4px;width:100%;display:flex}.hud .inv-panel .recipe-categories button{color:#d8d8c8;background:#202827;border:1px solid #68716a;border-radius:3px;flex:1;min-width:0;height:44px;padding:9px}.hud .inv-panel .recipe-categories svg{width:24px;height:24px}.hud .inv-panel .recipe-categories button[aria-pressed=true]{color:#ffd5a0;background:#55432e;border-color:#f4b063}.hud .inv-panel .recipe-tools input[hidden]{display:none}.hud .inv-panel .recipe-tools label{min-height:30px;margin-left:auto}.hud .inv-panel .recipe-browser .pick,.hud .inv-panel .recipe-browser .pick.dim{background:#39433e;border:1px solid #798075;border-radius:4px;box-shadow:inset 0 1px #909284,inset 0 -2px #141d19}.hud .inv-panel .recipe-browser .pick>img{filter:brightness(1.3)}.hud .inv-panel .recipe-browser .pick.selected{background:#65563c;outline:2px solid #f5b469}.hud .inv-panel .recipe-details{background:#1b2523;border:0;border-top:2px solid #9a947f;grid-template-columns:1fr auto;gap:6px 12px;padding:10px;display:grid}.hud .inv-panel .recipe-details>strong{grid-column:1;align-self:start}.hud .inv-panel .recipe-details .recipe-preview{float:none;grid-area:1/2/span 3;justify-content:flex-end;gap:8px;margin:0}.hud .inv-panel .recipe-details ul{grid-column:1;margin:0;font-size:13px;display:block}.hud .inv-panel .recipe-details p{margin:0;font-size:13px}.hud .inv-panel .recipe-pattern{--recipe-cell:30px}.hud .inv-panel .recipe-cell{background:#455048;border:1px solid #798575}.hud .inv-panel .recipe-output.recipe-craft{width:62px;height:76px;min-height:76px;box-shadow:none;background:#59442c;border:2px solid #f7b268}.hud .inv-panel .inv-gear{flex:none;grid-template-columns:80px repeat(5,minmax(0,1fr));gap:6px;display:grid}.hud .inv-panel .inventory-character{object-fit:contain;background:#192321;border-bottom:2px solid #bb9d6e;width:80px;height:106px}.hud .inv-panel .inv-gear .islot{aspect-ratio:1;width:100%;height:auto}.hud .inv-panel .gear.empty:after{content:none}.hud .inv-panel .gear svg{color:#a4ae9a;width:65%;height:65%}.hud .inv-panel .attune-lvl{box-shadow:none;background:0 0;grid-column:1/-1;height:auto;margin:0;font-size:13px}@media (max-width:699px){.hud.touch .inv-panel.tabbed[data-tab=inventory]{height:calc(100dvh - 20px - var(--safe-t) - var(--safe-b))}.hud.touch .inv-panel.tabbed[data-tab=inventory] .inventory-storage{flex:1;min-height:0}.hud.touch .inv-panel.tabbed .inv-bag{flex:1;grid-template-columns:repeat(5,minmax(0,1fr));align-content:start;min-height:0;overflow:auto}.hud.touch .inv-panel.tabbed .inv-bar{flex:none;grid-template-columns:repeat(5,minmax(0,1fr))}.hud.touch .inv-panel.tabbed .inv-bag .islot,.hud.touch .inv-panel.tabbed .inv-bar .islot{aspect-ratio:1;background:#303c35;border:1px solid #7e8777;width:100%;height:auto}.hud.touch .inv-panel.tabbed .recipe-details{max-height:34%}}.hud.touch .inv-panel.tabbed .recipe-tools{flex-wrap:wrap;display:flex}.hud .inv-panel .recipe-categories,.hud .inv-panel .recipe-tools input[type=search]:not([hidden]){flex:0 0 100%}.screen.cc{--tile:clamp(96px, 8.6vw, 136px);padding:calc(14px + var(--safe-t)) calc(18px + var(--safe-r)) calc(14px + var(--safe-b)) calc(18px + var(--safe-l));grid-template:"bar bar""tabs stage"minmax(0,1fr)"tabs tray"/116px minmax(0,1fr);align-items:stretch;gap:12px 16px;display:grid;overflow:hidden}.cc-bar{grid-area:bar;align-items:center;gap:10px;display:flex}.cc-gap{flex:1}.cc-round{background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);border-radius:4px;flex:none;place-items:center;width:56px;height:56px;transition:transform .1s,background .15s;display:grid;position:relative}.cc-round svg{width:28px;height:28px}.cc-round:active{transform:scale(.92)}.cc-round.small{border-radius:4px;width:48px;height:48px}.cc-round.small svg{width:24px;height:24px}.cc-round.on{color:#2a1a08;background:#f0a93bd9}.cc-round:disabled{opacity:.35}.cc-round.undo{width:68px}.cc-round.undo svg{width:34px;height:34px}.cc-round.dice-big svg{width:32px;height:32px}.cc-round.del.armed{background:var(--danger);width:auto;padding:0 14px;font-weight:700}.cc-round.cc-hold:after{content:"";background:var(--amber-hi);border-radius:3px;width:0;height:5px;position:absolute;bottom:6px;left:8px}.cc-round.cc-hold.holding:after{width:calc(100% - 16px);transition:width 1.2s linear}.cc-done{color:#2a1a08;background:var(--amber);border-radius:4px;flex:none;align-items:center;gap:10px;height:64px;padding:0 26px 0 18px;font-size:26px;font-weight:700;display:flex;box-shadow:0 5px #b06d1c,0 10px 24px #783c0a59}.cc-done svg{width:34px;height:34px}.cc-done:active{transform:translateY(3px);box-shadow:0 2px #b06d1c}.cc-done:disabled{opacity:.6}.cc-name{align-items:center;gap:8px;width:min(380px,30vw);min-width:0;display:flex}.name-input{min-width:0;height:56px;color:var(--ink);background:var(--panel);border:2px solid var(--line);-webkit-user-select:text;user-select:text;border-radius:4px;outline:none;flex:1;padding:0 18px;font:600 24px Chakra Petch,system-ui,sans-serif}.name-input:focus{border-color:var(--amber)}.cc-tabs{flex-direction:column;grid-area:tabs;justify-content:center;gap:12px;display:flex}.cc-tab{height:104px;color:var(--ink);background:var(--panel);border-radius:4px;flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:17px;font-weight:700;transition:transform .12s,background .15s;display:flex}.cc-tab i{font-size:38px;font-style:normal;line-height:1}.cc-tab.on{color:#1d1a16;background:#f6efe0}.cc-stage{grid-area:stage;min-height:0;position:relative}.cc-stage canvas{touch-action:none;cursor:grab;width:100%;height:100%;position:absolute;inset:0}.cc-stage canvas:active{cursor:grabbing}.pedestal{aspect-ratio:4;background:radial-gradient(#5a321461,#5a321400 70%);border-radius:50%;width:40%;position:absolute;bottom:6%;left:50%;transform:translate(-50%)}.cc-tray{background:var(--panel-solid);border-radius:4px;flex-direction:column;grid-area:tray;gap:10px;min-width:0;padding:12px 14px 14px;display:flex}.cc-cats{gap:8px;display:flex;overflow:hidden}.cc-cat{white-space:nowrap;background:#ffffff12;border-radius:4px;align-items:center;gap:8px;height:48px;padding:0 16px 0 10px;font-size:16px;font-weight:600;display:flex}.cc-cat i{font-size:24px;font-style:normal}.cc-cat.on{color:#1d1a16;background:#f6efe0}.cc-row{align-items:center;gap:10px;min-width:0;display:flex}.cc-tiles{grid-template-columns:repeat(var(--n,8), minmax(0, 1fr));flex:1;gap:10px;min-width:0;display:grid}.cc-tile{aspect-ratio:1/1.08;max-height:calc(var(--tile) * 1.08);background:var(--recess);border:4px solid #0000;border-radius:4px;padding:0;transition:transform .1s;position:relative;overflow:hidden}.cc-tile:active{transform:scale(.94)}.cc-tile.ghost{background:0 0}.cc-tile img{object-fit:contain;width:100%;height:calc(100% - 18px);position:absolute;inset:0 0 18px}.cc-tile .cc-label{text-align:center;color:var(--ink-dim);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;line-height:1.1;position:absolute;bottom:4px;left:4px;right:4px;overflow:hidden}.cc-tile.sel{border-color:var(--amber);background:#494638}.cc-tile.sel .cc-label{color:var(--ink)}.cc-check{color:#1d1a16;background:#f6efe0;border-radius:50%;place-items:center;width:28px;height:28px;display:grid;position:absolute;top:6px;right:6px}.cc-check svg{stroke-width:3.4px;width:18px;height:18px}.cc-tile.none img{opacity:.35}.cc-tile.none:after{content:"";aspect-ratio:1;background:linear-gradient(45deg,#0000 46%,#ffffff8c 46% 54%,#0000 54%);border:5px solid #ffffff8c;border-radius:50%;width:46%;position:absolute;top:44%;left:50%;transform:translate(-50%,-50%)}.cc-pal{z-index:1;gap:3px;display:flex;position:absolute;top:8px;left:8px}.cc-pal i{border-radius:4px;width:14px;height:14px;box-shadow:0 0 0 1px #0000004d}.cc-tdice,.cc-more{background:#ffffff1a;border-radius:4px;flex:none;place-items:center;width:60px;height:60px;display:grid}.cc-tdice{background:#ffffff29}.cc-tdice svg{width:30px;height:30px}.cc-more svg{stroke-width:3px;width:30px;height:30px}.cc-more[hidden]{display:none}.cc-more.prev{width:44px}.cc-colors{flex-wrap:wrap;align-items:center;gap:14px;min-height:52px;display:flex}.cc-colors.empty{display:none}.cc-chans{gap:6px;display:flex}.cc-chan{background:#ffffff12;border-radius:4px;align-items:center;gap:8px;height:44px;padding:0 12px 0 8px;font-size:15px;font-weight:600;display:flex}.cc-chan i{border-radius:50%;width:24px;height:24px;box-shadow:0 0 0 2px #ffffff80}.cc-chan.on{color:#1d1a16;background:#ffffffeb}.cc-swatches,.cc-patterns{gap:8px;display:flex}.cc-swatch{background:var(--c);color:#fff;border:3px solid #ffffff2e;border-radius:50%;place-items:center;width:46px;height:46px;transition:transform .1s;display:grid}.cc-swatch svg{stroke-width:3.6px;filter:drop-shadow(0 1px 1px #0009);width:24px;height:24px}.cc-swatch.sel{border:5px solid #fff;transform:scale(1.1);box-shadow:0 0 0 3px #1d1a16}.cc-pattern{width:46px;height:46px;image-rendering:pixelated;color:#fff;background-size:cover;border:3px solid #ffffff2e;border-radius:4px;place-items:center;display:grid}.cc-pattern svg{stroke-width:3.6px;filter:drop-shadow(0 1px 1px #000000b3);width:24px;height:24px}.cc-pattern.sel{border:5px solid #fff;box-shadow:0 0 0 3px #1d1a16}.cc-heroes{z-index:5;-webkit-backdrop-filter:blur(6px);background:#1e140c59;place-items:center;display:none;position:absolute;inset:0}.cc-heroes.open{display:grid}.cc-hero-panel{background:var(--panel-solid);border-radius:4px;flex-direction:column;gap:16px;width:min(1180px,100vw - 40px);padding:20px 24px 22px;display:flex}.cc-hero-head{align-items:center;gap:14px;display:flex}.cc-hero-head h2{letter-spacing:.02em;flex:1;margin:0;font-size:40px;font-weight:700}.cc-hero-dice{color:#2a1a08;background:var(--amber);border-radius:4px;place-items:center;width:84px;height:84px;display:grid;box-shadow:0 5px #b06d1c}.cc-hero-dice svg{width:50px;height:50px}.cc-hero-dice:active{transform:translateY(3px)rotate(-12deg);box-shadow:0 2px #b06d1c}.cc-modes{gap:8px;display:flex}.cc-mode{background:#ffffff14;border-radius:4px;height:52px;padding:0 22px;font-size:20px;font-weight:700}.cc-mode.on{color:#1d1a16;background:#f6efe0}.cc-hero-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.cc-hero{background:var(--recess);border:4px solid #0000;border-radius:4px;height:clamp(170px,26vh,250px);transition:transform .12s,border-color .12s;position:relative;overflow:hidden}.cc-hero:active{transform:scale(.95)}.cc-hero img{object-fit:contain;width:100%;height:calc(100% - 34px);position:absolute;inset:0 0 34px}.cc-hero span{text-align:center;font-size:20px;font-weight:700;position:absolute;bottom:8px;left:0;right:0}.cc-hero-pager{justify-content:center;align-items:center;gap:12px;display:flex}.cc-dot{background:#ffffff40;border-radius:50%;width:18px;height:18px}.cc-dot.on{background:var(--amber)}@media (max-width:900px){.screen.cc{grid-template-columns:84px minmax(0,1fr)}.cc-tab{height:84px;font-size:14px}.cc-tab i{font-size:30px}.cc-name{width:220px}.cc-hero-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px) and (orientation:portrait),(max-height:500px) and (orientation:landscape){.screen.cc{padding:calc(8px + var(--safe-t)) calc(10px + var(--safe-r)) calc(8px + var(--safe-b)) calc(10px + var(--safe-l));gap:8px}.cc-bar{gap:6px}.cc-round{border-radius:4px;width:44px;height:44px}.cc-round svg{width:22px;height:22px}.cc-round.undo{width:52px}.cc-round.undo svg,.cc-round.dice-big svg{width:26px;height:26px}.cc-round.small{width:40px;height:40px}.cc-name{flex:120px;width:auto;min-width:0}.name-input{border-radius:4px;height:44px;padding:0 12px;font-size:18px}.cc-done{border-radius:4px;height:44px;padding:0 14px 0 10px;font-size:18px;box-shadow:0 3px #b06d1c}.cc-done svg{width:24px;height:24px}.cc-tray{border-radius:4px;gap:8px;padding:8px}.cc-cats,.cc-colors{scrollbar-width:none;flex-wrap:nowrap;overflow-x:auto}.cc-cats::-webkit-scrollbar{display:none}.cc-colors::-webkit-scrollbar{display:none}.cc-cat{flex:none;height:40px;padding:0 12px 0 8px;font-size:14px}.cc-cat i{font-size:20px}.cc-row{gap:6px}.cc-tiles{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.cc-tile{aspect-ratio:1;border-width:3px;border-radius:4px}.cc-tile img{height:calc(100% - 14px);inset:0 0 14px}.cc-tile .cc-label{font-size:11px;bottom:2px}.cc-check{width:22px;height:22px;top:4px;right:4px}.cc-tdice,.cc-more{border-radius:4px;width:44px;height:44px}.cc-more.prev{width:36px}.cc-colors{gap:8px;min-height:44px}.cc-chan{flex:none;height:40px;font-size:13px}.cc-swatch,.cc-pattern{flex:none;width:40px;height:40px}.cc-swatches,.cc-patterns{flex:none}.cc-hero-panel{background:var(--panel-solid);border-radius:4px;gap:10px;width:calc(100vw - 16px);max-height:calc(100% - 16px);padding:12px 14px;overflow-y:auto}.cc-hero-head h2{font-size:26px}.cc-hero-dice{border-radius:4px;width:56px;height:56px}.cc-hero-dice svg{width:34px;height:34px}.cc-mode{height:44px;padding:0 14px;font-size:16px}.cc-hero-grid{gap:8px}.cc-hero span{font-size:15px;bottom:6px}.cc-hero img{height:calc(100% - 26px);inset:0 0 26px}}@media (max-width:600px) and (orientation:portrait){.screen.cc{grid-template:"bar""stage"minmax(0,1fr)"tabs""tray"/minmax(0,1fr)}.cc-bar{flex-wrap:wrap}.cc-gap{display:none}.cc-bar>.cc-right,.cc-bar>.del{margin-left:auto}.cc-bar>.del+.cc-right{margin-left:0}.cc-bar>.cc-round{width:40px;height:40px}.cc-bar>.cc-round.undo{width:44px}.cc-name{order:20}.cc-done{order:21}.cc-tabs{flex-direction:row;gap:6px}.cc-tab{border-radius:4px;flex-direction:row;flex:1;gap:4px;height:52px;font-size:13px}.cc-tab i{font-size:20px}.cc-hero-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cc-hero{height:180px}}@media (max-height:500px) and (orientation:landscape){.screen.cc{grid-template:"bar bar bar""tabs stage tray"minmax(0,1fr)/64px minmax(0,.8fr) minmax(0,1.25fr)}.cc-tabs{justify-content:stretch;gap:6px}.cc-tab{border-radius:4px;flex:1;gap:2px;height:auto;font-size:11px}.cc-tab i{font-size:22px}.cc-tray{min-height:0;overflow:hidden}.cc-row{flex:1;align-items:center;min-height:0}.cc-tile{max-height:calc(50vh - 115px)}.cc-hero-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.cc-hero{height:132px}}.cc-bar{border:3px solid var(--frame);background:var(--panel-solid);padding:8px}.cc-round,.cc-tab,.cc-cat,.cc-chan,.cc-more,.cc-tdice,.cc-mode{border:1px solid var(--line);background:var(--control);box-shadow:0 2px #171c18}.cc-tab.on,.cc-cat.on,.cc-chan.on,.cc-mode.on{background:var(--amber);color:#251e14}.cc-tab i,.cc-cat i{display:none}.cc-tab{font-size:17px}.cc-tray,.cc-hero-panel{border:6px solid var(--frame);box-shadow:0 4px 0 var(--frame-edge)}.cc-tile{border-width:2px;border-color:#1a201b #555d4d #555d4d #1a201b}.cc-tile.sel{border-color:var(--amber)}.cc-check{background:var(--amber);border-radius:3px}.cc-done{border:1px solid #ffc584;box-shadow:0 3px #925628}.cc-stage{background:#19241d22}.cc-hero{border-width:2px;border-color:#51594c}.cc-hero:hover{border-color:var(--amber)}@media (max-width:600px) and (orientation:portrait),(max-height:500px) and (orientation:landscape){.cc-bar{border-width:3px;padding:5px}.cc-tray,.cc-hero-panel{border-width:4px}.cc-tab{font-size:13px}}.cc-tray,.cc-hero-panel{border-image:url(/ui/casing.svg) 12/8px}