/* ===== Reset & base ===== */
*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html,body{height:100%;height:100dvh;overflow:hidden}
body{font-family:'Trebuchet MS','Lucida Grande',sans-serif;-webkit-user-select:none;user-select:none;position:fixed;width:100%;top:0;left:0}
input,button{font-family:inherit;-webkit-appearance:none}
input{-webkit-user-select:text;user-select:text}

/* ===== Scrollbars ===== */
::-webkit-scrollbar{width:4px;height:4px}
::-webkit-scrollbar-thumb{background:rgba(128,128,128,0.3);border-radius:2px}

/* ===== Tiles ===== */
.tile{display:flex;align-items:center;justify-content:center;font-weight:900;border-radius:6px;cursor:pointer}
.floating-tile{position:fixed;pointer-events:none;z-index:999;transform:scale(1.15);box-shadow:0 4px 16px rgba(0,0,0,0.4)}

/* ===== Zoomable grid container ===== */
.zoom-wrap{position:relative;flex:1;overflow:hidden;display:flex;flex-direction:column}
.zoom-inner{overflow:auto;flex:1;-webkit-overflow-scrolling:touch}
.zoom-btns{position:absolute;right:8px;bottom:8px;display:flex;flex-direction:column;gap:4px;z-index:50}
.zoom-btn{width:32px;height:32px;border-radius:8px;border:none;font-size:18px;font-weight:900;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(0,0,0,0.2);line-height:1}

/* ===== Peel announcement flash ===== */
@keyframes peelFlashIn{0%{transform:translate(-50%,-30px) scale(0.6);opacity:0}15%{transform:translate(-50%,0) scale(1.15);opacity:1}70%{transform:translate(-50%,0) scale(1);opacity:1}100%{transform:translate(-50%,0) scale(1);opacity:0}}
.peel-flash{position:fixed;top:80px;left:50%;z-index:350;pointer-events:none;padding:14px 28px;border-radius:14px;font-size:18px;font-weight:900;letter-spacing:0.5px;text-align:center;white-space:nowrap;animation:peelFlashIn 2.5s ease-out forwards;box-shadow:0 8px 32px rgba(0,0,0,0.25)}
.peel-flash-self{background:linear-gradient(135deg,#f5c842,#e8a020);color:#2c1810;border:3px solid #c4a84d}
.peel-flash-other{background:linear-gradient(135deg,#ff7a4a,#e85d00);color:#fff;border:3px solid #8a3200}