:root{color:#e6edf2;--safe-l:env(safe-area-inset-left,0px);--safe-r:env(safe-area-inset-right,0px);--safe-t:env(safe-area-inset-top,0px);--safe-b:env(safe-area-inset-bottom,0px);background:#0c0f13;font-family:Courier New,ui-monospace,monospace;font-size:16px}*{box-sizing:border-box}[hidden]{display:none!important}html,body{touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;background:#0c0f13;width:100%;height:100%;min-height:100dvh;margin:0;padding:0;overflow:hidden}#app,canvas,button,#field,#title,#base,#result,#workshop,#overlay,#settings,#bars,#slots,#shortcuts,#stickCol{touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}#stage canvas,#view,#moveZone,#stick,#actions,#actions button{touch-action:none}.modal-body,#baseScroll,#resultLoot{touch-action:pan-y;overscroll-behavior:contain}html:has(body.playing),body.playing,html:has(body.title),body.title{height:100dvh;overflow:hidden}html:has(body.playing),body.playing{background:#241c16}#title{z-index:80;width:var(--vv-w,100%);height:var(--vv-h,100%);box-sizing:border-box;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);background:#070605;position:fixed;inset:0}#title canvas{width:100%;height:100%;image-rendering:pixelated;image-rendering:crisp-edges;touch-action:manipulation;cursor:pointer;display:block}#bootSplash{z-index:20;color:#f2c04a;letter-spacing:.18em;background:#100e0c;place-items:center;margin:0;font:700 18px ui-monospace,monospace;display:grid;position:fixed;inset:0}#titleFull{z-index:2;top:max(8px, env(safe-area-inset-top));right:max(8px, env(safe-area-inset-right));border-radius:999px;min-height:32px;padding:4px 10px;font-size:12px;position:absolute}.lang-toggle{letter-spacing:.04em;align-items:center;gap:2px;font-size:12px;display:inline-flex}.lang-toggle button{color:#c4b8a4;background:0 0;border:1px solid #0000;border-radius:999px;min-width:36px;min-height:32px;padding:2px 8px}.lang-toggle button.on{color:#1a140f;background:#f2c04a;border-color:#f2c04a}#titleLang{z-index:2;top:calc(max(8px, env(safe-area-inset-top)) + 38px);right:max(8px, env(safe-area-inset-right));position:absolute}#baseLang,#settingsLang{margin:6px 0 8px}button,a{font:inherit}button{cursor:pointer}#base{width:var(--vv-w,100%);height:var(--vv-h,100dvh);color:#e6edf2;background:linear-gradient(#5a3a2059,#0000 28%),#100e0c;flex-direction:column;min-height:0;max-height:none;display:flex;position:fixed;inset:0;overflow:hidden}#baseScroll{min-height:0;padding:calc(14px + env(safe-area-inset-top,0px)) calc(16px + env(safe-area-inset-right,0px)) 10px calc(16px + env(safe-area-inset-left,0px));flex:auto;overflow:auto}#base h2{color:#f6ecd8;margin:10px 0 6px;font-size:16px}.account-badge{color:#8d8478;background:#16130f;border:2px solid #3a3228;align-items:center;gap:5px;max-width:100%;margin:0 0 6px;padding:2px 6px;font-size:13px;line-height:1.15;display:inline-flex;box-shadow:2px 2px #14110e}#bars .account-badge{max-width:46vw;margin:0}.account-badge[data-state=in]{color:#f6ecd8}.account-badge b{font-weight:700}.account-badge .addr{color:#a89880}.account-badge .dot{background:#6a645c;flex:none;width:6px;height:6px;box-shadow:1px 1px #14110e}.account-badge[data-state=in] .dot{background:#3dba6a}#basePortrait{width:160px;height:100px;image-rendering:pixelated;image-rendering:crisp-edges;margin:0 0 4px;display:block}#accountToast{z-index:40;left:50%;top:calc(10px + var(--safe-t));color:#f6ecd8;pointer-events:none;text-align:center;background:#1c1814;border:2px solid #c4a15a;max-width:calc(100% - 24px);margin:0;padding:6px 10px;font-size:13px;line-height:1.2;position:fixed;transform:translate(-50%);box-shadow:2px 2px #14110e}#carryHint{margin:8px 0 0;line-height:1.35}#loadout{display:block}#result{width:var(--vv-w,100%);height:var(--vv-h,100%);box-sizing:border-box;padding:calc(12px + env(safe-area-inset-top,0px)) calc(12px + env(safe-area-inset-right,0px)) calc(12px + env(safe-area-inset-bottom,0px)) calc(12px + env(safe-area-inset-left,0px));color:#e6edf2;background:#100e0c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:auto}#resultSummary,#resultLootCol{display:contents}#resultPanel{color:#f6ecd8;background:#1a140f;border:3px solid #14110e;flex-direction:column;width:min(420px,100%);max-height:100%;margin:0 auto;padding:14px 16px 16px;display:flex;overflow:hidden;box-shadow:0 0 0 3px #6b4424,0 0 0 6px #14110e}#resultKind,#resultTitle,#resultBody,#resultHeading,#resultValue{flex-shrink:0}#resultKind{letter-spacing:.14em;text-transform:uppercase;color:#f0d7a4;margin:0}#resultTitle{color:#f2c04a;overflow-wrap:anywhere;margin:6px 0 8px;font-size:clamp(20px,4.2vw,28px);line-height:1.25}#resultBody,#resultValue,#resultLoot{overflow-wrap:anywhere;word-break:break-word;white-space:normal;max-width:100%;margin:0 0 10px}#resultHeading{color:#f0d7a4;letter-spacing:.08em;text-transform:uppercase;margin:0 0 6px;font-size:12px}#resultLoot{overscroll-behavior:contain;background:#241910;border:2px solid #3a2c22;flex:auto;grid-template-columns:repeat(auto-fill,minmax(148px,1fr));align-content:start;gap:8px;min-height:0;max-height:min(220px,36dvh);margin:0 0 10px;padding:8px;list-style:none;display:grid;overflow:auto}#resultLoot.lost{background:#2a1210;border-color:#6e2420}.loot{min-height:52px;image-rendering:pixelated;image-rendering:crisp-edges;background-color:#1c1612;background-position:6px;background-repeat:no-repeat;background-size:24px 24px;border:2px solid #3a2c22;grid-template-columns:32px 1fr;align-content:center;padding:6px 8px;animation:.32s both loot-pop;display:grid}.loot b,.loot span{grid-column:2;margin-left:8px}.loot span{color:#c4b8a4;font-size:12px}.loot.precious{border-color:#d7a23a}.loot.precious b,.loot.precious span{color:#f2c04a}.loot.lost{background-color:#3a1816;border-color:#a14a42}.loot.lost b,.loot.lost span{color:#f0c2b8}@keyframes loot-pop{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}#resultValue{color:#d7a23a}#resultRank{white-space:pre-line;color:#f0d7a4;margin:0 0 8px}#result #again{flex:none;width:100%;min-height:48px;margin-top:4px;font-size:18px}@media (height<=440px) and (orientation:portrait){#resultPanel{padding:8px 12px 10px}#resultTitle{margin:2px 0 4px;font-size:22px}#resultBody{margin-bottom:6px;font-size:13px;line-height:1.25}#resultHeading{margin-bottom:4px}#resultValue{margin-bottom:6px}#result #again{margin-top:0}}@media (orientation:landscape) and (width>=700px){#result{align-items:stretch}#resultSummary,#resultLootCol{flex-direction:column;min-width:0;min-height:0;display:flex}#resultLootCol{grid-area:loot}#resultSummary{grid-area:summary}#resultValue{grid-area:value;align-self:end;margin-bottom:0}#resultPanel{grid-template:"summary loot"minmax(0,1fr)"value loot""button button"/minmax(0,.9fr) minmax(0,1.1fr);align-content:stretch;column-gap:16px;width:min(920px,100%);height:100%;max-height:100%;padding:12px 16px;display:grid}#resultTitle{margin:4px 0 8px;font-size:clamp(22px,4vh,28px)}#resultBody{font-size:15px;line-height:1.35}#resultHeading{font-size:13px}.loot b{font-size:14px}.loot span{font-size:13px}#resultLoot{flex:auto;min-height:0;max-height:none}#result #again{grid-area:button;align-self:stretch;height:48px;min-height:48px;margin-top:8px;font-size:18px}}#rules{margin:8px 0 14px}#rules summary{cursor:pointer;color:#f0d7a4}#depart{z-index:20;padding:8px calc(16px + env(safe-area-inset-right,0px)) calc(8px + env(safe-area-inset-bottom,0px)) calc(16px + env(safe-area-inset-left,0px));background:#100e0cf5;border-top:2px solid #6a442c;flex:none;margin:0;position:static}#deploy,#resume{width:100%;min-height:48px;font-size:18px}@media (height<=500px){#base{font-size:12px}#baseScroll{padding:calc(14px + env(safe-area-inset-top,0px)) calc(18px + env(safe-area-inset-right,0px)) 6px calc(18px + env(safe-area-inset-left,0px))}#base .eyebrow{margin:0;font-size:11px;line-height:1.3}#base h1.logo{margin:0 0 2px}#base h1.logo img{width:min(188px,42vw)}#base h2{margin:2px 0 4px;font-size:13px}#rules{margin:2px 0 4px}#rules summary{font-size:12px}#carryHint{margin:4px 0 0;font-size:12px;line-height:1.25}#stash,#tray{gap:6px;min-height:36px}#base .chip{background-position:8px;background-size:22px 22px;min-width:0;min-height:36px;padding:4px 10px 4px 36px;font-size:12px}#base .note{margin:6px 0;padding:6px 8px;font-size:11px;line-height:1.3}#base .row{gap:6px;margin:6px 0}#depart{padding:6px calc(18px + env(safe-area-inset-right,0px)) calc(6px + env(safe-area-inset-bottom,0px)) calc(18px + env(safe-area-inset-left,0px))}#deploy,#resume{min-height:36px;padding:4px 12px;font-size:15px}}@media (width<=520px){#base h1.logo{margin:2px 0 6px}#base h1.logo img{width:min(100%,260px)}#rules{margin:4px 0 6px}#base h2{margin:6px 0 4px}#carryHint{margin:6px 0 0}#base .note{margin:6px 0;padding:8px 10px}#base .row{margin:6px 0}}@media (height<=500px) and (width>=700px){#loadout{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:start;gap:4px 18px;display:grid}}h1{letter-spacing:.02em;color:#f2c04a;margin:0 0 6px;font-size:28px}h1.logo{margin:4px 0 10px}h1.logo img{width:min(100%,340px);height:auto;image-rendering:pixelated;image-rendering:crisp-edges;display:block}.eyebrow{letter-spacing:.14em;text-transform:uppercase;margin:0;font-size:12px}#risk,.note{color:#d5dee6;background:#1a222b;border:1px solid #3d4c58;padding:10px 12px;line-height:1.4}.row{flex-wrap:wrap;gap:8px;margin:12px 0;display:flex}button{color:#e6edf2;background:#1c242c;border:2px solid #14181c;border-radius:999px;padding:8px 14px;text-decoration:none;box-shadow:inset 0 0 0 1px #5c6570,inset 0 -2px #0c0f13}.chip[data-kind=sword],.chip[data-kind=shield]{border-color:#d5dce6}.chip[data-kind=bandage]{border-color:#c4b8a4}.chip[data-kind=tonic],.chip[data-kind=ore]{border-color:#5f8a62}.chip[data-kind=scrap]{border-color:#a86a42}.chip[data-kind=relic]{border-color:#c4a15a}.chip[data-kind=shard]{border-color:#6aa8a4}button:disabled{opacity:.45}button.primary{color:#f3fff6;background:#1f6b45;border-color:#2f8a5a}button.danger{color:#fff6f2;background:#6e2420;border-color:#a14a42}#stash{width:100%;min-height:0;display:block}#tray{flex-wrap:wrap;gap:8px;min-height:48px;display:flex}.chip{border-radius:999px;min-width:92px}#rotateHint{z-index:6;color:#f0d7a4;pointer-events:none;background:#2a2114;margin:0;padding:6px 10px;font-size:13px;display:none;position:absolute;top:0;left:0;right:0}#field{color:#e6edf2;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:#241c16;width:100%;height:100dvh;margin:0;padding:0;position:fixed;inset:0;overflow:hidden}#field,#field canvas,#field button,#bars,#actions,#slots,#stick,#moveZone{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}#bars{z-index:5;min-height:calc(32px + var(--safe-t));height:auto;padding:var(--safe-t) max(8px, var(--safe-r)) 4px max(8px, var(--safe-l));background:#0c0a08f0;border-bottom:2px solid #3a2c20;flex-wrap:wrap;align-items:center;gap:8px;display:flex;position:absolute;top:0;left:0;right:0}#bars p,#bars button{white-space:nowrap;margin:0;font-size:11px}.hud{background:#16130f;border:2px solid #3a3228;border-radius:8px;align-items:center;gap:4px;padding:2px 6px;display:flex}.ico{background:#a33b32;width:10px;height:10px;display:inline-block;box-shadow:inset 2px 2px #e7c27a}.bolt{background:#d6c15a;box-shadow:inset 2px 0 #f4f1e8}.track{vertical-align:middle;background:#241c18;border:1px solid #14181c;width:64px;height:8px;display:inline-block}.track i{width:0;height:100%;display:block}#hpFill{background:#a33b32}#stamFill{background:#d6c15a}#hpText,#stamText,#bagText,#swordDaya,#misi{color:#f4f1e8}#bagText,#swordDaya,#misi{background:#16130f;border:2px solid #3a3228;border-radius:8px;padding:2px 6px}#openBag.pulse,#bagText.pulse{animation:.45s ease-out bag-pulse}@keyframes bag-pulse{0%{filter:brightness();box-shadow:0 0 #f2c04a}40%{filter:brightness(1.7);box-shadow:0 0 0 4px #f2c04a}to{filter:brightness();box-shadow:0 0 #f2c04a00}}#misi{text-overflow:ellipsis;min-width:0;overflow:hidden}#gear{color:#f0d7a4;white-space:nowrap;background:#1c1814;border-radius:999px;width:auto;min-width:32px;height:32px;margin-left:auto;padding:0 8px}#field{--map-w:92px;--map-h:112px}#channel{z-index:5;top:var(--hud-top,calc(36px + var(--safe-t)));padding:2px 12px 2px calc(var(--map-w) + 14px + var(--safe-l));color:#f4e7c4;pointer-events:none;background:#3a3424f0;margin:0;position:absolute;left:0;right:0}#bossBar{z-index:5;top:var(--hud-top,calc(36px + var(--safe-t)));color:#f2c04a;pointer-events:none;background:#3a181cf0;margin:0;padding:3px 12px;position:absolute;left:0;right:0}#bossBar .track{width:120px}#bossFill{background:#a33b32}#minimap{z-index:5;left:max(6px, var(--safe-l));top:calc(var(--hud-top,40px) + 4px);width:var(--map-w);height:var(--map-h);image-rendering:pixelated;image-rendering:crisp-edges;touch-action:manipulation;background:#0c0a08b8;border:2px solid #6b4424;padding:0;position:absolute;box-shadow:0 0 0 1px #14110e}#minimap.big{width:min(220px,52vw);height:min(280px,62vh)}@media (orientation:landscape) and (width>=700px) and (height>=521px){#field{--map-w:124px;--map-h:140px}}@media (orientation:landscape) and (height<=520px){#field{--map-w:100px;--map-h:86px}#minimap{left:max(12px, var(--safe-l))}#stickCol{left:max(12px, var(--safe-l));bottom:max(12px, var(--safe-b))}#slots{bottom:max(12px, var(--safe-b))}#actions{right:max(16px, calc(10px + var(--safe-r)))}}@media (orientation:landscape) and (height<=420px){#minimap.big{width:min(168px,28vw);height:min(150px,38vh);top:calc(36px + var(--safe-t));left:max(8px, var(--safe-l))}}@media (orientation:landscape) and (height<=360px){#field{--map-w:84px;--map-h:68px}}#shortcuts{z-index:6;pointer-events:auto;top:calc(var(--hud-top,40px) + 4px);right:max(8px, var(--safe-r));gap:4px;display:flex;position:absolute}#shortcuts button{z-index:1;pointer-events:auto;color:#f0d7a4;white-space:nowrap;background:#100e0cd1;border-radius:6px;width:auto;min-width:52px;height:28px;padding:0 8px;font-size:11px;position:relative}#moveZone{z-index:2;left:0;top:var(--hud-top,calc(36px + var(--safe-t)));touch-action:none;width:48%;position:absolute;bottom:0}#stickCol{z-index:3;left:max(8px, var(--safe-l));bottom:max(8px, var(--safe-b));opacity:.38;pointer-events:none;width:108px;height:108px;transition:opacity .16s;position:absolute}#stickCol.live{opacity:1;transition:none}#stage{z-index:0;margin:0;padding:0;position:absolute;inset:0}#stage canvas{touch-action:none;width:100%;height:100%;margin:0;padding:0;display:block;position:absolute;inset:0}#stick{touch-action:none;background:linear-gradient(#4a3a28d9,#4a3a28d9) 50%/2px 62% no-repeat,linear-gradient(#4a3a28d9,#4a3a28d9) 50%/62% 2px no-repeat,radial-gradient(circle at 50% 45%,#1c18148c 0 42%,#0c0a0873 70%);border:3px solid #c4a15a;border-radius:50%;width:108px;height:108px;position:relative;box-shadow:inset 0 0 0 7px #14100c73,0 0 0 2px #5c4030}#knob{background:radial-gradient(circle at 38% 34%,#f0d7a4,#c4a15a 58%,#8d5a32);border:2px solid #24180f;border-radius:50%;width:42px;height:42px;position:absolute;top:33px;left:33px}#slots{z-index:4;left:50%;bottom:max(8px, var(--safe-b));pointer-events:none;gap:6px;display:flex;position:absolute;transform:translate(-50%)}#slots .slot{pointer-events:auto}.slot{white-space:nowrap;width:48px;height:52px;image-rendering:pixelated;image-rendering:crisp-edges;color:#c4b8a4;background-color:#100e0ccc;background-position:50% 3px;background-repeat:no-repeat;background-size:20px 20px;border-radius:6px;padding:28px 1px 1px;font-size:7px;line-height:1;overflow:hidden}.slot.on{color:#f0d7a4;border-color:#c4a15a}.slot.locked,.slot.empty{opacity:.55}#actions{z-index:3;right:max(16px, calc(10px + var(--safe-r)));bottom:calc(54px + var(--safe-b));pointer-events:none;width:206px;height:150px;position:absolute}#banner.weak{color:#e7e0d2;background:#12100eeb;border-color:#8a8078}.mix{align-items:center;gap:8px;margin:8px 0;font-size:13px;display:flex}.mix input{flex:1}#banner{z-index:4;left:max(6px, var(--safe-l));right:auto;top:calc(var(--hud-top,36px) + var(--map-h) + 6px);width:var(--map-w);pointer-events:none;text-align:left;color:#f4e7ff;background:#1c1028e6;border:2px solid #b388ff;max-height:32px;margin:0;padding:2px 6px;font-size:11px;line-height:1.3;position:absolute;overflow:hidden}#actions button{pointer-events:auto;text-align:center;white-space:normal;width:44px;min-width:0;height:44px;image-rendering:pixelated;image-rendering:crisp-edges;background-color:#100e0cc7;background-position:50% 2px;background-repeat:no-repeat;background-size:16px 16px;border-radius:50%;padding:18px 2px 2px;font-size:8px;line-height:1.05;position:absolute;overflow:hidden}#actions button:active{color:#f0d7a4;background-color:#2a2114e6}#actions #attack{color:#f0d7a4;background-color:#3a2c18db;background-position:50% 12px;background-size:16px 16px;border-color:#c4a15a;width:74px;height:74px;padding:32px 0 0;font-size:11px;bottom:0;right:0}#actions #useItem{bottom:8px;right:86px}#actions #soul{border-color:#b388ff;font-size:7px;bottom:18px;right:148px}#actions #dodge{bottom:64px;right:64px}#actions #block{background-position:50% 2px;background-size:16px 16px;padding:18px 1px 1px;font-size:7px;transition:none;bottom:86px;right:8px}#actions #block:active,#actions #block[aria-pressed=true]{color:#14181c;background-color:#e7eef6;box-shadow:inset 0 0 0 2px #2f6fd0,0 0 0 2px #c4a15a}#actions #block:disabled{filter:grayscale();opacity:.45}#actions #block[data-cool="1"]{box-shadow:inset 0 0 0 2px #8d5a32}#actions #open{width:40px;height:40px;bottom:108px;right:108px}#actions #bagSwap,#actions #claim{white-space:nowrap;text-overflow:ellipsis;z-index:2;border-radius:999px;height:36px;padding:2px 8px;font-size:11px;line-height:1.1}#actions #bagSwap{background-image:none;width:120px;bottom:110px;right:156px}#actions #claim{background-position:6px;background-size:20px 20px;width:168px;padding-left:28px;bottom:68px;right:156px}#actions #support{width:40px;height:40px;bottom:116px;right:64px}#actions #useItem b{color:#f0d7a4;font-weight:700}@media (height<=340px){#actions{width:186px;height:132px;bottom:calc(48px + env(safe-area-inset-bottom))}#actions #soul{bottom:12px;right:132px}#actions button{width:44px;height:44px}#actions #attack{width:64px;height:64px}#actions #useItem{bottom:6px;right:74px}#actions #dodge{bottom:54px;right:54px}#actions #block{background-size:14px 14px;bottom:74px;right:6px}#actions #open{bottom:92px;right:96px}#actions #bagSwap{width:120px;height:32px;font-size:11px;bottom:98px;right:148px}#actions #claim{width:148px;height:32px;font-size:11px;bottom:62px;right:148px}#actions #support{bottom:100px;right:54px}}@media (width>=1200px) and (height>=700px){#actions{width:236px;height:176px}#actions #soul{bottom:22px;right:168px}#actions button{width:52px;height:52px}#actions #attack{width:88px;height:88px}#actions #useItem{bottom:10px;right:102px}#actions #dodge{bottom:76px;right:76px}#actions #block{background-size:16px 16px;bottom:102px;right:10px}#actions #open{bottom:128px;right:128px}#actions #bagSwap{width:140px;height:40px;bottom:128px;right:188px}#actions #claim{width:168px;height:40px;bottom:80px;right:188px}#actions #support{bottom:136px;right:76px}}#tip{z-index:5;color:#f6ecd8;pointer-events:auto;background:#1c1814;border:2px solid #f2c04a;max-width:230px;margin:0;padding:8px 28px 8px 10px;position:fixed;box-shadow:0 0 0 1px #14110e}#tip[hidden]{display:none}#tip p{margin:0 0 6px;font-size:13px;line-height:1.3}#tipX{color:#f2c04a;background:0 0;width:24px;height:24px;min-height:0;padding:0;position:absolute;top:2px;right:2px}#tipSkip{color:#f0d7a4;background:#2a2118;width:auto;min-height:28px;padding:2px 8px;font-size:11px}#tip[data-at=stick]{bottom:108px;left:16px}#tip[data-at=attack],#tip[data-at=dodge],#tip[data-at=block],#tip[data-at=open]{bottom:150px;right:16px}#tip[data-at=claim]{max-width:180px;bottom:120px;right:180px}#tip[data-at=bag],#tip[data-at=map]{top:52px;left:108px}#tip[data-at=workshop],#tip[data-at=sell],#tip[data-at=center]{left:auto;right:max(12px, var(--safe-r));max-width:220px;top:112px;bottom:auto;transform:none}.tip-hot{outline-offset:2px;outline:2px solid #f2c04a}#settings,#overlay{z-index:6;box-sizing:border-box;background:#0806048c;justify-content:center;align-items:center;padding:8px;display:flex;position:absolute;inset:0}@media (orientation:landscape) and (height<=520px){#overlay .modal-card{width:min(760px,100%)}}#settings[hidden],#overlay[hidden],#board[hidden]{display:none}#board{z-index:8;background:#0806048c;justify-content:center;align-items:center;padding:8px;display:flex;position:fixed;inset:0}#board .modal-card{width:min(420px,100%)}#boardList{margin:8px 0 0;padding-left:18px;line-height:1.4}#onlineBox{border:2px solid #3a2c20;border-radius:8px;margin:8px 0;padding:8px}#onlineBox .row{flex-wrap:wrap}#settings .modal-body{flex-direction:column;gap:8px;display:flex}#settings button,#settings p{width:200px}#settings .modal-x{width:40px}.modal-card{width:min(420px,100%);max-height:calc(100dvh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px) - 24px);box-sizing:border-box;color:#f4f1e8;background:#16130f;border:3px solid #14110e;border-radius:12px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 0 0 3px #6b4424}.modal-head,.modal-foot{flex:none;align-items:center;gap:8px;padding:8px 10px;display:flex}.modal-head{border-bottom:2px solid #3a2c20;justify-content:space-between}.modal-foot{border-top:2px solid #3a2c20;flex-direction:column;align-items:stretch}.modal-body{flex-direction:column;flex:auto;gap:8px;min-height:0;padding:8px 12px;display:flex;overflow:auto}.modal-x{border-radius:8px;width:40px;min-width:40px;height:40px;padding:0;font-size:22px;line-height:1}.modal-head h2,.modal-head p,#overlayCard h2,#settings p{color:#f0d7a4;margin:0}#settings .tip{color:#c4b8a4;white-space:normal;width:auto;font-size:12px;line-height:1.35}#attack,#attack[data-kind=sword]{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' shape-rendering='crispEdges'><rect x='7' y='1' width='2' height='8' fill='%23e7edf4'/><rect x='6' y='2' width='1' height='6' fill='%23d5dce6'/><rect x='4' y='9' width='8' height='2' fill='%23c4a15a'/><rect x='7' y='11' width='2' height='4' fill='%236a442c'/></svg>")}#attack[data-kind=tombak]{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' shape-rendering='crispEdges'><rect x='7' y='1' width='2' height='3' fill='%23f2c04a'/><rect x='7' y='4' width='2' height='8' fill='%237ec8c4'/><rect x='6' y='12' width='4' height='3' fill='%236a442c'/></svg>")}#block{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' shape-rendering='crispEdges'><rect x='3' y='1' width='10' height='12' fill='%23d5dce6'/><rect x='4' y='2' width='3' height='10' fill='%23b7c0ca'/><rect x='7' y='2' width='2' height='10' fill='%232f6fd0'/><rect x='5' y='13' width='6' height='2' fill='%238d97a3'/></svg>")}#dodge{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' shape-rendering='crispEdges'><rect x='1' y='3' width='8' height='2' fill='%23e7edf4'/><rect x='3' y='7' width='10' height='2' fill='%23f0d7a4'/><rect x='13' y='6' width='2' height='4' fill='%23e7edf4'/><rect x='1' y='11' width='7' height='2' fill='%23c4b8a4'/></svg>")}#open{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' shape-rendering='crispEdges'><rect x='2' y='6' width='12' height='8' fill='%236a442c'/><rect x='2' y='4' width='12' height='3' fill='%23c4a15a'/><rect x='7' y='8' width='2' height='3' fill='%23f2c04a'/></svg>")}#useBandage{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' shape-rendering='crispEdges'><rect x='2' y='3' width='12' height='10' fill='%23f4f1e8'/><rect x='7' y='4' width='2' height='8' fill='%23a33b32'/><rect x='4' y='7' width='8' height='2' fill='%23a33b32'/></svg>")}#useTonic{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' shape-rendering='crispEdges'><rect x='6' y='1' width='4' height='2' fill='%23c4a15a'/><rect x='7' y='3' width='2' height='2' fill='%235f8a62'/><rect x='4' y='5' width='8' height='9' fill='%235f8a62'/><rect x='5' y='7' width='2' height='3' fill='%23e7edf4'/></svg>")}#useItem:before{content:"";width:16px;height:16px;image-rendering:pixelated;image-rendering:crisp-edges;pointer-events:none;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' shape-rendering='crispEdges'><rect x='2' y='3' width='12' height='10' fill='%23f4f1e8'/><rect x='7' y='4' width='2' height='8' fill='%23a33b32'/><rect x='4' y='7' width='8' height='2' fill='%23a33b32'/></svg>") 50%/16px 16px no-repeat;position:absolute;top:2px;left:50%;transform:translate(-50%)}#useItem[data-kind=tonic]:before{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' shape-rendering='crispEdges'><rect x='6' y='1' width='4' height='2' fill='%23c4a15a'/><rect x='7' y='3' width='2' height='2' fill='%235f8a62'/><rect x='4' y='5' width='8' height='9' fill='%235f8a62'/><rect x='5' y='7' width='2' height='3' fill='%23e7edf4'/></svg>")}#useItem[data-empty="1"]:before{filter:grayscale()brightness(.72)}#support{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' shape-rendering='crispEdges'><rect x='7' y='2' width='2' height='12' fill='%236aa8a4'/><rect x='2' y='7' width='12' height='2' fill='%236aa8a4'/></svg>")}#soul{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' shape-rendering='crispEdges'><rect x='7' y='2' width='2' height='3' fill='%23f7fbff'/><rect x='6' y='5' width='4' height='4' fill='%23d7b4ff'/><rect x='5' y='8' width='6' height='3' fill='%237ec8c4'/><rect x='7' y='11' width='2' height='2' fill='%23b388ff'/></svg>")}#soul[data-low="1"]{filter:grayscale(.85);opacity:.55}#claim[data-kind=soul]{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' shape-rendering='crispEdges'><rect x='7' y='2' width='2' height='3' fill='%23f7fbff'/><rect x='6' y='5' width='4' height='4' fill='%23d7b4ff'/><rect x='5' y='8' width='6' height='3' fill='%237ec8c4'/><rect x='7' y='11' width='2' height='2' fill='%23b388ff'/></svg>")}#surrender{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='8' shape-rendering='crispEdges'><rect width='8' height='8' fill='%236e2420'/><rect x='2' y='1' width='4' height='2' fill='%23f4e7c4'/><rect x='3' y='3' width='2' height='4' fill='%23d5dce6'/></svg>")}#block[aria-pressed=true]{color:#101418;background-color:#8d97a3}.chip{text-align:left;max-width:100%;min-height:40px;image-rendering:pixelated;image-rendering:crisp-edges;background-position:8px;background-repeat:no-repeat;background-size:24px 24px;align-items:center;padding:6px 14px 6px 40px;line-height:1.15;display:inline-flex}#claim[data-kind]{image-rendering:pixelated;image-rendering:crisp-edges;background-position:8px;background-repeat:no-repeat;background-size:20px 20px}.chip[data-kind=sword],.loot[data-kind=sword],#claim[data-kind=sword],.slot[data-kind=sword],.bag-slot[data-kind=sword]{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' shape-rendering='crispEdges'><rect width='16' height='16' fill='%231c242c'/><rect x='7' y='1' width='2' height='8' fill='%23e7edf4'/><rect x='6' y='2' width='1' height='6' fill='%23d5dce6'/><rect x='4' y='9' width='8' height='2' fill='%23c4a15a'/><rect x='7' y='11' width='2' height='4' fill='%236a442c'/></svg>")}.chip[data-kind=tombak],.loot[data-kind=tombak],#claim[data-kind=tombak],.slot[data-kind=tombak],.bag-slot[data-kind=tombak]{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' shape-rendering='crispEdges'><rect width='16' height='16' fill='%231c242c'/><rect x='7' y='1' width='2' height='3' fill='%23f2c04a'/><rect x='7' y='4' width='2' height='8' fill='%237ec8c4'/><rect x='6' y='12' width='4' height='3' fill='%236a442c'/></svg>")}.chip[data-kind=bilah],.loot[data-kind=bilah],#claim[data-kind=bilah],.slot[data-kind=bilah],.bag-slot[data-kind=bilah]{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' shape-rendering='crispEdges'><rect width='16' height='16' fill='%231c242c'/><rect x='6' y='1' width='4' height='8' fill='%23f2c04a'/><rect x='7' y='2' width='1' height='6' fill='%23f7fbff'/><rect x='4' y='9' width='8' height='2' fill='%23c4a15a'/><rect x='7' y='11' width='2' height='4' fill='%236a442c'/></svg>")}.chip[data-rarity=langka],.slot[data-rarity=langka]{border-color:#7ec8c4;box-shadow:0 0 8px #7ec8c4d9}.chip[data-rarity=pusaka],.slot[data-rarity=pusaka]{border-color:#b388ff;box-shadow:0 0 8px #b388ffe6}.chip[data-rarity=legenda],.slot[data-rarity=legenda]{border-color:#f2c04a;box-shadow:0 0 10px #f2c04af2}.chip[data-kind=shield],.loot[data-kind=shield],#claim[data-kind=shield],.slot[data-kind=shield],.ico[data-kind=shield],.bag-slot[data-kind=shield]{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' shape-rendering='crispEdges'><rect width='16' height='16' fill='%231c242c'/><rect x='3' y='1' width='10' height='12' fill='%23d5dce6'/><rect x='4' y='2' width='3' height='10' fill='%23b7c0ca'/><rect x='7' y='2' width='2' height='10' fill='%232f6fd0'/><rect x='5' y='13' width='6' height='2' fill='%238d97a3'/></svg>")}.chip[data-kind=bandage],.loot[data-kind=bandage],#claim[data-kind=bandage],.slot[data-kind=bandage],.bag-slot[data-kind=bandage]{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' shape-rendering='crispEdges'><rect width='16' height='16' fill='%231c242c'/><rect x='2' y='3' width='12' height='10' fill='%23f4f1e8'/><rect x='7' y='4' width='2' height='8' fill='%23a33b32'/><rect x='4' y='7' width='8' height='2' fill='%23a33b32'/></svg>")}.chip[data-kind=tonic],.loot[data-kind=tonic],#claim[data-kind=tonic],.slot[data-kind=tonic],.bag-slot[data-kind=tonic]{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' shape-rendering='crispEdges'><rect width='16' height='16' fill='%231c242c'/><rect x='6' y='1' width='4' height='2' fill='%23c4a15a'/><rect x='7' y='3' width='2' height='2' fill='%235f8a62'/><rect x='4' y='5' width='8' height='9' fill='%235f8a62'/><rect x='5' y='7' width='2' height='3' fill='%23e7edf4'/></svg>")}.chip[data-kind=ore],.loot[data-kind=ore],#claim[data-kind=ore],.slot[data-kind=ore],.ico[data-kind=ore],.bag-slot[data-kind=ore]{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' shape-rendering='crispEdges'><rect width='16' height='16' fill='%231c242c'/><rect x='6' y='2' width='4' height='3' fill='%238aaf86'/><rect x='4' y='5' width='8' height='7' fill='%235f8a62'/><rect x='6' y='12' width='4' height='2' fill='%233d5a40'/><rect x='5' y='6' width='2' height='2' fill='%23e7edf4'/></svg>")}.chip[data-kind=scrap],.loot[data-kind=scrap],#claim[data-kind=scrap],.slot[data-kind=scrap],.ico[data-kind=scrap],.bag-slot[data-kind=scrap]{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' shape-rendering='crispEdges'><rect width='16' height='16' fill='%231c242c'/><rect x='2' y='5' width='12' height='6' fill='%238d97a3'/><rect x='3' y='4' width='10' height='2' fill='%23c5ced8'/><rect x='6' y='7' width='4' height='2' fill='%235c6570'/></svg>")}.chip[data-kind=relic],.loot[data-kind=relic],#claim[data-kind=relic],.slot[data-kind=relic],.bag-slot[data-kind=relic]{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' shape-rendering='crispEdges'><rect width='16' height='16' fill='%231c242c'/><rect x='6' y='1' width='4' height='3' fill='%23f7fbff'/><rect x='4' y='4' width='8' height='6' fill='%23f2c04a'/><rect x='3' y='10' width='10' height='4' fill='%23c4a15a'/></svg>")}.chip[data-kind=shard],.loot[data-kind=shard],#claim[data-kind=shard],.slot[data-kind=shard],.bag-slot[data-kind=shard]{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' shape-rendering='crispEdges'><rect width='16' height='16' fill='%231c242c'/><rect x='6' y='1' width='4' height='3' fill='%236aa8a4'/><rect x='4' y='4' width='8' height='7' fill='%234f7a78'/><rect x='7' y='11' width='3' height='3' fill='%236aa8a4'/><rect x='5' y='5' width='2' height='2' fill='%23e7edf4'/></svg>")}.slot[data-kind=soon]{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' shape-rendering='crispEdges'><rect width='16' height='16' fill='%231c242c'/><rect x='5' y='2' width='6' height='4' fill='%23c4a15a'/><rect x='3' y='6' width='10' height='8' fill='%233a2c20'/><rect x='7' y='8' width='2' height='3' fill='%23f2c04a'/></svg>")}#workshop{z-index:40;box-sizing:border-box;padding:calc(12px + env(safe-area-inset-top,0px)) calc(12px + env(safe-area-inset-right,0px)) calc(12px + env(safe-area-inset-bottom,0px)) calc(12px + env(safe-area-inset-left,0px));background:#080604b8;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#workshop[hidden]{display:none}#workshopCard{color:#f4f1e8}#workshopCard.flash{animation:.42s shop-flash}@keyframes shop-flash{0%{box-shadow:0 0 0 3px #f2c04a,0 0 16px #f2c04a}to{box-shadow:0 0 0 3px #6b4424}}#workshopCard h2,#workshopCard h3{color:#f0d7a4;margin:0}#workshopCard h3{letter-spacing:.04em;text-transform:uppercase;font-size:14px}#workshopLead,#workshopHome,#workshopStock,#workshopAsk,#workshopNote{margin:0;line-height:1.35}#workshopHome,#workshopStock{color:#c4b8a4}#workshopNote{color:#f2c04a;min-height:1.2em}#workshopState{align-items:center;gap:8px;min-height:40px;margin:0;font-size:16px;display:flex}#workshop .ico,.shop-act .ico{width:24px;height:24px;image-rendering:pixelated;image-rendering:crisp-edges;box-shadow:none;background-position:50%;background-repeat:no-repeat;background-size:24px 24px;flex:none;display:inline-block}#workshopActions{flex-direction:column;gap:8px;display:flex}.shop-act{text-align:left;white-space:normal;align-items:center;gap:8px;width:100%;min-height:40px;padding:6px 12px;display:flex}.shop-act .icons{flex:none;gap:4px;display:flex}.shop-act .shop-copy{min-width:0}.shop-act small{color:#c4b8a4;font-size:11px}.shop-act:disabled{opacity:.8}#workshopConfirm .row{margin:0}#workshopClose{align-self:stretch}@media (height<=500px){.modal-head,.modal-foot,.modal-body{gap:6px;padding:6px 8px}#workshopCard h2{font-size:16px}#workshopCard h3,#workshopLead,#workshopHome,#workshopStock,#workshopAsk{font-size:12px}#workshopState{min-height:32px;font-size:14px}.shop-act{min-height:36px;padding:4px 10px;font-size:12px}#workshopYes,#workshopNo,#workshopClose,#overlayClose,#settingsClose{min-height:36px;padding:4px 12px}.modal-x{width:40px;height:40px}}.bag-gear,.bag-grid{grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:8px;display:grid}.bag-cap,.bag-value,#bagDetailText{margin:0;line-height:1.3}.bag-meter{background:#241c18;border:1px solid #14181c;height:8px}.bag-meter i{background:#f2c04a;height:100%;display:block}.bag-slot{text-align:center;min-height:72px;image-rendering:pixelated;image-rendering:crisp-edges;background-color:#1c1612;background-position:50% 6px;background-repeat:no-repeat;background-size:28px 28px;border-radius:10px;padding:36px 4px 6px;font-size:11px;line-height:1.15;position:relative}.bag-slot .count{color:#f2c04a;font-size:12px;position:absolute;top:4px;right:6px}.bag-slot.on{box-shadow:inset 0 0 0 2px #f2c04a}.bag-slot.worn{opacity:.95}#bagDetail .row{margin:0}#bagDetail .row button{min-height:48px}#note{z-index:4;left:calc(var(--map-w) + 12px + var(--safe-l));top:calc(44px + var(--safe-t));color:#9aa6a2;pointer-events:none;margin:0;font-size:11px;position:absolute}@media (orientation:portrait){#rotateHint{display:block}}.stash-total{color:#f6ecd8;background:#241c12;border:2px solid #c4a15a;margin:8px 0;padding:8px 12px;font-size:16px}.stash-total b,#stashTotalNum{color:#f2c04a}.inv{flex-direction:column;gap:6px;min-width:0;display:flex}.inv-head{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.inv-total,.inv-cap{color:#f6ecd8;margin:0;font-size:13px}.inv-cap{color:#f2c04a;white-space:nowrap}.inv-gear{gap:6px;display:flex}.inv-gear .inv-slot{flex:0 0 72px;width:72px;height:76px}.inv-main{grid-template-columns:minmax(0,1fr) minmax(140px,210px);align-items:start;gap:8px;min-width:0;display:grid}.inv-grid{grid-template-columns:repeat(auto-fill,72px);gap:6px;min-width:0;display:grid}.inv-slot{width:72px;min-width:0;height:76px;box-shadow:none;background:#1c1814;border:2px solid #3a3228;border-radius:6px;flex-direction:column;justify-content:flex-end;align-items:center;gap:1px;margin:0;padding:14px 2px 2px;display:flex;position:relative;overflow:hidden}.inv-slot.empty{background:#120f0c;border-style:dashed}.inv-slot.on{box-shadow:inset 0 0 0 2px #f2c04a}.inv-slot[data-rarity=biasa]{background:#2a241c;border-color:#c4b8a4}.inv-slot[data-rarity=langka]{background:#142824;border-color:#7ec8c4}.inv-slot[data-rarity=pusaka]{background:#24182c;border-color:#b388ff}.inv-slot[data-rarity=legenda]{background:#2a220e;border-color:#f2c04a}.inv-ico.bag-slot{width:28px;height:28px;min-height:0;box-shadow:none;pointer-events:none;background-color:#0000;background-position:50%;background-size:28px 28px;border:0;border-radius:0;margin:0 auto;padding:0;position:static}.inv-name{text-align:center;white-space:nowrap;text-overflow:ellipsis;width:100%;max-width:100%;font-size:9px;line-height:1.1;display:block;overflow:hidden}.inv-coin,.inv-qty{background:#0c0a08;border-radius:3px;padding:1px 3px;font-size:9px;line-height:1;position:absolute;top:2px}.inv-coin{right:2px}.inv-qty{color:#f6ecd8;left:2px}.inv-detail{background:#120f0c;border:2px solid #3a2c20;border-radius:8px;min-width:0;padding:6px;font-size:12px;line-height:1.35}.inv-detail p,.inv-detail b{overflow-wrap:anywhere;margin:0 0 4px}.inv-detail button{width:100%;margin-top:4px}.loot b,.loot span{text-overflow:ellipsis;overflow:hidden}@media (orientation:landscape) and (height<=520px){#loadout{display:block}.inv-main{flex-direction:column;display:flex}.inv-detail{order:-1}.inv-detail .primary{min-height:40px;font-size:14px}#bagDetail .row button,.inv-detail button{min-height:32px;padding:3px 8px;font-size:12px}.stash-total{margin:4px 0;padding:4px 8px;font-size:14px}.inv-grid{grid-template-columns:repeat(auto-fill,minmax(58px,1fr));gap:4px}.inv-slot{padding-top:14px}.inv-ico.bag-slot{background-size:22px 22px;width:22px;height:22px}#base h1.logo img{width:min(140px,28vw)}}.purse{color:#f2c04a;align-items:center;gap:6px;margin:4px 0 8px;font-size:18px;display:flex}.purse b{color:#f6ecd8}.title-purse{z-index:3;top:max(8px, env(safe-area-inset-top));left:max(8px, env(safe-area-inset-left));background:#0c0a08d1;border:2px solid #6a4420;margin:0;padding:4px 8px;position:absolute}.coin{background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' shape-rendering='crispEdges'><rect x='4' y='2' width='8' height='2' fill='%23f2c04a'/><rect x='2' y='4' width='12' height='8' fill='%23f2c04a'/><rect x='4' y='12' width='8' height='2' fill='%23f2c04a'/><rect x='6' y='4' width='4' height='8' fill='%23fff1b0'/><rect x='2' y='4' width='2' height='8' fill='%23a86a20'/></svg>") 50%/16px 16px no-repeat;width:16px;height:16px;display:inline-block}#coinPop{color:#f2c04a;opacity:0;margin-left:8px;position:absolute}#coinPop.pop{animation:.7s forwards coin-pop}@keyframes coin-pop{0%{opacity:1;transform:translateY(8px)}to{opacity:0;transform:translateY(-22px)}}.inv-slot.insured{border-style:dashed;border-color:#f2c04a}.insure-mark{color:#f2c04a;background:#0c0a08;padding:0 2px;font-size:8px;position:absolute;bottom:14px;left:2px}#floorCue{z-index:8;color:#f6ecd8;text-align:center;pointer-events:none;background:#080604d6;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}#floorCue[hidden]{display:none}#floorCue h2{color:#f2c04a;margin:4px 0;font-size:28px}.blade-rack{flex-wrap:wrap;gap:6px;margin:4px 0 8px;display:flex}.blade-rack button{min-height:32px}.merchant{background:#1a140f;border:2px solid #6a4420;margin:8px 0;padding:8px}.merchant h2,.merchant p{margin:0 0 6px}.inv-detail .warn{color:#f0c2b8}.inv-ico[data-kind=p3k],.bag-slot[data-kind=p3k],.chip[data-kind=p3k]{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' shape-rendering='crispEdges'><rect x='2' y='3' width='12' height='10' fill='%23f4f1e8'/><rect x='7' y='4' width='2' height='8' fill='%235f8a62'/><rect x='4' y='7' width='8' height='2' fill='%235f8a62'/></svg>");background-position:50%;background-repeat:no-repeat;background-size:28px 28px}