*{box-sizing:border-box}body{margin:0;font-family:system-ui,sans-serif;background:#1a1a2e;color:#e7eefc;min-height:100vh}#app-root{min-height:100vh}.is-hidden{display:none!important}.header-compact{padding:12px 24px;border-bottom:1px solid rgba(255,255,255,.1)}.header-inner{display:flex;align-items:center;gap:16px;max-width:960px;margin:0 auto}.header-title{margin:0;font-size:1.25rem}.account-pill.is-hidden{display:none}.button{padding:8px 16px;border-radius:8px;border:1px solid rgba(255,255,255,.3);background:#ffffff1a;color:inherit;cursor:pointer}.button-secondary{background:#ffffff0d}.button:disabled{opacity:.5;cursor:not-allowed}.main-content{padding:24px;max-width:960px;margin:0 auto}.intro-view{padding:48px 24px;text-align:center}.intro-hint{opacity:.85}.dashboard-section,.puzzles-section,.puzzle-play-section{margin-bottom:32px}.dashboard-section h2,.puzzles-section h2,.puzzle-play-section h2{margin-top:0}.info-box{padding:12px;border:1px solid rgba(255,255,255,.15);border-radius:8px;margin-bottom:16px;background:#0003}.info-box h3{margin:0 0 8px;font-size:1rem}.muted{opacity:.8;font-size:.95em}.pieces-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.piece-chip{padding:4px 10px;background:#ffffff14;border-radius:6px;font-size:.9rem}.puzzle-list{display:flex;flex-wrap:wrap;gap:12px}.puzzle-card{text-align:left;padding:0;overflow:hidden}.puzzle-card-inner{display:flex;flex-direction:column;align-items:stretch}.puzzle-card-img{width:100%;height:120px;object-fit:cover;display:block;background:#0003}.puzzle-card-label{padding:10px 14px;display:block;font-size:.9rem}.puzzle-reference-image-wrap{margin:12px 0}.puzzle-reference-img{max-width:100%;max-height:280px;width:auto;height:auto;border-radius:8px;border:1px solid rgba(255,255,255,.2);display:block}.puzzle-play-layout{display:flex;gap:24px;margin:16px 0;flex-wrap:wrap}.pieces-sidebar{min-width:180px;padding:12px;border:1px solid rgba(255,255,255,.15);border-radius:8px;background:#0003}.pieces-sidebar h4{margin:0 0 12px;font-size:.95rem}.pieces-sidebar-list{display:flex;flex-direction:column;gap:8px}.sidebar-piece{padding:8px 12px;background:#6366f14d;border-radius:6px;cursor:grab;border:1px dashed rgba(255,255,255,.3);display:flex;align-items:center;gap:8px}.sidebar-piece:active{cursor:grabbing}.sidebar-piece.sidebar-piece-selected{background:#22c55e66;border:2px solid rgba(34,197,94,.9);box-shadow:0 0 0 2px #22c55e4d}.sidebar-piece-img{width:48px;height:48px;object-fit:contain;flex-shrink:0;border-radius:4px;background:#0003}.sidebar-piece-label{font-size:.9rem;font-weight:500}.puzzle-grid-wrap{flex:1;min-width:300px;overflow:auto}.puzzle-grid{display:grid;gap:2px;padding:4px;border-radius:8px;max-width:100%;background:#ffffff0f}.puzzle-grid.puzzle-grid-has-bg{background-color:transparent}.grid-slot{aspect-ratio:1;min-width:24px;min-height:24px;background:#00000059;border:1px solid rgba(255,255,255,.25);border-radius:4px;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;font-size:.7rem}.puzzle-grid-has-bg .grid-slot{background:#00000040}.grid-slot:not(.filled):before{content:"";position:absolute;inset:0;background:#23232dc7;border-radius:inherit;pointer-events:none}.puzzle-grid-has-bg .grid-slot:not(.filled):before{background:#191923d1}.grid-slot.filled{background:#6366f133;border-style:solid;flex-direction:column;padding:0}.puzzle-grid-has-bg .grid-slot.filled{background:#6366f159;border-style:solid}.grid-slot-default{display:block}.grid-slot-detail{display:none;flex-direction:column;align-items:center;justify-content:center;position:absolute;inset:0;background:#1e293bfa;padding:2px}.grid-slot.filled:hover .grid-slot-detail,.grid-slot.filled.show-detail .grid-slot-detail{display:flex}.grid-slot.filled:hover .grid-slot-default,.grid-slot.filled.show-detail .grid-slot-default{display:none}.grid-slot-img{width:100%;height:100%;object-fit:contain;flex:1;min-height:0;display:block}.grid-slot-asset-id{font-size:.5rem;line-height:1.1;color:#ffffffd9;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.grid-slot[data-droppable=true]{border-style:dashed}.grid-slot:not(.filled):hover{background:#ffffff1f}.grid-slot:not(.filled):hover:before{background:#2d2d378c}.puzzle-grid-has-bg .grid-slot:not(.filled):hover{background:#ffffff26}.puzzle-grid-has-bg .grid-slot:not(.filled):hover:before{background:#23232d99}.mobile-tooltip{display:none;position:fixed;z-index:9999;max-width:min(280px,calc(100vw - 24px));padding:10px 14px;background:#1e293bfa;color:#e7eefc;font-size:.9rem;line-height:1.35;border-radius:8px;border:1px solid rgba(255,255,255,.2);box-shadow:0 4px 20px #0006;pointer-events:none}.mobile-tooltip.is-visible{display:block}