:root{--board-bg:#e2dbce;--cell-empty:#ede8df;--cell-empty-shadow:#d8d0c2;--cell-border:#0000000a}body{color:#2b2140;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;touch-action:none;background-color:#fff8ee;margin:0;padding:0;font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Roboto,sans-serif}.game-wrap{box-sizing:border-box;flex-direction:column;align-items:center;gap:10px;max-width:440px;margin:0 auto;padding:8px 12px 24px;display:flex}.hud-bar{box-sizing:border-box;background:#fff;border:2px solid #ecdcc8;border-radius:16px;justify-content:space-between;align-items:center;width:100%;padding:8px 16px;display:flex;box-shadow:0 4px #dfcdb5}.score-group{flex-direction:column;gap:2px;display:flex}.score-group.right{align-items:flex-end}.hud-label{color:#8c827a;font-size:12px;font-weight:700}.hud-value{color:#2b2140;font-family:Fredoka,Jua,sans-serif;font-size:24px;font-weight:700;line-height:1}.combo-pill{color:#fff;background:linear-gradient(135deg,#ff6b6b,#ffa94d);border-radius:12px;padding:4px 12px;font-family:Fredoka,Jua,sans-serif;font-size:14px;font-weight:700;animation:.3s cubic-bezier(.175,.885,.32,1.275) bouncePop;box-shadow:0 2px 6px #ff6b6b66}@keyframes bouncePop{0%{transform:scale(.7)}60%{transform:scale(1.15)}to{transform:scale(1)}}.board-wrapper{aspect-ratio:1;background:var(--board-bg);box-sizing:border-box;touch-action:none;border:3px solid #cbbfab;border-radius:18px;width:min(100vw - 24px,390px);padding:8px;position:relative;box-shadow:0 6px #b3a58e,inset 0 2px 4px #00000014}.board-grid{grid-template-rows:repeat(8,1fr);grid-template-columns:repeat(8,1fr);gap:4px;width:100%;height:100%;display:grid}.board-cell{background:var(--cell-empty);box-shadow:inset 0 2px 2px var(--cell-empty-shadow);border-radius:6px;transition:transform .1s,background-color .15s;position:relative;overflow:hidden}.board-cell.filled{animation:.18s cubic-bezier(.175,.885,.32,1.275) cellLand;box-shadow:inset 0 2px #fff6,0 2px #0000002e}@keyframes cellLand{0%{transform:scale(.85)}to{transform:scale(1)}}.board-cell.preview{opacity:.55;transform:scale(.96);box-shadow:inset 0 0 0 2px #fffc}.board-cell.line-highlight{animation:.4s ease-in-out infinite alternate linePulse}@keyframes linePulse{0%{filter:brightness()}to{filter:brightness(1.4)drop-shadow(0 0 4px #fff)}}.board-cell.clearing{animation:.22s ease-in forwards popClear}@keyframes popClear{0%{filter:brightness(1.5);transform:scale(1)}50%{filter:brightness(2);transform:scale(1.15)}to{opacity:0;transform:scale(0)}}.board-overlay{pointer-events:none;z-index:50;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.floating-text{color:#fff;text-shadow:0 4px #e03131,0 0 10px #0006;font-family:Fredoka,Jua,sans-serif;font-size:32px;font-weight:700;animation:.8s cubic-bezier(.175,.885,.32,1.275) forwards floatUp}@keyframes floatUp{0%{opacity:0;transform:translateY(20px)scale(.6)}30%{opacity:1;transform:translateY(0)scale(1.2)}70%{opacity:1;transform:translateY(-15px)scale(1)}to{opacity:0;transform:translateY(-35px)scale(.9)}}.tray-container{touch-action:none;justify-content:space-between;align-items:center;gap:8px;width:min(100vw - 24px,390px);height:100px;display:flex}.tray-slot{touch-action:none;cursor:grab;background:#fbf5eb;border:2px dashed #e6d7c2;border-radius:16px;flex:1;justify-content:center;align-items:center;height:100%;transition:transform .15s,opacity .2s;display:flex;position:relative}.tray-slot:active{cursor:grabbing}.tray-slot.empty{cursor:default;border-style:solid;border-color:#f1e4d3}.tray-block{transform-origin:50%;pointer-events:auto;gap:3px;padding:4px;transition:opacity .2s,transform .15s;display:grid;transform:scale(.65)}.tray-cell{border-radius:4px;width:22px;height:22px;box-shadow:inset 0 2px #fff6,0 2px #00000026}.tray-cell.empty{visibility:hidden}.tray-slot.disabled .tray-block{opacity:.38;filter:grayscale(.6);pointer-events:none}.drag-proxy-layer{pointer-events:none;z-index:9999;width:100vw;height:100vh;display:none;position:fixed;top:0;left:0}.drag-block{pointer-events:none;filter:drop-shadow(0 12px 16px #00000040);gap:4px;transition:none;display:grid;position:absolute;transform:translate(-50%,-50%)translateY(-70px)}.drag-cell{border-radius:6px;box-shadow:inset 0 2px #ffffff73,0 2px #0003}.drag-cell.empty{visibility:hidden}@media (width<=360px){.game-wrap{gap:8px;padding:6px 8px 16px}.board-wrapper{width:calc(100vw - 16px)}.tray-container{height:88px}.tray-block{transform:scale(.55)}}