Checked against the live site's actual CSS: .float-btns-l (☰ Menu) is untouched.
.float-btns-r's spot (currently 🏆 Challenges) now holds Install / Language / Fullscreen instead —
individually floating, no bar, no shared background. Below that: a stack with Profile (new — icon +
color from your current title, profile/title editing itself stays in the ☰ menu as-is), Challenges, and
Collection — the only part that measures the gutter and collapses behind "‹‹".
viewport width1920px
presets →*clamped to the slider's 2200 max
🦊 Komyo Games
a catalogue of self-contained browser games
☰
📱
🌐
⛶
🛡️ProfileSquire of the Keep
🏆Challenges2 today
🎨Collection38%
‹‹
🛡️ProfileSquire of the Keep
🏆Challenges2 today
🎨Collection38%
Pink line = .wrap's right edge. The gutter between that line and the viewport's
right edge is measured against the stack's real width to decide inline vs. "‹‹"-collapsed. Try the presets,
especially 360/480 — collapsed, the "‹‹" tab is the ONLY visible element; the panel box is fully off-screen.
What changed from the last round
Fixed v8's actual bug: the tab and the panel were both inside one 22px clip window — and since
content flows left-to-right from the window's left edge, the visible 22px strip was a sliver of the
panel, while the tab (last in the row) was what got clipped away. Now the tab lives OUTSIDE the
clipped box entirely (plain flex sibling, always rendered, flush at the true edge), and only the panel sits
inside .panel-clip, whose width toggles 0 ↔ measured panel width. At width 0 the panel is
invisible by construction.
Rounding: panel rounded on the LEFT (facing content), square where it meets the tab/screen edge on
the right.
Profile button in the stack — icon + soft tint from your current title (mocked as 🛡️ Squire of the
Keep / blue; real data comes from the title-ladder the ☰ profile card already reads). Profile/title editing
stays in the ☰ menu, untouched.