:root{--ink: #3b2a2a;--ink2: #6b4f45;--paper: #f3e3c3;--gold: #f5c542;--hp: #e54b4b;--mp: #3d8de0;--sta: #56c26a;--exp: #f2b33d;--good: #59c25c;--bad: #e25555;--font: "Mitr", "Leelawadee UI", "Tahoma", sans-serif;--fs-xs: 11px;--fs-sm: 13px;--fs-md: 15px;--fs-lg: 18px;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--radius: 6px;--scrim: rgba(20,14,26,.8);--safe-top: 56px;--safe-bottom: 72px}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#1d1a24;font-family:var(--font);color:var(--ink);user-select:none;-webkit-user-select:none}#game{position:fixed;inset:0}#game canvas{image-rendering:pixelated;display:block}#ui,#screens{position:fixed;inset:0;pointer-events:none}#ui>*,#screens>*{pointer-events:auto}button{font-family:var(--font)}.panel{border:24px solid transparent;border-image:url(/assets/gen/ui/panel_beige.png) 16 fill / 24px stretch;image-rendering:pixelated;background-clip:padding-box;color:var(--ink)}.panel.wood{border-image-source:url(/assets/gen/ui/panel_wood.png);color:#fff4dd}.panel.white{border-image-source:url(/assets/gen/ui/panel_white.png)}.panel.blue{border-image-source:url(/assets/gen/ui/panel_blue.png);color:#fff}.panel.green{border-image-source:url(/assets/gen/ui/panel_green.png);color:#fff}.panel.red{border-image-source:url(/assets/gen/ui/panel_red.png);color:#fff}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:12px solid transparent;border-image:url(/assets/gen/ui/panel_orange.png) 16 fill / 12px stretch;image-rendering:pixelated;color:#fff;text-shadow:0 1px 0 #7a3c12;font-size:15px;padding:0 8px;min-height:36px;cursor:pointer;background:none}.btn:hover{filter:brightness(1.12)}.btn:active{transform:translateY(1px)}.btn.green{border-image-source:url(/assets/gen/ui/panel_green.png);text-shadow:0 1px 0 #1d5a2a}.btn.blue{border-image-source:url(/assets/gen/ui/panel_blue.png);text-shadow:0 1px 0 #1a3d7a}.btn.red{border-image-source:url(/assets/gen/ui/panel_red.png);text-shadow:0 1px 0 #7a1a1a}.btn.white{border-image-source:url(/assets/gen/ui/panel_white.png);color:var(--ink);text-shadow:none}.btn.small{font-size:13px;min-height:28px;border-width:9px;border-image-width:9px;padding:0 4px}.btn[disabled]{filter:grayscale(1) opacity(.6);pointer-events:none}input,select,textarea{font-family:var(--font);font-size:15px;padding:6px 8px;border:2px solid #8a6a52;border-radius:4px;background:#fffaf0;color:var(--ink)}input:focus,textarea:focus{outline:2px solid var(--gold)}.icon{width:32px;height:32px;image-rendering:pixelated;background-repeat:no-repeat;display:inline-block;flex:none}.icon.s24{width:24px;height:24px}.icon.s48{width:48px;height:48px}.screen{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 30%,#4b7a4a,#2a3d33 55%,#17141d)}.screen .bgart{position:absolute;inset:0;background-image:url(/assets/gen/tiles/terrain.png);opacity:0}.logo{font-size:46px;font-weight:500;color:#ffe9a8;text-shadow:0 3px 0 #7a3c12,0 0 24px rgba(255,210,120,.5);letter-spacing:1px;text-align:center;margin-bottom:4px}.logo small{display:block;font-size:16px;color:#d6f0c8;text-shadow:0 1px 0 #1d3a22;letter-spacing:3px}.auth{width:380px;max-width:94vw;display:flex;flex-direction:column;gap:10px}.auth h2{margin:0 0 4px;font-weight:500}.auth .row{display:flex;gap:8px}.auth .row>*{flex:1}.err{color:var(--bad);min-height:20px;font-size:14px}.chars{display:flex;gap:14px;flex-wrap:wrap;justify-content:center}.charcard{width:190px;text-align:center;cursor:pointer}.charcard canvas{width:128px;height:128px;image-rendering:pixelated}.charcard.sel{outline:3px solid var(--gold)}.creator{display:grid;grid-template-columns:220px 1fr;gap:16px;width:760px;max-width:96vw}.creator canvas{width:192px;height:192px;image-rendering:pixelated;background:#cfe3b6;border-radius:6px}.opts{display:flex;flex-direction:column;gap:8px}.opts label{font-size:14px;color:var(--ink2)}.swatches{display:flex;gap:6px;flex-wrap:wrap}.swatch{width:26px;height:26px;border-radius:50%;border:2px solid #5a4030;cursor:pointer}.swatch.sel{outline:3px solid var(--gold)}.classes{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.classes .cls{padding:6px;border-radius:6px;border:2px solid #b89a7a;cursor:pointer;text-align:center;font-size:14px;background:#fff6e4}.classes .cls.sel{border-color:#e08a2a;background:#ffe2b0}.classes .cls b{display:block;font-size:16px}.links{display:flex;gap:12px;justify-content:center;font-size:13px}.links a{color:#ffe9a8}.hud-top{position:fixed;left:10px;top:10px;display:flex;gap:8px;align-items:flex-start}.portrait{width:64px;height:64px;border:4px solid #3b2a2a;border-radius:8px;background:#cfe3b6;image-rendering:pixelated}.bars{display:flex;flex-direction:column;gap:3px;min-width:230px}.bars .nm{color:#fff;text-shadow:0 1px 2px #000;font-size:15px}.bar{position:relative;height:14px;background:#2b2230;border:2px solid #120e16;border-radius:4px;overflow:hidden}.bar>i{position:absolute;inset:0 auto 0 0;background:var(--hp);transition:width .15s}.bar.mp>i{background:var(--mp)}.bar.sta>i{background:var(--sta)}.bar.exp{height:8px}.bar.exp>i{background:var(--exp)}.bar>span{position:absolute;inset:0;font-size:10px;line-height:11px;color:#fff;text-align:center;text-shadow:0 1px 0 #000}.buffs{display:flex;gap:3px;margin-top:3px}.buffs .b{font-size:10px;background:#0000008c;color:#ffe9a8;padding:1px 4px;border-radius:3px}.hotbar{position:fixed;left:50%;bottom:10px;transform:translate(-50%);display:flex;gap:6px;align-items:flex-end}.quickbar{position:fixed;left:50%;bottom:74px;transform:translate(-50%);display:flex;gap:4px}.quickbar .slot{width:36px;height:36px;border-width:9px}.quickbar .slot .icon{transform:scale(.75);transform-origin:center}.quickbar .slot .qty.none{color:#ff7a7a}.slot.locked{opacity:.45;cursor:default}.slot.locked .lock{font-size:14px}.slot{position:relative;width:52px;height:52px;border:12px solid transparent;border-image:url(/assets/gen/ui/slot_beige.png) 16 fill / 12px stretch;image-rendering:pixelated;display:flex;align-items:center;justify-content:center;cursor:pointer}.slot .key{position:absolute;left:-8px;top:-9px;font-size:11px;color:#fff;text-shadow:0 1px 0 #000}.slot .qty{position:absolute;right:-8px;bottom:-10px;font-size:11px;color:#fff;text-shadow:0 1px 0 #000,0 0 2px #000}.slot .cd{position:absolute;inset:-6px;background:#140a1e99;border-radius:4px;transform-origin:bottom}.slot .ench{position:absolute;left:-8px;bottom:-10px;font-size:10px;color:#7ef;text-shadow:0 1px 0 #000}.slot.empty .icon{opacity:.25}.slot.drag{outline:2px dashed var(--gold)}.slot.r1{border-image-source:url(/assets/gen/ui/slot_green.png)}.slot.r2{border-image-source:url(/assets/gen/ui/slot_blue.png)}.slot.r3{border-image-source:url(/assets/gen/ui/slot_purple.png)}.slot.r4{border-image-source:url(/assets/gen/ui/slot_orange.png)}.slot .dur{position:absolute;left:-6px;right:-6px;bottom:-8px;height:3px;background:#300}.slot .dur>i{display:block;height:100%;background:#6d6}.menu{position:fixed;right:10px;bottom:10px;display:flex;gap:4px}.menu .btn{min-width:40px}.minimap{position:fixed;right:10px;top:10px;width:180px}.minimap canvas{width:180px;height:140px;image-rendering:pixelated;border:3px solid #3b2a2a;border-radius:6px;background:#000;display:block}.minimap .zn{color:#fff;text-shadow:0 1px 2px #000;font-size:14px;text-align:center}.minimap .clock{color:#ffe9a8;text-shadow:0 1px 2px #000;font-size:12px;text-align:center}.tracker{position:fixed;right:10px;top:196px;width:240px;color:#fff;text-shadow:0 1px 2px #000;font-size:13px}.tracker .q{margin-bottom:6px;background:#140e1a73;padding:4px 6px;border-radius:4px}.tracker .q b{color:#ffe08a;font-weight:500}.tracker .q.ready b{color:#8f8}.event-banner{position:fixed;left:50%;top:10px;transform:translate(-50%);background:#501e64d9;color:#ffe9a8;padding:4px 14px;border-radius:12px;font-size:14px;text-shadow:0 1px 0 #000}.toasts{position:fixed;left:50%;top:22%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:4px;pointer-events:none!important}.toast{background:#140e1acc;color:#fff;padding:4px 12px;border-radius:6px;font-size:14px;animation:toast 3.2s forwards}.toast.good{color:#9f9}.toast.bad{color:#ff9a9a}.toast.loot{color:#ffe08a}.toast.quest{color:#9fd8ff}.toast.event{color:#ffb0ff;font-size:16px}@keyframes toast{0%{opacity:0;transform:translateY(6px)}8%{opacity:1;transform:none}80%{opacity:1}to{opacity:0;transform:translateY(-10px)}}.chat{position:fixed;left:10px;bottom:10px;width:380px;max-width:40vw;display:flex;flex-direction:column;gap:4px}.chat .log{height:170px;overflow-y:auto;background:#140e1a73;border-radius:6px;padding:6px;font-size:13px;color:#fff;text-shadow:0 1px 1px #000}.chat .log div{margin-bottom:2px;word-break:break-word}.chat .log .say b{color:#ffe08a}.chat .log .world b{color:#8fd0ff}.chat .log .trade b{color:#ffb070}.chat .log .whisper{color:#f9b0ff}.chat .log .system{color:#b9ffb0}.chat .log .npc{color:#ffd9a0}.chat .row{display:flex;gap:4px}.chat select{width:80px;font-size:13px}.chat input{flex:1;font-size:14px;background:#fffaf0eb}.chat.collapsed .log{display:none}.chat .log{transition:opacity .6s,background .6s}.chat .log.idle{opacity:.25;background:transparent}.chat:hover .log.idle,.chat:focus-within .log.idle{opacity:1;background:#140e1a73}.win{position:fixed;min-width:280px;max-height:calc(100vh - var(--safe-top) - var(--safe-bottom));display:flex;flex-direction:column}.win .title{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2);font-size:var(--fs-lg);font-weight:500;margin:-6px 0 var(--sp-2);padding-bottom:var(--sp-1);border-bottom:2px solid rgba(107,79,69,.25);cursor:move}.win .title .x{cursor:pointer;font-size:15px;line-height:1;width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius);color:var(--ink2);flex:none}.win .title .x:hover{background:#e255552e;color:var(--bad)}.win .fold{margin-top:var(--sp-2)}.win .fold>summary{cursor:pointer;font-size:var(--fs-sm);color:var(--ink2);padding:var(--sp-1) 0}.win .fold>summary:hover{color:var(--ink)}.farmedit{position:fixed;left:50%;bottom:84px;transform:translate(-50%)}.farmtidy{position:fixed;left:50%;bottom:84px;transform:translate(calc(-50% + 150px))}.farmhint{position:fixed;left:50%;top:var(--safe-top);transform:translate(-50%);background:var(--scrim);color:#fff;padding:var(--sp-1) var(--sp-3);border-radius:var(--radius);font-size:var(--fs-sm);display:none;pointer-events:none!important}.farmhint.on{display:block}.win .empty{padding:var(--sp-3) var(--sp-2);text-align:center;color:var(--ink2);font-size:var(--fs-sm)}.slot .slotcap{font-size:var(--fs-xs);color:var(--ink2);font-weight:500}.win .body{overflow-y:auto;min-height:0}.grid{display:grid;grid-template-columns:repeat(6,52px);gap:6px}.grid.g8{grid-template-columns:repeat(8,52px)}.tabs{display:flex;gap:4px;margin-bottom:8px;flex-wrap:wrap}.tabs .btn{min-height:30px;font-size:13px}.tabs .btn.on{filter:brightness(1.25) saturate(1.2)}.kv{display:grid;grid-template-columns:auto 1fr auto;gap:3px 10px;align-items:center;font-size:14px}.list{display:flex;flex-direction:column;gap:4px}.list .it{display:flex;align-items:center;gap:8px;padding:4px 6px;background:#ffffff59;border-radius:4px;font-size:14px}.list .it .grow{flex:1}.list .it.locked{opacity:.55}.muted{color:var(--ink2);font-size:var(--fs-sm)}.gold{color:#b07a10;font-weight:500}.equip-layout{display:grid;grid-template-columns:52px 140px 52px;gap:6px;align-items:center;justify-items:center}.equip-layout canvas{width:128px;height:128px;image-rendering:pixelated;grid-row:span 4;background:#cfe3b6;border-radius:6px}.kv.stats .statbtns{display:flex;gap:4px}.kv.stats .statbtns .btn{min-width:26px;padding:2px 6px}.kv.stats .statbtns .btn:disabled{opacity:.4;cursor:default}.dialog{position:fixed;left:50%;bottom:90px;transform:translate(-50%);width:640px;max-width:96vw}.dialog .who{font-size:18px;font-weight:500}.dialog .who small{color:var(--ink2);font-weight:300;margin-left:6px}.dialog .txt{min-height:48px;font-size:16px;margin:6px 0 10px}.dialog .acts{display:flex;flex-wrap:wrap;gap:6px}.tip{position:fixed;z-index:99;max-width:280px;font-size:13px;pointer-events:none!important}.tip h4{margin:0 0 4px;font-size:15px;font-weight:500}.tip .st{color:#2a6a2a}.progress{position:fixed;left:50%;bottom:96px;transform:translate(-50%);width:200px}.progress .bar>i{background:var(--gold);transition:none}.fishbar{position:fixed;left:50%;bottom:118px;transform:translate(-50%);width:240px;text-align:center;font-size:12px;color:#fff;text-shadow:0 1px 2px #000}.fishbar em{font-style:normal;display:block;margin-bottom:4px}.fishbar .bar{position:relative;height:14px;background:#1b2c3a;border:2px solid #0a1520;border-radius:4px;overflow:visible}.fishbar .bar>b{position:absolute;top:0;bottom:0;background:#39c15a;border-radius:2px}.fishbar .bar>i{position:absolute;top:-4px;width:4px;height:18px;margin-left:-2px;background:#fff;border:1px solid #000;border-radius:2px}.fishbar span{display:block;margin-top:4px}.fishbar.ok .bar>i{background:#7dff7d}.fishbar.miss .bar>i{background:#ff5a5a}.fishbar.miss .bar>b{background:#7a4040}.dead{position:fixed;inset:0;background:#28000073;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;color:#fff;font-size:28px;text-shadow:0 2px 4px #000}.help{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:620px;max-width:96vw}.help kbd{background:#fff;border:1px solid #a88;border-radius:3px;padding:0 5px;font-family:var(--font);font-size:13px}.mapwin canvas{image-rendering:pixelated;max-width:80vw;max-height:70vh}.netstatus{position:fixed;left:50%;top:46px;transform:translate(-50%);background:#781414e6;color:#fff;padding:6px 14px;border-radius:8px;font-size:14px}.ping{position:fixed;right:196px;top:12px;color:#fff;font-size:11px;text-shadow:0 1px 1px #000}@media(max-width:900px){.tracker{display:none}.chat{width:300px}}:root{--plaque: rgba(58, 40, 30, .62);--plaque-edge: #c9a063;--plaque-edge2: #6b4a2a;--parchment: rgba(243, 227, 195, .92)}.hud-top{background:var(--plaque);border:2px solid var(--plaque-edge);outline:2px solid var(--plaque-edge2);border-radius:14px;padding:8px 12px 8px 8px;box-shadow:0 4px 14px #00000059,inset 0 1px #ffebbe40;backdrop-filter:blur(3px)}.portrait{border:3px solid var(--plaque-edge);outline:2px solid var(--plaque-edge2);border-radius:12px;box-shadow:inset 0 0 0 2px #00000040,0 2px 6px #0006}.bars .nm{color:#ffe9a8;font-size:15px;letter-spacing:.3px;text-shadow:0 1px 0 #2a1a10,0 0 8px rgba(255,200,120,.25)}.bar{height:15px;border-radius:9px;border:2px solid #2a1a12;background:linear-gradient(#1b1218,#2d2026);box-shadow:inset 0 2px 3px #0009,0 1px #ffebbe26}.bar>i{border-radius:7px;background:linear-gradient(#ff8f7a,var(--hp) 55%,#a82424);box-shadow:inset 0 -3px #0000002e}.bar.mp>i{background:linear-gradient(#8ec6ff,var(--mp) 55%,#1f5aa8)}.bar.sta>i{background:linear-gradient(#9fe8a8,var(--sta) 55%,#2f8a40)}.bar.exp{height:9px;border-radius:5px}.bar.exp>i{border-radius:3px;background:linear-gradient(#ffe08a,var(--exp) 55%,#b8780f)}.bar:after{content:"";position:absolute;left:6px;right:6px;top:1px;height:4px;border-radius:3px;background:#ffffff38;pointer-events:none}.bar.exp:after{height:2px}.bar>span{font-size:10px;line-height:12px;color:#fff6e0;text-shadow:0 1px 0 #000,0 0 3px rgba(0,0,0,.6)}.buffs .b{background:#5a3c1ebf;border:1px solid var(--plaque-edge);color:#ffe9a8;border-radius:8px;padding:1px 6px}.minimap canvas{border:4px solid #7a5230;outline:2px solid var(--plaque-edge);border-radius:12px;box-shadow:inset 0 0 0 2px #00000059,0 4px 14px #0006;image-rendering:auto}.minimap .zn{background:var(--plaque);border:1px solid var(--plaque-edge);border-radius:10px 10px 2px 2px;color:#ffe9a8;font-size:13px;padding:2px 8px;margin:0 6px -2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.minimap .clock{background:var(--plaque);border:1px solid var(--plaque-edge);border-top:0;border-radius:2px 2px 10px 10px;margin:-2px 24px 0;padding:1px 0}.ping{right:200px;top:14px;color:#ffe9a8;opacity:.8}.hotbar,.quickbar{padding:8px 12px 10px;background:var(--plaque);border:2px solid var(--plaque-edge);outline:2px solid var(--plaque-edge2);border-radius:16px;box-shadow:0 4px 14px #00000059,inset 0 1px #ffebbe40;backdrop-filter:blur(3px)}.quickbar{padding:5px 10px 8px;border-radius:12px;bottom:90px}.slot .key,.slot .qty,.slot .ench{color:#ffe9a8}.menu{padding:6px 8px;background:var(--plaque);border:2px solid var(--plaque-edge);outline:2px solid var(--plaque-edge2);border-radius:14px;box-shadow:0 4px 14px #00000059;backdrop-filter:blur(3px)}.chat .log{background:var(--plaque);border:1px solid var(--plaque-edge);border-radius:12px;color:#fff6e0}.chat:hover .log.idle,.chat:focus-within .log.idle{background:var(--plaque)}.chat input{background:var(--parchment);border-color:#a07a4a;border-radius:10px}.chat select{border-radius:10px;border-color:#a07a4a;background:var(--parchment)}.toast{background:linear-gradient(#503824eb,#3a281ceb);border:1px solid var(--plaque-edge);border-radius:16px;padding:5px 16px;color:#fff6e0;box-shadow:0 3px 10px #00000059}.toast.event{background:linear-gradient(#603878eb,#402458eb);border-color:#d8a8ff}.event-banner{background:linear-gradient(#603878e6,#402458e6);border:1px solid #d8a8ff;box-shadow:0 3px 10px #00000059}.tracker .q{background:var(--plaque);border:1px solid rgba(201,160,99,.6);border-radius:10px;padding:5px 8px;color:#fff6e0}.netstatus{border-radius:12px;border:1px solid #ffb0a0}.win .title{font-family:var(--font);color:#5a3a1a;border-bottom:2px solid rgba(160,110,50,.45);text-shadow:0 1px 0 rgba(255,245,220,.6)}.win .title:before{content:"✦";color:#c98a2a;font-size:13px;margin-right:6px}.list .it{background:#fffaeb73;border:1px solid rgba(160,110,50,.25);border-radius:8px}.tabs .btn.on{outline:2px solid var(--gold);outline-offset:-4px}.dialog .who{color:#5a3a1a}.dialog .who:before{content:"❝";color:#c98a2a;margin-right:6px}.mapwin canvas{border:3px solid #7a5230;outline:2px solid var(--plaque-edge);border-radius:10px}.help kbd{background:#fff8e8;border-color:#c9a063}@media(max-width:900px){.hud-top{padding:6px 8px}.hotbar{padding:6px 8px 8px}}.minimap .zn{font-size:12px;white-space:normal;line-height:1.15}@media(max-width:1500px){.menu{bottom:84px}}.progress{bottom:150px;z-index:5}.fishbar{bottom:172px;z-index:5;background:var(--plaque);border:2px solid var(--plaque-edge);border-radius:12px;padding:6px 10px 8px}.farmedit,.farmtidy{bottom:150px}.ask-back{position:fixed;inset:0;z-index:100000;background:#140c0873;display:flex;align-items:center;justify-content:center}.ask-back .win.ask{position:relative;width:min(420px,calc(100vw - 32px));max-height:none}.ask .ask-row{display:flex;gap:var(--sp-1);align-items:center;justify-content:center;flex-wrap:wrap}.ask .ask-num{width:110px;text-align:center;font-size:var(--fs-lg)}.ask .ask-num::-webkit-inner-spin-button{-webkit-appearance:none}.ask .ask-text{flex:1;min-width:0}.ask .ask-msg{font-size:var(--fs-md);line-height:1.5;text-align:center;padding:var(--sp-1) 0}.ask .ask-btns{display:flex;gap:var(--sp-2);justify-content:center;margin-top:var(--sp-3)}.panel,.panel.white{border-width:20px;border-image:url(/assets/ui/panel.png) 20 fill / 20px stretch;image-rendering:auto;color:var(--ink)}.win.panel{border-width:28px 36px 24px 24px;border-image:url(/assets/ui/window.png) 28 36 24 24 fill / 28px 36px 24px 24px stretch}.win .title{justify-content:flex-start;margin:-26px 0 10px -4px;height:22px;padding:0;border-bottom:0;font-size:15px;white-space:nowrap}.win .title .x{position:absolute;top:-19px;right:-18px;width:17px;height:17px;font-size:12px;border-radius:3px;color:#7a4a22}.win .title .x:hover{background:#e2555540}.btn{border-image:url(/assets/ui/btn_orange.png) 12 fill / 12px stretch;image-rendering:auto}.btn.green{border-image-source:url(/assets/ui/btn_green.png)}.btn.blue{border-image-source:url(/assets/ui/btn_blue.png)}.btn.red{border-image-source:url(/assets/ui/btn_red.png)}.btn.white{border-image-source:url(/assets/ui/btn_grey.png)}.btn.small{border-image-width:9px}input,select,textarea,.chat input,.chat select{border:7px solid transparent;border-radius:0;border-image:url(/assets/ui/input.png) 10 fill / 7px stretch;background:transparent;padding:1px 4px}.slot{border-image:url(/assets/ui/slot.png) 14 fill / 12px stretch;image-rendering:auto}.slot.r1,.slot.r2,.slot.r3,.slot.r4{border-image-source:url(/assets/ui/slot.png)}.slot.r1{box-shadow:inset 0 0 0 2px #4fbf5a,inset 0 0 8px #4fbf5a73}.slot.r2{box-shadow:inset 0 0 0 2px #3f8fe8,inset 0 0 8px #3f8fe873}.slot.r3{box-shadow:inset 0 0 0 2px #a35ee0,inset 0 0 8px #a35ee073}.slot.r4{box-shadow:inset 0 0 0 2px #f0962a,inset 0 0 8px #f0962a80}.bar{border:0 solid transparent;border-radius:0;background:none;box-shadow:none;border-image:url(/assets/ui/bar_track.png) 8 10 fill / 6px 8px stretch}.bar:after{display:none}.bar>i{top:2px;bottom:2px;left:2px;max-width:calc(100% - 4px);border-radius:0;background:none;box-shadow:none;border:0 solid transparent;border-image:url(/assets/ui/bar_hp.png) 8 10 fill / 5px 6px stretch}.bar.mp>i{background:none;border-image-source:url(/assets/ui/bar_mp.png)}.bar.sta>i{background:none;border-image-source:url(/assets/ui/bar_sta.png)}.bar.exp>i,.progress .bar>i{background:none;border-image-source:url(/assets/ui/bar_exp.png)}.bar.exp>i{border-image-width:3px 4px}.bar.exp{height:13px}.bar.exp>span{line-height:13px}.minimap .zn{background:none;border:0 solid transparent;border-radius:0;border-image:url(/assets/ui/bar_plaque.png) 10 16 fill / 8px 13px stretch;color:#5a3a1a;padding:3px 14px;text-shadow:0 1px 0 rgba(255,245,220,.6)}.minimap{width:219px}.minimap .zn{margin:0 8px 2px}.mmframe{position:relative;width:219px;height:247px;background:url(/assets/ui/x2/minimap_frame.png) no-repeat}.minimap .mmframe canvas{position:absolute;left:19px;top:31px;width:152px;height:164px;border:0;outline:0;border-radius:12px;box-shadow:none;z-index:-1;cursor:pointer}.mmframe{isolation:isolate}.mmframe button{position:absolute;left:175px;width:38px;height:38px;padding:0;border:0;background:none;cursor:pointer;border-radius:8px}.mmframe button:hover{background:#fff0c82e}.mmframe .mm-globe{top:69px}.mmframe .mm-in{top:113px}.mmframe .mm-out{top:155px}.minimap .mmframe .clock{position:absolute;left:72px;top:212px;width:100px;height:34px;line-height:34px;margin:0;padding:0;border:0;background:none;text-align:center;color:#ffe9a8;font-size:15px;text-shadow:0 1px 0 #000}.minimap .mmframe .clock.night:before{content:"🌙";position:absolute;left:-26px;top:3px;width:26px;height:28px;line-height:28px;font-size:16px;background:#3a2a22;border-radius:50%}.ping{right:236px}.hotbar,.quickbar{border:0;outline:0;border-radius:0;box-shadow:none;backdrop-filter:none;padding:10px 16px 12px;background:url(/assets/ui/x2/tray_m.png) center / 100% 100% no-repeat}.quickbar{padding:7px 12px 9px}.hotbar:before,.hotbar:after{content:"";position:absolute;top:0;height:100%;aspect-ratio:80 / 59;pointer-events:none;background:center / 100% 100% no-repeat}.hotbar:before{left:0;transform:translate(-84%);background-image:url(/assets/ui/x2/tray_l.png)}.hotbar:after{right:0;transform:translate(84%);background-image:url(/assets/ui/x2/tray_r.png)}.menu .mbtn{width:36px;height:36px;padding:0;border:0;background:center / contain no-repeat;cursor:pointer;font-size:18px;line-height:36px}.menu .mbtn.plain{background-image:url(/assets/ui/x2/cell.png)}.menu .mbtn:hover{filter:brightness(1.15);transform:translateY(-1px)}input[type=checkbox]{appearance:none;-webkit-appearance:none;width:26px;height:28px;padding:0;border:0;border-image:none;background:url(/assets/ui/x2/check_off.png) center / contain no-repeat;vertical-align:middle;cursor:pointer}input[type=checkbox]:checked{background-image:url(/assets/ui/x2/check_on.png)}.gold i.coin,.gold i.gem{display:inline-block;width:18px;height:18px;margin:0 3px 0 6px;vertical-align:-3px;background:center / contain no-repeat}.gold i.coin{background-image:url(/assets/ui/x2/coin.png);margin-left:0}.gold i.gem{background-image:url(/assets/ui/x2/gem.png)}.panel,.panel.white{border-width:46px 22px 22px;border-image:url(/assets/ui/x2/panel.png) 50 70 40 70 fill / 50px 70px 40px 70px stretch}.tip.panel{border-width:28px 14px 14px;border-image-width:30px 42px 24px 42px}.win.panel{border-width:64px 40px 34px;border-image:url(/assets/ui/x2/window.png) 90 120 80 120 fill / 90px 120px 80px 120px stretch}.win .title{justify-content:center;margin:-44px 34px 12px;height:24px;color:#ffe9a8;text-shadow:0 1px 0 #000}.win .title:before{content:none}.win .title .x{top:-29px;right:-30px;width:35px;height:35px;color:transparent;border-radius:8px}.win .title .x:hover{background:#ffffff2e;color:transparent}.btn{border-image:url(/assets/ui/x2/btn_yellow.png) 16 fill / 12px stretch;text-shadow:0 1px 0 #6a4310}.btn.green{border-image-source:url(/assets/ui/x2/btn_green.png)}.btn.blue{border-image-source:url(/assets/ui/x2/btn_blue.png)}.btn.red{border-image-source:url(/assets/ui/x2/btn_red.png)}.btn.white{border-image-source:url(/assets/ui/x2/btn_grey.png);color:#fff;text-shadow:0 1px 0 #4a4a52}input,select,textarea{border-image:url(/assets/ui/x2/input.png) 12 fill / 7px stretch}.slot,.slot.r1,.slot.r2,.slot.r3,.slot.r4{border-image:url(/assets/ui/x2/cell.png) 16 fill / 12px stretch}.minimap .zn{border-image:url(/assets/ui/x2/zone.png) 12 50 12 50 fill / 10px 40px stretch;color:#ffe9a8;padding:3px 34px;text-shadow:0 1px 0 #000;margin:0 0 2px}.chat{width:415px;max-width:none;gap:0}.chat .log,.chat:hover .log.idle,.chat:focus-within .log.idle{height:178px;box-sizing:border-box;padding:10px 44px 8px 14px;border:0;border-radius:0;background:url(/assets/ui/x2/chat_top.png) 0 0 / 100% 100% no-repeat}.chat .log{scrollbar-width:none}.chat .log::-webkit-scrollbar{display:none}.chat .log.idle{background:url(/assets/ui/x2/chat_top.png) 0 0 / 100% 100% no-repeat}.chat .row{position:relative;height:57px;background:url(/assets/ui/x2/chat_bottom.png) 0 0 / 100% 100% no-repeat}.chat .row select{display:none}.chat button.cb-ch,.chat button.cb-fold,.chat button.cb-send,.chat button.cb-up,.chat button.cb-down{position:absolute;padding:0;border:0;background:none;cursor:pointer;border-radius:10px}.chat button:hover{background:#fff0c82e}.chat .cb-ch{left:8px;top:8px;width:44px;height:40px}.chat .cb-fold{left:322px;top:8px;width:40px;height:40px}.chat .cb-send{left:368px;top:8px;width:38px;height:40px}.chat .cb-up{left:381px;top:14px;width:26px;height:26px}.chat .cb-down{left:381px;top:148px;width:26px;height:26px}.chat.collapsed .cb-up,.chat.collapsed .cb-down{display:none}.chat .row input,.chat .row input:focus{position:absolute;left:62px;top:10px;width:250px;height:36px;box-sizing:border-box;border:0;border-image:none;background:none;outline:0;padding:0 10px;font-size:14px}.slot .slotghost{width:34px;height:34px;background:center / contain no-repeat;opacity:.4;filter:grayscale(.6)}.creator{grid-template-columns:236px 1fr;gap:22px;width:800px;align-items:start}.creator .stage{display:flex;flex-direction:column;align-items:center;gap:8px;padding-top:6px}.creator .stagebox{position:relative;width:224px;height:248px;border:12px solid transparent;border-image:url(/assets/ui/x2/cell.png) 16 / 12px stretch;background:radial-gradient(ellipse 70% 14% at 50% 86%,rgba(40,70,20,.35) 0 60%,transparent 62%),linear-gradient(#cfe9f5,#e8f4d8 46%,#a9d48a 47%,#7fb862);background-clip:padding-box;display:flex;align-items:flex-end;justify-content:center;overflow:hidden}.creator .stagebox:before,.creator .stagebox:after{content:"✿";position:absolute;bottom:10px;font-size:18px;color:#f6f0ff;text-shadow:0 1px 0 #6a8a4a}.creator .stagebox:before{left:14px}.creator .stagebox:after{right:18px;bottom:26px;color:#ffd0e4}.creator canvas{width:192px;height:192px;background:none;border-radius:0;margin-bottom:14px;cursor:pointer}.creator .nameplate{min-width:190px;text-align:center;color:#ffe9a8;font-size:15px;text-shadow:0 1px 0 #000;padding:4px 30px;border:0 solid transparent;border-image:url(/assets/ui/x2/zone.png) 12 50 12 50 fill / 12px 40px stretch}.creator .stage .muted{font-size:12px}.creator .opts{gap:9px}.creator .opts h2{margin:0 0 2px;font-size:22px;font-weight:500;color:#5a3a1a;text-shadow:0 1px 0 rgba(255,245,220,.7)}.creator .opts h2:before{content:"✿ ";color:#d0703a}.optrow{display:grid;grid-template-columns:70px 1fr;gap:10px;align-items:center;padding-bottom:8px;border-bottom:1px dashed rgba(140,95,50,.3)}.optrow>label{font-size:15px;font-weight:500;color:#6b4a2a}.optval{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.optval>input{flex:1}.optval>.muted{flex-basis:100%;font-size:13px}.classes{display:flex;gap:8px}.classes .cls{display:flex;align-items:center;gap:8px;padding:4px 12px 4px 4px;border:10px solid transparent;border-radius:0;border-image:url(/assets/ui/x2/cell.png) 16 fill / 10px stretch;background:none;text-align:left;font-size:13px;color:#7a5a3a}.classes .cls.sel{filter:drop-shadow(0 0 4px #ffcc55) drop-shadow(0 0 2px #e08a2a)}.classes .cls b{font-size:16px;color:#4a2e14}.cls-ic{width:40px;height:40px;background:center / contain no-repeat}.cls-villager{background-image:url(/assets/ui/icons/skill_v_combo.png)}.swatch{width:28px;height:28px;border:3px solid #7a5230;box-shadow:inset 0 -3px #0000002e,0 1px #fff5dc99;transition:transform .1s}.swatch:hover{transform:scale(1.12)}.swatch.sel{outline:0;border-color:#ffd34d;box-shadow:0 0 0 2px #b8741a,0 0 8px #fc5;transform:scale(1.12)}.optval .dice{margin-left:auto}.creator .acts{display:flex;justify-content:flex-end;gap:10px;margin-top:4px}.btn.big{font-size:18px;min-height:46px;padding:0 18px}.panel,.panel.white{border-width:34px 30px 30px;border-image:url(/assets/ui/k3/panel.png) 100 110 92 110 fill / 100px 110px 92px 110px stretch;color:var(--ink)}.tip.panel{border-width:18px 16px 16px;border-image-width:50px 55px 46px 55px}.win.panel{border-width:38px 32px 30px;border-image:url(/assets/ui/k3/window.png) 100 110 92 110 fill / 100px 110px 92px 110px stretch}.win .title{justify-content:center;margin:-22px 40px 10px;height:26px;color:#6a3e16;text-shadow:0 1px 0 rgba(255,248,225,.8);font-size:17px;border-bottom:0;background:linear-gradient(90deg,transparent,#c9973f 30%,#c9973f 70%,transparent) bottom / 100% 1px no-repeat}.win .title:before{content:"❦";color:#b8862e;margin-right:6px}.win .title .x{top:-29px;right:-27px;width:44px;height:44px;border-radius:50%;color:transparent}.win .title .x:hover{background:#ffffff38;color:transparent}.btn{border-image:url(/assets/ui/k3/btn_gold.png) 16 18 16 30 fill / 12px 13px 12px 22px stretch;text-shadow:0 1px 0 #6a4310}.btn.green{border-image-source:url(/assets/ui/k3/btn_green.png)}.btn.blue{border-image-source:url(/assets/ui/k3/btn_blue.png)}.btn.red{border-image-source:url(/assets/ui/k3/btn_red.png)}.btn.white{border-image-source:url(/assets/ui/k3/btn_cream.png);color:#5a3a1a;text-shadow:0 1px 0 rgba(255,248,225,.8)}.btn.small{border-image-width:9px 10px 9px 16px}input,select,textarea{border-image:url(/assets/ui/k3/input.png) 12 14 12 28 fill / 7px 8px 7px 16px stretch;padding-left:8px}.slot{border-image:url(/assets/ui/k3/slot.png) 14 fill / 12px stretch;box-shadow:none}.slot.r1{border-image-source:url(/assets/ui/k3/slot_green.png);box-shadow:none}.slot.r2{border-image-source:url(/assets/ui/k3/slot_blue.png);box-shadow:none}.slot.r3{border-image-source:url(/assets/ui/k3/slot_purple.png);box-shadow:none}.slot.r4{border-image-source:url(/assets/ui/k3/slot_gold.png);box-shadow:none}.slot.locked{border-image-source:url(/assets/ui/k3/slot_dark.png);opacity:.8}.dialog.panel{border-width:20px 26px 30px 44px;border-image:url(/assets/ui/k3/bubble.png) 22 30 32 100 fill / 22px 30px 32px 100px stretch}.win.panel{border-width:46px 40px 36px 42px}.win .title{margin:-18px 30px 12px;padding-bottom:4px}.win .title .x{top:-37px;right:-35px}.win .body{padding-right:4px;scrollbar-width:thin;scrollbar-color:#c9973f rgba(160,110,50,.12)}.win .body::-webkit-scrollbar{width:8px}.win .body::-webkit-scrollbar-thumb{background:#c9973f;border-radius:4px}.win .body::-webkit-scrollbar-track{background:#a06e321f;border-radius:4px}input[type=range]{accent-color:#c07a2c;border:0;border-image:none;background:none;padding:0;height:18px}.settings .list{gap:8px}.settings .list>b{display:flex;align-items:center;gap:8px;color:#6a3e16;font-size:15px;margin-top:4px}.settings .list>b:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,#c9973f,transparent)}.settings .kv{grid-template-columns:76px 1fr 0;padding-left:6px}.settings .list>label{display:flex;align-items:center;gap:8px;padding-left:6px}.settings .list>.btn.blue{align-self:stretch;margin:0 6px}.settings .list>.muted{padding:0 6px;font-size:13px}.settings .links{display:flex;gap:6px;padding:2px 6px 0}.settings .links>*{flex:1}.charwin{display:grid;grid-template-columns:330px 1fr;gap:22px;align-items:start}.charwin .equip-layout{grid-template-columns:76px 1fr 76px;gap:8px}.charwin .equip-layout canvas{width:160px;height:160px;grid-row:span 4;border-radius:10px;border:2px solid rgba(160,110,50,.35);background:radial-gradient(ellipse 60% 12% at 50% 84%,rgba(40,70,20,.3) 0 60%,transparent 62%),linear-gradient(#d8eef6,#eaf5dc 50%,#a9d48a 51%,#86bd68)}.charwin .char-left>.muted{text-align:center;margin:10px 0!important}.char-tool{display:flex;align-items:center;gap:10px;justify-content:center}.char-right{display:flex;flex-direction:column;gap:6px;border-left:1px solid rgba(160,110,50,.3);padding-left:18px}.char-h{display:flex;align-items:center;gap:8px;color:#6a3e16;font-weight:500;font-size:15px}.char-h:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,#c9973f,transparent)}.char-right .kv{grid-template-columns:1fr auto auto;row-gap:6px}.char-right .kv.stats .statbtns .btn{min-width:30px;min-height:26px;padding:0 4px;border-image-width:8px 9px 8px 12px}.char-right .kv.derived{grid-template-columns:1fr auto 0;padding:6px 10px;background:#fffaeb73;border:1px solid rgba(160,110,50,.25);border-radius:8px}.hud-top{background:none;outline:0;border-radius:0;box-shadow:none;backdrop-filter:none;padding:0 6px 0 0;border:20px solid transparent;border-image:url(/assets/ui/hud/panel.png) 58 68 fill / 20px 24px stretch}.hud-top .portrait{width:56px;height:56px;outline:0;border-radius:0;box-shadow:none;background:#d9e8c2 padding-box;border:10px solid transparent;border-width:13px 10px 10px;border-image:url(/assets/ui/hud/portrait.png) 44 30 30 / 13px 10px 10px stretch}.hud-top .bars{min-width:230px;gap:2px}.hud-top .bars .nm{color:#4a2c16;text-shadow:0 1px 0 rgba(255,240,210,.7);font-weight:600}.hud-top .bar{width:230px;height:16px;border:0;background:none;box-shadow:none;border-image:url(/assets/ui/hud/track.png) 0 28 fill / 0 9px stretch}.hud-top .bar.exp{height:13px}.hud-top .bar>i{top:0;bottom:0;left:0;max-width:none;border:0;border-image:none;background:none;box-shadow:none;overflow:hidden}.hud-top .bar>i:before{content:"";position:absolute;left:0;top:0;bottom:0;width:230px;border:0 solid transparent;border-image:url(/assets/ui/hud/hp.png) 0 28 fill / 0 9px stretch}.hud-top .bar.mp>i:before{border-image-source:url(/assets/ui/hud/mp.png)}.hud-top .bar.sta>i:before{border-image-source:url(/assets/ui/hud/sta.png)}.hud-top .bar.exp>i:before{border-image-source:url(/assets/ui/hud/exp.png)}.hud-top .bar>span{line-height:16px}.hud-top .bar.exp>span{line-height:13px}html,body{overflow:auto;height:auto;user-select:text}body{background:#1d1a24 url(/assets/gen/tiles/terrain.png) 0 0 / 0 0 no-repeat;color:#f4ead6}.nav{position:sticky;top:0;z-index:5;display:flex;gap:18px;align-items:center;padding:10px 24px;background:#1d1a24eb;border-bottom:3px solid #3b2a2a}.nav .brand{font-size:22px;color:#ffe9a8;text-shadow:0 2px 0 #7a3c12;margin-right:auto}.nav a{color:#f4ead6;text-decoration:none}.nav a:hover{color:#ffe9a8}.hero{position:relative;min-height:380px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center;padding:40px 16px;background:radial-gradient(ellipse at 50% 20%,#4b7a4a,#2a3d33 60%,#1d1a24)}.hero h1{font-size:54px;margin:0;color:#ffe9a8;text-shadow:0 4px 0 #7a3c12,0 0 30px rgba(255,210,120,.4);font-weight:500}.hero p{font-size:18px;max-width:720px;color:#d6f0c8;margin:0}.hero canvas{image-rendering:pixelated}.wrap{max-width:1100px;margin:0 auto;padding:24px 16px 60px}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}.card{color:var(--ink)}.card h3{margin:0 0 6px;font-weight:500}h2.sec{color:#ffe9a8;font-weight:500;margin:34px 0 12px;font-size:26px}.stat{display:inline-block;padding:4px 12px;border-radius:10px;background:#00000059;margin:2px}table.data{width:100%;border-collapse:collapse;color:var(--ink);background:#fbf2de;border-radius:6px;overflow:hidden;font-size:14px}table.data th{background:#e8c99a;text-align:left;padding:6px 8px;font-weight:500;position:sticky;top:52px}table.data td{padding:4px 8px;border-top:1px solid #ead7b5;vertical-align:middle}table.data tr:hover td{background:#fff6e0}.tabsbar{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 16px}.search{width:100%;margin-bottom:10px}.foot{text-align:center;color:#9a8f86;font-size:13px;padding:30px}.pill{display:inline-block;padding:0 6px;border-radius:8px;background:#e8d4b0;margin:1px;font-size:12px}body.landing{background:#14201a;color:#f4ead6;font-family:Mitr,system-ui,sans-serif;font-weight:300}.landing a{color:#ffe9a8}.landing .nav{gap:14px;padding:10px 20px;background:#101814e0;backdrop-filter:blur(6px);border-bottom:1px solid rgba(255,233,168,.18);flex-wrap:wrap}.landing .nav .brand{text-decoration:none;margin-right:0}.landing .nav .links{display:flex;gap:16px;margin-right:auto;margin-left:18px;flex-wrap:wrap}.landing .nav .links a{color:#e9e0cc;font-size:15px}.cta{display:inline-flex;align-items:center;gap:8px;padding:12px 26px;border-radius:12px;font-size:20px;font-weight:500;color:#2b1a05!important;text-decoration:none;background:linear-gradient(#ffe08a,#f2b544);box-shadow:0 4px #a8661c,0 8px 24px #00000059}.cta:hover{filter:brightness(1.06);transform:translateY(-1px)}.cta.small{padding:6px 16px;font-size:16px;box-shadow:0 3px #a8661c}.ghost{display:inline-flex;align-items:center;padding:12px 22px;border-radius:12px;font-size:18px;text-decoration:none;color:#fff8e6!important;border:1px solid rgba(255,248,230,.55);background:#00000040}.hero2{position:relative;min-height:min(86vh,760px);display:flex;align-items:flex-end;background:linear-gradient(90deg,#0a100c9e,#0a100c40 55%,#0a100c00 80%),linear-gradient(180deg,#0a100c1a,#0a100c4d 45%,#14201a),url(/assets/site/hero.webp) center / cover no-repeat}.hero-in{width:100%;max-width:1100px;margin:0 auto;padding:48px 20px 56px}.kicker{display:inline-block;font-size:14px;letter-spacing:.04em;padding:3px 12px;border-radius:99px;background:#00000073;color:#d6f0c8}.hero2 h1{font-size:clamp(40px,7vw,76px);line-height:1.05;margin:12px 0 10px;font-weight:500;color:#ffe9a8;text-shadow:0 4px 0 #6b3a12,0 6px 30px rgba(0,0,0,.6)}.lead{font-size:clamp(16px,2.2vw,20px);max-width:640px;margin:0 0 22px;color:#fff8e6;text-shadow:0 2px 8px rgba(0,0,0,.8)}.actions{display:flex;gap:12px;flex-wrap:wrap}.status{display:inline-flex;align-items:center;gap:8px;margin-top:18px;padding:6px 14px;border-radius:99px;background:#00000080;font-size:15px}.dot{width:10px;height:10px;border-radius:50%;background:#999}.dot.on{background:#5ee07a;box-shadow:0 0 8px #5ee07a}.dot.off{background:#e05e5e}.note{margin-top:10px;font-size:14px;color:#cfe3c6;text-shadow:0 1px 4px rgba(0,0,0,.8)}.wrap2{max-width:1100px;margin:0 auto;padding:8px 20px 40px}.wrap2 section{padding:36px 0 8px;scroll-margin-top:70px}.wrap2 h2{font-size:clamp(24px,3.4vw,32px);font-weight:500;color:#ffe9a8;margin:0 0 18px}.grid3{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.feat{padding:18px 18px 16px;border-radius:14px;background:linear-gradient(180deg,#213328,#1a2920);border:1px solid rgba(255,233,168,.14)}.feat .ico{font-size:30px}.feat h3{margin:6px 0;font-size:20px;font-weight:500;color:#fff3d4}.feat p{margin:0;color:#cfdcc8;line-height:1.6}.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:14px}.gallery figure{margin:0;border-radius:14px;overflow:hidden;background:#0d1410;border:1px solid rgba(255,233,168,.14)}.gallery img{display:block;width:100%;aspect-ratio:16 / 9;object-fit:cover}.gallery figcaption{padding:8px 12px;font-size:15px;color:#e9e0cc}.band{margin:24px 0 0;padding:28px 24px 30px!important;border-radius:18px;text-align:center;background:radial-gradient(ellipse at 50% 0%,#3d6b3c,#213328 70%);border:1px solid rgba(255,233,168,.18)}.steps{list-style:none;padding:0;margin:0 0 22px;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;counter-reset:s;text-align:left}.steps li{counter-increment:s;padding:14px 16px 14px 54px;position:relative;border-radius:12px;background:#00000040;display:flex;flex-direction:column;gap:4px}.steps li:before{content:counter(s);position:absolute;left:14px;top:14px;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#f2b544;color:#2b1a05;font-weight:500}.steps b{font-weight:500;color:#fff3d4}.steps span{color:#cfdcc8;font-size:15px}.news{padding:16px 18px;border-radius:14px;background:#1a2920;border:1px solid rgba(255,233,168,.14)}.news time{font-size:14px;color:#b9c8b1}.news h3{margin:4px 0 6px;font-weight:500;color:#fff3d4}.news p{margin:0;color:#cfdcc8;line-height:1.6}.news code{background:#00000059;padding:1px 6px;border-radius:6px}.foot2{text-align:center;padding:28px 16px 40px;color:#c9bfae;border-top:1px solid rgba(255,233,168,.12);display:grid;gap:6px}.foot2 .muted{color:#8e9a8a;font-size:13px}@media(max-width:640px){.landing .nav .links{order:3;width:100%;margin:4px 0 0;gap:14px;overflow-x:auto}.hero2{min-height:78vh}.hero-in{padding:32px 16px 40px}.cta{font-size:18px;padding:11px 20px}}