.pixel-room-page{--px-ink:#554634;--px-muted:#80735c;--px-edge:#887154;--px-paper:#fff8e8;--px-sage:#7e9167;min-height:100svh;color:var(--px-ink);font-family:var(--la-kr-text,"Noto Sans KR", sans-serif);background:#ede8d9 radial-gradient(#bdb29645 .75px,#0000 .75px) 0 0/8px 8px;padding:30px 24px 36px;font-size:14px;line-height:1.5}.la--pixel-room .pixel-room-page{padding-bottom:calc(var(--la-nav) + env(safe-area-inset-bottom) + 36px)}.pixel-room-page *,.pixel-room-page :before,.pixel-room-page :after{box-sizing:border-box}.pixel-room-page :is(h1,h2,p){margin:0}.pixel-room-page button,.pixel-room-page input{font:inherit}.pixel-room-page button{color:inherit;cursor:pointer}.pixel-room-page button:disabled{cursor:default}:where(.pixel-room-page) :where([data-slot=button]){white-space:normal;border-radius:0;gap:normal;height:auto;min-height:0;transition:none;translate:none}.pixel-room-page :is(button,a,input):focus-visible{outline-offset:4px;outline:3px solid #3d756a}.pixel-room-page__heading{justify-content:space-between;align-items:center;gap:12px;max-width:960px;margin:0 auto 18px;display:flex}.pixel-room-page__brand{color:#6d674d;letter-spacing:.2em;font-family:ui-monospace,monospace;font-size:18px;font-weight:900;text-decoration:none}.pixel-room-page__preview{color:#7f735e;letter-spacing:.03em;font-size:11px}.pixel-room-page .pixel-room-page__account{max-width:960px;color:var(--px-muted);margin:0 auto 16px;font-size:12px;line-height:1.7}.pixel-room-page__account a{color:inherit;text-underline-offset:3px}.pixel-room{border:3px solid var(--px-edge);background:var(--px-paper);max-width:960px;margin-inline:auto;box-shadow:0 4px #c4b795,4px 0 #d8ccaf,-4px 0 #d8ccaf,0 10px 24px #68513412}.pixel-room__titlebar{background:#e9ddbd;border-bottom:2px solid #cbbb98;justify-content:space-between;align-items:center;gap:15px;min-height:45px;padding:10px 20px;display:flex;box-shadow:inset 0 2px #fff7e0}.pixel-room__titlebar>div{align-items:center;gap:10px;display:flex}.pixel-room__titlebar h1{letter-spacing:-.03em;font-size:15px;font-weight:800}.pixel-room__chapter{color:#877859;letter-spacing:.14em;font:9px ui-monospace,monospace}.pixel-room__sun{background:#be9653;width:10px;height:10px;margin:3px;display:block;box-shadow:0 -3px #be9653,0 3px #be9653,-3px 0 #be9653,3px 0 #be9653}.pixel-room__hud{border-bottom:2px solid #cbbb98;justify-content:space-between;align-items:center;gap:30px;padding:18px 26px;display:flex}.pixel-room__identity{flex-shrink:0;align-items:center;gap:14px;display:flex}.pixel-room__portrait{background:#e8dfc4;border:2px solid #a6916d;width:76px;height:76px;overflow:hidden;box-shadow:inset 0 0 0 3px #fffbeb,0 2px #dbcaa5}.pixel-room__portrait-sprite{width:600%;max-width:none;height:400%;image-rendering:pixelated}.pixel-room__identity>div:last-child{gap:2px;display:grid}.pixel-room__identity strong{font-family:var(--la-display,inherit);font-size:24px;font-weight:800;line-height:1.3}.pixel-room__level{color:#76825b;letter-spacing:.06em;font:700 10px ui-monospace,monospace}.pixel-room__mood{color:var(--px-muted);font-size:11px}.pixel-room__needs{grid-template-columns:1fr 1fr;gap:22px;width:min(100%,340px);display:grid}.pixel-need>div:first-child{justify-content:space-between;gap:8px;margin-bottom:7px;font-size:11px;font-weight:700;display:flex}.pixel-need small{color:#9b8a71;font-size:9px;font-weight:400}.pixel-meter{background:#e4d9bf;border:2px solid #ad9774;height:13px;padding:2px;overflow:hidden;box-shadow:inset 0 1px #d7c8a7}.pixel-meter>span{background:#c69a60;max-width:100%;height:100%;transition:width .45s;display:block;box-shadow:inset 0 2px #e2bd82}.pixel-need--water .pixel-meter>span{background:#82a9ad;box-shadow:inset 0 2px #acc9c8}.pixel-room__stage{background:#e9dfc3;width:100%;min-height:260px;position:relative;overflow:hidden}.pixel-room__stage canvas{image-rendering:pixelated;display:block;width:100%!important;height:auto!important}.pixel-room__stage-label{z-index:2;color:#6f654c;pointer-events:none;background:#fff9e2de;border:1px solid #c6b28b;align-items:center;gap:6px;padding:5px 9px;font-size:10px;display:flex;position:absolute;top:16px;left:18px}.pixel-room__stage-label>span{background:#9ca570;width:5px;height:5px;box-shadow:0 -1px #9ca570,0 1px #9ca570}.pixel-room__decorate{z-index:3;background:#fffae8;border:2px solid #9c8563;align-items:center;gap:7px;min-height:36px;padding:5px 10px;display:flex;position:absolute;top:14px;right:16px;box-shadow:0 2px #b29a70;font-size:11px!important;font-weight:700!important}.pixel-room__decorate[aria-expanded=true]{background:#e1e8c9}.pixel-room__decorate .pixel-icon{width:22px;height:22px}.pixel-room__loading{color:#807359;z-index:1;background:#eee4c9;flex-direction:column;justify-content:center;align-items:center;gap:14px;width:100%;min-height:410px;font-size:12px;display:flex;position:absolute;inset:0}.pixel-room__stage:has(.pixel-room__loading){min-height:410px}.pixel-room__loading-seed{background:#ae8a54;border:3px solid #81633b;width:12px;height:18px;box-shadow:3px 0 #dbc397,-3px 0 #dbc397}.pixel-room__error{text-align:center;padding:50px 25px}.pixel-room__error button{background:#fff8e4;border:2px solid #a58f6d;padding:8px 15px}.pixel-room__conversation{background:#fffaed;border-top:2px solid #c2ae87;border-bottom:1px solid #dfd3b7;align-items:center;gap:14px;min-height:60px;padding:12px 26px;display:flex}.pixel-room__speaker{color:#7a6748;background:#e8ddbd;flex-shrink:0;padding:2px 9px;font-size:11px;font-weight:800}.pixel-room__conversation output{flex:1;font-size:12px;line-height:1.65}.pixel-room__conversation-tip{color:#b6a583;font-size:9px}.pixel-room__actions{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:20px 26px;display:grid}.pixel-action{background:#f8f0d9;border:2px solid #bcaa83;justify-content:center;align-items:center;gap:10px;min-height:78px;padding:10px 12px;transition:background .1s;display:flex;box-shadow:inset 0 2px #fffdf1,0 3px #d4c39e}.pixel-action:hover:not(:disabled){background:#fff8e7;border-color:#917951}.pixel-action:active:not(:disabled),.pixel-action--active{background:#e6e9cb;transform:translateY(2px);box-shadow:inset 0 2px #fffdf1,0 1px #d4c39e}.pixel-action:disabled:not(.pixel-action--active){opacity:.58}.pixel-action--active:disabled{opacity:1}.pixel-action__art{flex-shrink:0;justify-content:center;align-items:center;width:43px;height:43px;display:flex}.pixel-icon{width:40px;height:40px;image-rendering:pixelated;display:block}.pixel-action__copy{text-align:left;gap:4px;display:grid}.pixel-action strong{white-space:nowrap;font-size:13px;font-weight:800}.pixel-action small{color:#918067;white-space:nowrap;font-size:9px}.pixel-room__experience{background:#e9e3ca;border-top:2px solid #c6b58e;align-items:center;gap:12px;padding:13px 26px;display:flex}.pixel-room__experience>div:first-child{flex-shrink:0;align-items:center;gap:10px;font-size:10px;display:flex}.pixel-room__experience strong{color:#72815b;font:700 10px ui-monospace,monospace}.pixel-meter--xp{background:#d6d9bd;border-color:#9ba27c;flex:1;height:11px;padding:1px}.pixel-meter--xp>span{background:#87966b;box-shadow:inset 0 2px #b0bd88}.pixel-room__xp-value{color:#727557;white-space:nowrap;font:10px ui-monospace,monospace}.pixel-room__xp-value small{color:#8c8b72;font-size:9px}.pixel-decor{background:#f2ead5;border:2px solid #ac9773;margin:0 26px 22px;padding:18px;box-shadow:inset 0 0 0 3px #fffae7}.pixel-decor__heading{justify-content:space-between;align-items:center;gap:15px;margin-bottom:18px;display:flex}.pixel-decor__heading h2{font-size:14px;font-weight:800}.pixel-decor__heading p{color:#8b7d63;margin-top:3px;font-size:10px}.pixel-decor__heading>button{color:#8b7b5f;background:0 0;border:0;min-height:36px;font-size:10px}.pixel-decor__heading>button span{vertical-align:-2px;margin-left:5px;font-size:22px}.pixel-decor__settings{grid-template-columns:1fr 1.6fr;gap:24px;display:grid}.pixel-decor fieldset{border:0;min-width:0;margin:0;padding:0}.pixel-decor legend{color:#8e7d5f;margin:0 0 10px;font-size:10px;font-weight:700}.pixel-decor__colors{gap:16px;display:flex}.pixel-swatch{cursor:pointer;justify-items:center;gap:5px;display:grid;position:relative}.pixel-swatch input{opacity:0;border:0;width:35px;height:30px;padding:0;position:absolute}.pixel-swatch>span{color:#6d624d;background:#efe5c9;border:2px solid #c5b794;place-items:center;width:35px;height:30px;font-size:15px;display:grid}.pixel-swatch input:checked+span{border-color:#7a7057;box-shadow:0 0 0 2px #fff9e4}.pixel-swatch input:focus-visible+span{outline-offset:3px;outline:3px solid #3d756a}.pixel-swatch--sage>span{background:#d3ddc4}.pixel-swatch--rose>span{background:#e9d2c3}.pixel-swatch small{color:#8a7c63;font-size:9px}.pixel-decor__objects{gap:8px;display:flex}.pixel-decor__objects>button{background:#fdf6e5;border:1px solid #c3b28f;flex:1;justify-items:center;gap:5px;padding:9px 6px 7px;font-size:9px;display:grid;position:relative}.pixel-decor__objects>button[aria-pressed=true]{background:#e8ecd6;border-color:#8a9674}.pixel-decor__objects .pixel-icon{width:30px;height:30px}.pixel-decor__check{color:#829068;font-size:12px;position:absolute;top:1px;right:5px}.pixel-room-page__notes{text-align:center;color:#92846b;max-width:960px;margin:18px auto 0;font-size:11px;line-height:1.8}.pixel-room-page__notes>output{color:#a69981;margin-top:3px;font-size:10px}.pixel-room-page__notes .pixel-room-page__save-error{color:#9b583f}@media (max-width:640px){.pixel-room-page{padding:16px 12px 24px}.pixel-room-page__heading{margin-bottom:12px}.pixel-room-page__brand{font-size:15px}.pixel-room-page__preview{font-size:9px}.pixel-room__titlebar{min-height:40px;padding:9px 13px}.pixel-room__titlebar h1{font-size:13px}.pixel-room__chapter{letter-spacing:.06em;font-size:7px}.pixel-room__hud{gap:14px;padding:13px 14px}.pixel-room__identity{gap:9px}.pixel-room__portrait{width:57px;height:57px}.pixel-room__identity strong{font-size:21px}.pixel-room__mood{font-size:9px}.pixel-room__level{font-size:8px}.pixel-room__needs{grid-template-columns:1fr;gap:8px;width:160px}.pixel-need>div:first-child{margin-bottom:3px;font-size:9px}.pixel-need small{font-size:8px}.pixel-meter{height:10px;padding:1px}.pixel-room__stage{min-height:220px}.pixel-room__stage-label{padding:4px 6px;font-size:8px;top:11px;left:9px}.pixel-room__decorate{gap:4px;min-height:30px;padding:4px 6px;top:9px;right:9px;font-size:9px!important}.pixel-room__decorate .pixel-icon{width:18px;height:18px}:is(.pixel-room__loading,.pixel-room__stage:has(.pixel-room__loading)){min-height:260px}.pixel-room__conversation{gap:10px;min-height:59px;padding:11px 13px}.pixel-room__speaker{padding:2px 6px;font-size:9px}.pixel-room__conversation output{font-size:12px}.pixel-room__actions{gap:8px;padding:15px 12px 18px}.pixel-action{flex-direction:column;gap:5px;min-height:89px;padding:9px 4px 10px}.pixel-action__art{width:34px;height:34px}.pixel-action .pixel-icon{width:32px;height:32px}.pixel-action__copy{text-align:center;gap:2px}.pixel-action strong{font-size:11px}.pixel-action small{font-size:8px}.pixel-room__experience{gap:8px;padding:12px}.pixel-room__experience>div:first-child{gap:6px;font-size:8px}.pixel-room__experience strong,.pixel-room__xp-value,.pixel-room__xp-value small{font-size:8px}.pixel-decor{margin:0 12px 17px;padding:13px}.pixel-decor__settings{grid-template-columns:1fr;gap:17px}.pixel-decor__colors{gap:20px}.pixel-decor__objects>button{min-height:66px}.pixel-room-page__notes{margin-top:15px;font-size:9px}.pixel-room-page__notes>output{font-size:8px}}@media (prefers-reduced-motion:reduce){.pixel-room-page *{transition:none!important}}.pixel-room__sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.pixel-room-page__notes>output{display:block}.pixel-room__needs{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;width:min(100%,420px)}.pixel-need--mood .pixel-meter>span{background:#9aa36f;box-shadow:inset 0 2px #bac28b}.pixel-room__activity-heading{justify-content:space-between;align-items:center;gap:12px;padding:16px 26px 0;display:flex}.pixel-room__activity-tabs{align-items:center;gap:6px;display:flex}.pixel-room__activity-tabs>button{color:#958166;background:0 0;border:1px solid #0000;border-bottom:2px solid #ded2b6;min-height:34px;padding:6px 16px;font-size:11px}.pixel-room__activity-tabs>button[aria-pressed=true]{color:#5d6648;background:#e6e8cb;border-color:#b3b590;font-weight:800;box-shadow:inset 0 1px #fffcec}.pixel-room__cancel{background:#f6ead5;border:1px solid #c5ac8a;min-height:32px;padding:4px 9px;color:#88674e!important;font-size:10px!important}.pixel-room__actions{padding-top:13px}@media (max-width:640px){.pixel-room__needs{grid-template-columns:1fr;gap:6px;width:145px}.pixel-room__hud{padding-block:11px}.pixel-room__activity-heading{gap:6px;padding:13px 12px 0}.pixel-room__activity-tabs{gap:4px}.pixel-room__activity-tabs>button{min-height:32px;padding:5px 10px;font-size:10px}.pixel-room__cancel{padding-inline:6px;font-size:9px!important}.pixel-room__actions{padding-top:10px}}.pixel-room__choices{background:#f0edda;border-bottom:1px solid #dfd3b7;flex-wrap:wrap;justify-content:center;gap:9px;padding:13px 20px;display:flex}.pixel-room__choices>button{background:#fffbea;border:2px solid #a5ab84;align-items:center;gap:9px;min-height:38px;padding:6px 13px;font-size:11px;display:flex;box-shadow:0 2px #c4c7a6}.pixel-room__choices>button:hover{background:#e5ebce}.pixel-room__choices>button>span{color:#fffbea;text-align:center;background:#929c70;min-width:17px;padding:2px 0;font:11px ui-monospace,monospace}@media (max-width:640px){.pixel-room__choices{gap:6px;padding:11px 10px}.pixel-room__choices>button{gap:5px;padding:6px 7px;font-size:9px}}.pixel-room__identity-meta{align-items:center;gap:10px;display:flex}.pixel-room__seeds{color:#94703e;background:#f4ead0;border:1px solid #d4c5a3;align-items:center;gap:4px;padding:1px 6px 1px 3px;font:700 10px ui-monospace,monospace;display:flex}.pixel-room__seeds .pixel-icon{width:17px;height:17px}@media (max-width:640px){.pixel-room__identity-meta{gap:6px}.pixel-room__seeds{gap:2px;padding-inline:2px 4px;font-size:8px}.pixel-room__seeds .pixel-icon{width:14px;height:14px}.pixel-room__activity-tabs>button{padding-inline:9px}}.pixel-room__character-label{margin-top:5px;display:block}.pixel-room__character-label [data-slot=native-select-wrapper]{width:100%;max-width:205px}.pixel-room__character-label select{color:#6e6047;width:100%;max-width:205px;height:auto;font:inherit;cursor:pointer;background:#fff9e9;border:1px solid #b6a581;border-radius:0;padding:4px 30px 4px 6px;font-size:11px}.pixel-room__character-label select:focus-visible{outline-offset:-3px;outline:3px solid #3d756a}.hamzzi-pixel-canvas:focus-visible{outline-offset:-3px;outline:3px solid #3d756a}@media (max-width:640px){.pixel-room__hud{grid-template-columns:minmax(0,1fr);gap:14px;display:grid}.pixel-room__identity{min-width:0}.pixel-room__identity>div:last-child{flex:1;min-width:0}.pixel-room__needs{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:100%}.pixel-room__stage{min-height:0}.pixel-room__activity-tabs>button,.pixel-room__cancel,.pixel-room__decorate,.pixel-room__choices>button{min-height:44px}}.pixel-window{color:#554634;background:#fff8e8;border:3px solid #7f7052;width:min(690px,100vw - 24px);max-height:min(780px,100dvh - 32px);margin:auto;padding:0;overflow:hidden;box-shadow:4px 4px #47432d50,inset 0 0 0 2px #fdfbec}.pixel-window[open]{flex-direction:column;display:flex}.pixel-window::backdrop{background:#332c245e}.pixel-window__titlebar{background:#cbd5b0;border-bottom:2px solid #a9aa81;flex-shrink:0;justify-content:space-between;align-items:center;min-height:50px;padding:0 4px 0 16px;display:flex;box-shadow:inset 0 2px #eef1d9}.pixel-window__titlebar>div{align-items:center;gap:9px;display:flex}.pixel-window__titlebar h2{font-size:15px;font-weight:800}.pixel-window__titlebar>div>span{color:#849361;font-size:20px}.pixel-window__titlebar>button{background:0 0;border:0;width:44px;height:44px;font:24px ui-monospace,monospace}.pixel-window__titlebar>button:hover{background:#e6ebd0}.pixel-window__body{overscroll-behavior:contain;min-height:0;padding:18px;overflow-y:auto}.pixel-window__description{color:#8b7a5e;font-size:11px;margin-bottom:17px!important}.pixel-window__footer{color:#897957;background:#f0e8d1;border-top:1px solid #d7ccac;flex-shrink:0;padding:10px 16px;font-size:10px}.pixel-window__footer>span{color:#92a172;margin-right:5px}.pixel-decor--window{box-shadow:none;background:0 0;border:0;margin:0;padding:0}.pixel-decor--window .pixel-decor__settings{grid-template-columns:1fr;gap:24px}.pixel-decor--window .pixel-decor__colors{justify-content:flex-start;gap:24px}.pixel-decor--window .pixel-decor__objects>button{min-height:78px}.pixel-decor--window .pixel-swatch{min-width:60px}.pixel-inventory__bar{color:#8b7855;background:#f2e7cc;border:1px solid #cabd98;justify-content:space-between;align-items:center;margin-bottom:12px;padding:8px 10px;font-size:11px;display:flex}.pixel-inventory__bar strong{margin-left:8px;font:11px ui-monospace,monospace}.pixel-inventory__currency{align-items:center;gap:5px;font:700 13px ui-monospace,monospace;display:flex}.pixel-inventory__currency .pixel-icon{width:20px;height:20px}.pixel-inventory{grid-template-columns:minmax(0,1fr) 230px;align-items:start;gap:16px;display:grid}.pixel-inventory__slots{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;display:grid}.pixel-inventory__slot{aspect-ratio:1;background:#efe3c5;border:2px solid #baa984;grid-template-columns:minmax(0,1fr);place-items:center;min-width:0;padding:0;display:grid;position:relative;box-shadow:inset 2px 2px #d4c39c,inset -2px -2px #fff8e4}.pixel-inventory__slot:hover{background:#fff1d0}.pixel-inventory__slot[aria-pressed=true]{background:#f8f3d8;border-color:#718b51;box-shadow:inset 0 0 0 2px #acc486}.pixel-inventory__slot--empty{background:#ebe2ce;border-color:#d4c5a2;box-shadow:inset 2px 2px #ddcfb0}.pixel-inventory__slot--empty:after{content:"";background:#d2c4a5;width:4px;height:4px}.pixel-inventory__art{aspect-ratio:1;width:100%;image-rendering:pixelated;background-image:url(/assets/hamzzi-pixel/furniture-sheet.png);background-repeat:no-repeat;background-size:300% 200%;display:block}.pixel-inventory__art--upgrade{background-image:url(/assets/hamzzi-pixel/upgrades-sheet.png)}.pixel-inventory__equipped{color:#59753e;background:#d9e6bd;border:1px solid #7d945c;padding:1px 3px;font:700 9px ui-monospace,monospace;position:absolute;top:3px;left:3px}.pixel-inventory__rank{color:#88734b;font:10px ui-monospace,monospace;position:absolute;bottom:3px;right:5px}.pixel-inventory__detail{min-width:0;box-shadow:none;background:#fbf5e3;border:1px solid #bdae89;border-radius:0;padding:12px;display:block;overflow:visible}.pixel-inventory__preview{width:100px;margin:0 auto 6px}.pixel-inventory__category{color:#8a9670;font-size:10px}.pixel-inventory__detail h3{margin:3px 0 7px;font-size:15px}.pixel-inventory__detail p{color:#8b795b;font-size:11px}.pixel-inventory__equip,.pixel-inventory__upgrade>button{background:#e4eccc;border:2px solid #8e9f6c;justify-content:center;align-items:center;gap:5px;width:100%;min-height:44px;padding:7px;display:flex;box-shadow:inset 0 2px #f9fce9,0 2px #c5cbaa;font-size:11px!important}.pixel-inventory__equip{margin-top:14px}.pixel-inventory__equip[aria-pressed=true]{background:#efe8d5;border-color:#c3b391;box-shadow:inset 0 2px #fffbed,0 2px #d9cdae}.pixel-inventory__upgrade{border-top:1px dashed #c6b793;margin-top:13px;padding-top:13px}.pixel-inventory__upgrade p{margin-bottom:8px;font-size:9px}.pixel-inventory__upgrade strong{color:#73694e;font-size:11px;display:block}.pixel-inventory__upgrade .pixel-icon{width:19px;height:19px}.pixel-inventory__upgrade button:disabled{box-shadow:none;color:#a09276;background:#eae4d2;border-color:#c7baa0}.pixel-inventory__upgrade small{color:#9d8c70;text-align:center;margin-top:8px;font-size:9px;display:block}.pixel-inventory__note{text-align:center;background:#efe9d5;padding:8px;margin-top:15px!important}.pixel-inventory__legend{color:#998568;font-size:9px;margin-top:15px!important}.pixel-inventory__legend b{color:#7c915c;margin-right:4px}.pixel-inventory__notice{color:#667d45;background:#e7edd2;border:1px solid #b6c393;margin-top:12px;padding:9px 11px;font-size:11px;display:block}@media (max-width:600px){.pixel-window__body{padding:13px}.pixel-window__description{font-size:10px;margin-bottom:12px!important}.pixel-inventory{grid-template-columns:1fr;gap:13px}.pixel-inventory__slots{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.pixel-inventory__detail{grid-template-columns:84px minmax(0,1fr);align-items:center;gap:8px 12px;display:grid}.pixel-inventory__preview{width:84px;margin:0}.pixel-inventory__detail h3{font-size:14px}.pixel-inventory__equip,.pixel-inventory__note,.pixel-inventory__upgrade{grid-column:1/-1}.pixel-inventory__equip,.pixel-inventory__upgrade{margin-top:0}.pixel-decor--window .pixel-decor__objects{gap:7px}}.pixel-room__decorate{color:#554634;text-decoration:none}.pixel-editor-page{padding-top:22px}.pixel-editor__heading{justify-content:space-between;align-items:center;gap:20px;max-width:1240px;margin:0 auto 20px;display:flex}.pixel-editor__eyebrow{color:#8d976f;letter-spacing:.16em;font:10px ui-monospace,monospace}.pixel-editor__heading h1{margin:3px 0 4px;font-size:26px;font-weight:900}.pixel-editor__heading p{color:#91806a;font-size:12px}.pixel-editor__done{color:#566b3f;background:#dce7bf;border:2px solid #829361;flex-shrink:0;justify-content:center;align-items:center;gap:14px;min-width:100px;min-height:48px;padding:10px 18px;font-size:13px;font-weight:800;text-decoration:none;display:flex;box-shadow:inset 0 2px #f8fbe7,0 3px #bfcca0}.pixel-editor__workspace{grid-template-columns:minmax(0,1fr) 280px;align-items:start;gap:18px;max-width:1240px;margin:auto;display:grid}.pixel-editor__room-panel{background:#fff7e5;border:3px solid #8a7555;min-width:0;box-shadow:0 4px #caba97}.pixel-editor__room-toolbar{color:#796546;background:#e6dcc0;border-bottom:2px solid #c2b18e;justify-content:space-between;align-items:center;gap:10px;min-height:48px;padding:4px 12px;font-size:11px;font-weight:700;display:flex}.pixel-editor__room-toolbar button{color:#8c7a59;text-underline-offset:3px;background:0 0;border:0;min-height:40px;padding:6px;font-size:10px;text-decoration:underline}.pixel-editor__board{isolation:isolate;aspect-ratio:3/2;width:100%;min-width:0;image-rendering:pixelated;background:url(/assets/hamzzi-pixel/room.png) 50%/100% 100%;border:0;margin:0;padding:0;position:relative;overflow:hidden}.pixel-editor__board:before{content:"";mix-blend-mode:multiply;pointer-events:none;position:absolute;inset:0}.pixel-editor__board--sage:before{background:#e8f1de}.pixel-editor__board--rose:before{background:#ffe7db}.pixel-editor__object{touch-action:none;-webkit-user-select:none;user-select:none;background:0 0;border:0;padding:0;position:absolute;cursor:grab!important}.pixel-editor__object[aria-pressed=true]{outline-offset:4px;filter:drop-shadow(0 2px 2px #5d4d2580);outline:2px dashed #fef5cf}.pixel-editor__object:focus-visible{outline-offset:4px;outline:3px solid #fff4b3!important}.pixel-editor__board.is-dragging .pixel-editor__object[aria-pressed=true]{cursor:grabbing!important}.pixel-editor__art{width:100%;height:100%;image-rendering:pixelated;pointer-events:none;display:block;overflow:hidden}.pixel-editor__loading{text-align:center;color:#8d7755;background:#fff8e8cf;width:100%;padding:12px;font-size:12px;position:absolute;top:45%;left:0}.pixel-editor__drawer{background:#fff8e5;border:2px solid #9a8866;min-width:0;box-shadow:0 4px #cabb9b}.pixel-editor__palette{border-bottom:1px solid #d5c6a4;padding:17px}.pixel-editor__palette h2,.pixel-editor__storage h2{margin:0 0 13px;font-size:13px;font-weight:800}.pixel-editor__palette>div{gap:25px;display:flex}.pixel-editor__palette .pixel-swatch{min-width:40px;min-height:53px}.pixel-editor__storage{padding:17px}.pixel-editor__storage-title{justify-content:space-between;align-items:start;gap:8px;display:flex}.pixel-editor__storage-title>span{color:#9b896a;font:10px ui-monospace,monospace}.pixel-editor__storage>p{color:#9a896b;margin:0 0 12px;font-size:10px}.pixel-editor__slots{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.pixel-editor__slots>button{touch-action:none;cursor:grab;background:#f1e6cc;border:2px solid #c6b48d;flex-direction:column;align-items:center;min-width:0;padding:9px 5px;display:flex;box-shadow:inset 0 2px #fff9e7}.pixel-editor__slots>button[aria-pressed=true]{background:#edf0d7;border-color:#859a63}.pixel-editor__slots .pixel-editor__art{width:72px;max-width:100%;height:64px;margin-bottom:7px}.pixel-editor__slots strong{font-size:10px;font-weight:700}.pixel-editor__slots small{color:#a08b63;margin-top:3px;font-size:9px}.pixel-editor__storage .pixel-editor__drawer-note{color:#a19276;margin:14px 0 0;font-size:9px;line-height:1.7}.pixel-editor__footer{text-align:center;color:#849368;max-width:1240px;margin:22px auto 0;font-size:11px}.pixel-editor__footer p{color:#a39277;margin-top:6px;font-size:10px}@media (max-width:960px){.pixel-editor__workspace{grid-template-columns:minmax(0,1fr) 240px;gap:12px}}@media (max-width:760px){.pixel-editor__workspace{grid-template-columns:1fr}.pixel-editor__drawer{grid-template-columns:170px minmax(0,1fr);display:grid}.pixel-editor__palette{border-bottom:0;border-right:1px solid #d5c6a4}.pixel-editor__palette>div{flex-wrap:wrap;gap:12px}.pixel-editor__slots{grid-template-columns:repeat(3,minmax(0,1fr))}.pixel-editor__slots .pixel-editor__art{width:62px;height:50px}}@media (max-width:480px){.pixel-editor-page{padding:15px 12px 24px}.pixel-editor__heading{gap:10px;margin-bottom:15px}.pixel-editor__heading h1{font-size:22px}.pixel-editor__heading p{font-size:10px}.pixel-editor__done{gap:7px;min-width:76px;padding:8px 12px}.pixel-editor__room-toolbar{min-height:44px;padding:2px 9px;font-size:10px}.pixel-editor__room-toolbar button{font-size:9px}.pixel-editor__drawer{display:block}.pixel-editor__palette{border-bottom:1px solid #d5c6a4;border-right:0;align-items:center;gap:24px;padding:12px;display:flex}.pixel-editor__palette h2{flex-shrink:0;margin:0;font-size:11px}.pixel-editor__palette>div{flex-wrap:nowrap;gap:21px}.pixel-editor__storage{padding:13px}.pixel-editor__storage h2{font-size:12px}.pixel-editor__slots{grid-template-columns:repeat(3,minmax(0,1fr))}.pixel-editor__slots>button{padding:8px 3px}.pixel-editor__slots strong{font-size:9px}.pixel-editor__slots small{font-size:8px}}.pixel-editor__remove{z-index:1000;background:0 0;border:0;width:40px;height:40px;padding:8px;position:absolute;transform:translate(-50%,-50%)}.pixel-editor__remove>span{color:#8a6750;background:#fff4dd;border:2px solid #8b7654;place-items:center;width:24px;height:24px;font:19px ui-monospace,monospace;display:grid;box-shadow:0 2px #6f5b3638}.pixel-editor__remove:hover>span{background:#ecd8bf}