.construction-entry{text-align:left;color:#244c3f;background:linear-gradient(115deg,#eef0e5,#e1e9df);border:1px solid #c6cbb6;border-radius:20px;align-items:center;gap:18px;width:100%;margin:20px 0;padding:22px;display:flex}.construction-entry>span:nth-child(2){flex:1;gap:6px;display:grid}.construction-entry small{letter-spacing:2px;color:#8c784c;font-size:10px}.construction-entry strong{font-size:21px}.construction-entry span span{font-size:14px}.construction-entry-icon{color:#9f8247;background:#fff9e8;border-radius:16px;padding:15px}.construction-overlay{z-index:1500;color:#233f34;font-family:var(--font-sans,Arial),sans-serif;background:#f7f5eb;flex-direction:column;display:flex;position:fixed;inset:0}.construction-overlay button{cursor:pointer;color:#294c3e;background:#f9f8f1;border:1px solid #cfd5c6;border-radius:10px;justify-content:center;align-items:center;gap:7px;min-height:40px;padding:9px 12px;font-size:14px;display:inline-flex}.construction-overlay button:disabled{opacity:.45;cursor:not-allowed}.construction-overlay button:focus-visible{outline-offset:2px;outline:3px solid #c6a350}.construction-header{background:#f8f8f0;border-bottom:1px solid #d7ddce;justify-content:space-between;align-items:center;gap:12px;padding:16px 24px;display:flex}.construction-header small,.construction-inventory-heading small{color:#8f835d;letter-spacing:2px;font-size:10px}.construction-header h2{margin:3px 0 0;font-size:22px;font-weight:650}.construction-header h2 span{margin-left:12px;font-size:15px;font-weight:400}.construction-header-actions{align-items:center;gap:16px;display:flex}.construction-header-actions>span{align-items:center;gap:6px;font-size:13px;display:flex}.construction-body{flex:1;min-height:0;display:flex}.construction-stage{flex:1;min-width:0;position:relative;overflow:hidden}.construction-canvas{touch-action:none;width:100%;height:100%;position:absolute;inset:0}.construction-canvas canvas{touch-action:none;width:100%;height:100%;display:block}.construction-canvas>p{z-index:2;background:#fff5dd;margin:80px 20px;padding:20px;position:relative}.construction-toolbar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fbfaf1e8;border-radius:14px;gap:6px;padding:5px;display:flex;position:absolute;top:20px;left:20px;box-shadow:0 5px 25px #213c3520}.construction-toolbar button[aria-pressed=true],.construction-inventory nav button[aria-pressed=true]{color:#fff7e2;background:#254e40;border-color:#254e40}.construction-layer{background:#f9f8eee8;border-radius:14px;align-items:center;gap:8px;padding:7px;display:flex;position:absolute;bottom:82px;left:20px;box-shadow:0 5px 20px #213c3515}.construction-layer label{text-align:center;padding:0 12px;font-size:11px;display:grid}.construction-layer strong{font-size:17px}.construction-hint{color:#fff9e7;pointer-events:none;background:#234336e8;border-radius:12px;max-width:calc(100% - 40px);padding:10px 16px;font-size:14px;position:absolute;bottom:16px;left:20px}.construction-hint small{color:#d2decf;margin-top:3px;font-size:11px;display:block}.construction-locked{background:#fff0bb;border-radius:12px;gap:8px;padding:12px;font-size:13px;display:flex;position:absolute;top:85px;left:20px}.construction-feedback{background:#f6fff2;border-radius:12px;justify-content:space-between;align-items:center;gap:10px;padding:13px 15px;font-size:14px;display:flex;position:absolute;top:85px;left:20px;right:20px;box-shadow:0 4px 20px #20352d25}.construction-feedback.error{color:#943f20;background:#fff0e6}.construction-inventory{overscroll-behavior:contain;border-left:1px solid #d4dcca;width:325px;max-width:42vw;padding:22px;overflow-y:auto}.construction-inventory-heading h3{margin:8px 0;font-size:23px}.construction-inventory-heading p{margin:0 0 20px;font-size:13px}.construction-inventory-heading b{color:#9e7a32;margin-right:5px;font-size:23px}.construction-inventory-heading span{color:#78816f}.construction-inventory nav{gap:5px;margin-bottom:20px;display:flex}.construction-inventory nav button{flex:1;padding:8px 6px;font-size:12px}.construction-materials{grid-template-columns:1fr 1fr;gap:10px;display:grid}.construction-materials>button{border-radius:14px;flex-direction:column;padding:10px 6px 13px;display:flex;position:relative}.construction-materials>button.selected{background:#fff7e0;border:2px solid #ac8b42;padding:9px 5px 12px;box-shadow:0 3px 15px #ac8b421c}.construction-materials strong{font-size:14px}.construction-materials>button>span:last-child{color:#8a713f;font-size:15px;font-weight:600}.construction-material-art{background:radial-gradient(at 50% 82%,#29443320,#0000 50%);flex-shrink:0;width:90px;height:75px;display:block;position:relative}.construction-material-art i{background:var(--material-color);width:48px;height:40px;box-shadow:7px 4px 0 color-mix(in srgb,var(--material-color),black 22%),inset 0 3px 0 #fff5;border-radius:2px;display:block;position:absolute;top:18px;left:22px;transform:skewY(-10deg)}.material-brick i{background:repeating-linear-gradient(0deg,#0000 0 10px,#e6d6bc 10px 12px),repeating-linear-gradient(90deg,#ad735c 0 20px,#d7b7a0 20px 22px)}.material-glass i{background:linear-gradient(125deg,#82b9c688,#d9f3f3bb,#74aeb999);border:3px solid #b39c6e;box-shadow:4px 3px #718f89}.material-pillar i{background:linear-gradient(90deg,#aaa99c,#f9f3e3,#cdcabc);border-radius:5px;width:25px;height:54px;top:9px;left:33px;transform:none;box-shadow:0 4px 0 3px #d2cebe}.material-roof i{clip-path:polygon(50% 0,100% 100%,0 100%);height:48px;top:10px}.material-cross i{clip-path:polygon(40% 0,60% 0,60% 28%,95% 28%,95% 44%,60% 44%,60% 100%,40% 100%,40% 44%,5% 44%,5% 28%,40% 28%);background:linear-gradient(100deg,#a78036,#f3d985,#b79244);height:55px;top:5px;transform:none}.material-floor i{height:16px;top:34px;transform:skewY(-15deg)}.material-wood i{background:repeating-linear-gradient(90deg,#b98954 0 8px,#a77847 9px 10px)}.construction-starter{background:#edeedc;border:1px solid #d6d9bd;border-radius:14px;margin-bottom:16px;padding:16px;font-size:14px}.construction-starter p,.construction-shop>p{font-size:13px;line-height:1.7}.construction-starter button{color:#fff;background:#29513f;width:100%}.construction-shop article{border-bottom:1px solid #dfdfd1;align-items:center;gap:8px;padding:10px 0;display:flex}.construction-shop article>div{gap:5px;display:grid}.construction-shop strong{font-size:14px}.construction-shop article button{min-height:32px;font-size:12px}.construction-shop .construction-restore{background:0 0;border:0;min-height:24px;padding:3px}.construction-store-status{background:#ede6cd;border-radius:10px;padding:12px}.construction-history article{border-bottom:1px solid #dadfce;gap:5px;padding:15px 0;font-size:14px;display:grid}.construction-history small{color:#8e967e;font-size:11px}.construction-lock-button{width:100%;margin-top:20px;font-size:12px!important}@media (max-width:700px) and (orientation:portrait){.construction-header{padding:12px}.construction-header h2{font-size:18px}.construction-header h2 span,.construction-header-actions>span{display:none}.construction-body{flex-direction:column}.construction-stage{flex:none;height:55%;min-height:260px}.construction-inventory{border-top:1px solid #d4dcca;border-left:0;flex:1;width:100%;max-width:none;padding:14px}.construction-inventory-heading{justify-content:space-between;align-items:center;display:flex}.construction-inventory-heading small{display:none}.construction-inventory-heading h3{font-size:18px}.construction-inventory-heading p{margin:0}.construction-materials{grid-template-columns:repeat(4,1fr);gap:6px}.construction-material-art{transform-origin:50%;width:70px;height:60px;transform:scale(.85)}.construction-materials strong{font-size:12px}.construction-toolbar{top:12px;left:12px}.construction-layer{bottom:74px;left:12px}.construction-hint{font-size:12px;bottom:10px;left:12px}.construction-hint small{font-size:10px}.construction-header small{font-size:8px}}@media (max-height:520px) and (orientation:landscape){.construction-header{padding:7px 16px}.construction-header h2{font-size:16px}.construction-header small{font-size:8px}.construction-inventory{width:260px;padding:12px}.construction-inventory-heading h3{font-size:18px}.construction-inventory-heading p{margin-bottom:8px}.construction-toolbar{top:10px;left:10px}.construction-layer{bottom:69px;left:10px}.construction-hint{font-size:12px;bottom:8px;left:10px}}