html[dir="rtl"] body{direction:rtl}html[dir="rtl"] .menu-panel{right:auto;left:0;transform:translateX(-100%)}html[dir="rtl"] .side-menu.open .menu-panel{transform:none}html[dir="rtl"] .menu-panel nav button,html[dir="rtl"] .setup-head,html[dir="rtl"] .home-copy{text-align:right}html[dir="rtl"] .close-btn{right:auto;left:20px}html[dir="rtl"] .change-photo{right:auto;left:10px}html[dir="rtl"] .game-hud{left:auto;right:clamp(14px,3vw,36px)}html[dir="rtl"] .primary-btn span,html[dir="rtl"] .text-btn span{transform:scaleX(-1)}
@media(hover:hover) and (pointer:fine){.dock-piece:hover{transform:translateY(-5px) scale(1.06)}}
@media(max-width:800px){.topbar{height:62px}.view{inset:62px 0 0}.home-view{padding:28px 22px;display:none;overflow:auto;overflow-x:hidden;justify-content:flex-start;align-items:flex-start}.home-view.active{display:flex}.home-copy{width:100%;padding-top:18px}.hero-art{position:absolute;width:50vw;right:-8vw;top:9vh;opacity:.23}.hero-frame{height:48vh}.lede{font-size:16px;max-width:75%;margin:22px 0}.home-stats{margin-top:35px;gap:22px}.setup-grid{grid-template-columns:1fr;gap:22px}.setup-panel{padding:28px 20px;width:calc(100vw - 20px);max-width:600px;overflow-x:hidden}.setup-head h2{font-size:clamp(31px,10vw,44px)}.setup-head>p:last-child{margin-bottom:18px}.image-drop{aspect-ratio:16/9}.game-hint{display:none}.board-tools{bottom:123px}.timer-card{display:none}.difficulty-options span{height:68px}.side-menu .menu-panel{width:min(82vw,340px);padding:18px 23px}.side-menu .menu-panel nav button{padding:15px 0;font-size:19px}.side-menu .menu-settings{margin-top:18px}.piece-dock{height:104px}.dock-label{width:58px;flex-basis:58px}.dock-piece{width:64px;height:64px;flex-basis:64px}.dock-piece canvas{width:64px;height:64px}}
@media(max-width:480px){h1{font-size:clamp(43px,14vw,53px);max-width:100%}.home-buttons{display:flex;align-items:flex-start;flex-direction:column;gap:14px}.text-btn{margin-left:0}.home-stats{justify-content:space-between}.home-stats strong{font-size:19px}.setup-panel{width:100%;height:100%;max-height:none}.difficulty-options{grid-template-columns:repeat(2,1fr)}.difficulty-options span{height:61px}.preview-overlay{padding:18px}.game-hud{top:10px;left:10px}.progress-card{height:48px}.progress-ring{width:34px;height:34px}.topbar{padding:0 14px}.brand{font-size:11px}.brand-mark{width:23px;height:23px}}

/* ---- tray ⇄ board premium gesture ---- */
.dock-piece{will-change:transform}
.dock-piece.pressed{transform:scale(.9);transition-duration:.09s}
.dock-piece.peeling{opacity:.45;transform:scale(.86);cursor:grabbing}
.tray-ghost{position:fixed;left:0;top:0;z-index:120;pointer-events:none;filter:drop-shadow(0 10px 14px rgba(18,19,22,.38));will-change:transform,opacity}
.piece-dock{transition:transform .22s cubic-bezier(.2,.7,.3,1),box-shadow .22s,border-color .22s}
.piece-dock.droppable{transform:translateY(-6px);border-top-color:rgba(229,88,63,.65);box-shadow:0 -14px 34px rgba(18,19,22,.2)}
.dock-hint{position:absolute;top:-13px;left:50%;transform:translate(-50%,8px);background:var(--ink);color:#fff;font-size:9px;letter-spacing:.14em;font-weight:750;padding:7px 12px;white-space:nowrap;border-radius:2px;box-shadow:0 6px 18px rgba(18,19,22,.3);opacity:0;pointer-events:none;transition:opacity .22s,transform .22s}
.piece-dock.droppable .dock-hint{opacity:1;transform:translate(-50%,0)}