.delete-item{color:#996954;border:1px solid #ddcfc5;background:#fffaf5;padding:10px;margin-top:8px;font-size:13px}.delete-item:hover{background:#f4e6dd;color:#824931}.card-actions{flex-wrap:wrap}.card-actions .delete-item{flex:0 0 100%;margin-top:0;padding:7px}.material-preview{display:flex;align-items:center;gap:10px;border:1px solid #dfdfd3;padding:9px;border-radius:8px;margin:-6px 0 20px;background:#f8f6ee}.material-swatch{flex:0 0 47px;height:55px;border-radius:4px;background-image:url(material-atlas.png);background-size:300% 200%;background-position:100% 100%;box-shadow:inset 0 1px 1px #fff9,0 2px 4px #0002}.material-preview b{font-size:11px;font-weight:500}.material-preview small{display:block;font-size:10px;line-height:1.6;color:#8b8878;margin-top:5px}.material-preview[data-material=tea] .material-swatch{background-position:0 0}.material-preview[data-material=laser] .material-swatch{background-position:50% 0}.material-preview[data-material=glitter] .material-swatch{background-position:100% 0}.material-preview[data-material=towel] .material-swatch{background-position:0 100%}.mobile-actions{display:none}
@media(min-width:801px){body.game-mode{height:100dvh;overflow:hidden}body.game-mode header{height:91px;min-height:91px}body.game-mode #gameSurface{height:calc(100dvh - 91px);min-height:0;max-height:none;overflow:hidden;grid-template-columns:clamp(185px,18vw,260px) minmax(0,1fr) clamp(240px,23vw,310px)}body.game-mode .left-panel,body.game-mode .right-panel{height:100%;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-gutter:stable;min-height:0}body.game-mode .workspace{height:100%;min-height:0;overflow:hidden;padding:16px 20px 12px}body.game-mode #boardViewport{min-height:0;max-height:none;height:0;flex:1;padding:25px 20px 30px;overscroll-behavior:contain}body.game-mode .workspace-top,body.game-mode .tile-navigation,body.game-mode .workspace-bottom,body.game-mode .instruction-strip{flex-shrink:0}body.game-mode .workspace-bottom{padding-top:12px}body.game-mode .instruction-strip{margin-top:10px}.left-panel:focus-within,.right-panel:focus-within{outline:none}}
@media(max-width:800px){body.game-mode{padding-bottom:calc(76px + env(safe-area-inset-bottom))}body.game-mode .mobile-actions{display:flex;position:fixed;z-index:30;left:0;right:0;bottom:0;gap:8px;align-items:center;justify-content:space-between;padding:10px 14px calc(10px + env(safe-area-inset-bottom));border-top:1px solid #cad4c2;background:#fffefaf5;box-shadow:0 -4px 18px #3c503016;backdrop-filter:blur(14px)}.mobile-actions button{min-width:92px;min-height:46px;border:1px solid #bfcdb5;background:#e7eedf;color:#425c38;font-size:16px;font-weight:500;touch-action:manipulation}.mobile-actions button span{font-size:22px}.mobile-actions button:disabled{opacity:.4}.mobile-actions>span{font-size:11px;color:#7e8b72;text-align:center;line-height:1.6}.workspace-top .small-actions #undo,.workspace-top .small-actions #redo{display:none}#toast{bottom:calc(88px + env(safe-area-inset-bottom))}.material-preview{max-width:400px}.material-swatch{height:70px;flex-basis:70px}.material-preview b{font-size:13px}.material-preview small{font-size:12px}}