/* V28 final overrides: appended last on purpose */
:root{--v28-base:#101724;--v28-card:#1b2534;--v28-accent:#ef806e;--v28-ice:#8fd4cf}
html{max-width:100%;overflow-x:clip;scroll-padding-top:88px}body{max-width:100%;overflow-x:clip;min-width:0;background:var(--v28-base)!important;color:#f4efe9}body *,body *::before,body *::after{box-sizing:border-box}img,video,svg,canvas{max-width:100%}pre,code{max-width:100%;white-space:pre-wrap;overflow-wrap:anywhere}p,h1,h2,h3{overflow-wrap:break-word}
/* deliberate limited palette across old themes */
body.atelier-v11{--burnt:#ef806e;--mint:#8fd4cf;--paper:#1b2534;--ink:#f6eee8;--forest:#101724}
body.atelier-v11 .at-skills{background:transparent!important;border:0!important;gap:12px!important}
body.atelier-v11 .at-skill{background:#1b2534!important;border:1px solid #445166!important;border-radius:14px!important;color:#f6eee8!important;min-height:115px!important}
body.atelier-v11 .at-skill:hover{border-color:#ef806e!important;background:#273246!important}
body .at-section,body .at-hero,body .at-hero-grid,body .at-contact-grid,body .at-title-row,body .dx-grid,body .arc-grid{min-width:0;max-width:100%}
/* NAV: one button-triggered flyout on small screens */
body .topbar{position:relative;z-index:120!important;background:#101724ee!important;border-bottom:1px solid #354456!important}
body .topbar .navigation{width:min(1180px,calc(100% - 32px))!important;max-width:100%!important;margin:auto!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;min-height:68px;padding:10px 0!important}
body .topbar .brand{flex:0 0 auto;font-size:clamp(18px,2.7vw,24px)!important;color:#fff1e9!important}
body .topbar .navlinks{display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;align-items:center!important;justify-content:flex-end!important;gap:6px!important;width:auto!important;max-width:100%!important;overflow:visible!important;margin:0!important;padding:0!important}
body .topbar .navlinks a{color:#e4eaf0!important;font-size:12px!important;font-weight:700!important;text-decoration:none!important;padding:9px 12px!important;border-radius:10px!important;background:transparent!important;white-space:nowrap!important}
body .topbar .navlinks a:hover{background:#273547!important;color:#fff!important}
body .topbar .navlinks .nav-admin{background:#ef806e!important;color:#151823!important;border:0!important}
body .v26-menu{display:none!important}
/* all actions: visually matched compact sizes */
body button:not(.v26-menu),body .at-primary,body .at-underlink,body .nav-admin,body .dx-actions button,body .arc-actions button,body .at-form button{border-radius:11px!important;font-size:clamp(11px,1.1vw,13px)!important;line-height:1.3!important;letter-spacing:0!important;padding:10px 14px!important;min-height:38px!important;min-width:0!important;max-width:100%!important;width:auto!important;white-space:normal!important}
body .at-actions{gap:10px!important;flex-wrap:wrap!important}body .at-actions a{justify-content:center!important;display:inline-flex!important;align-items:center!important;flex:0 1 auto!important}
/* footer utility and effects remain unobstructed */
body #retro-game-launch{font-size:12px!important;padding:10px 13px!important}
body .at-title-row h2{font-size:clamp(43px,6vw,98px)!important}
body .at-marquee{overflow:hidden!important;max-width:100%!important}
body .orbit-code{pointer-events:none!important}
body .at-skills .at-skill strong{font-size:clamp(16px,2vw,23px)!important}
body .at-hero-copy>*,body .at-hero-grid>*{min-width:0;max-width:100%}
body .at-workbench,body .orbit-portrait-wrap,body .orbit-visual{max-width:100%!important}
@media(max-width:850px){
 body .topbar .navigation{position:relative!important;min-height:60px!important;flex-direction:row!important;align-items:center!important}
 body .v26-menu{display:inline-flex!important;align-items:center!important;gap:7px!important;min-height:42px!important;background:#243249!important;color:#fff!important;border:1px solid #617287!important;padding:9px 14px!important;border-radius:10px!important;cursor:pointer!important}
 body .topbar .navlinks{display:none!important;position:absolute!important;top:calc(100% + 4px)!important;left:0!important;right:0!important;width:100%!important;max-height:min(70vh,460px)!important;overflow-y:auto!important;background:#182233!important;border:1px solid #46546c!important;border-radius:15px!important;padding:10px!important;box-shadow:0 16px 45px #0009!important;flex-direction:column!important;align-items:stretch!important;gap:3px!important}
 body .topbar .navigation.v26-open .navlinks{display:flex!important}
 body .topbar .navlinks a{width:100%!important;padding:12px 14px!important;text-align:left!important;min-height:44px!important}
 body .at-hero-grid,body .at-contact-grid,body .dx-grid,body .at-project-grid{grid-template-columns:minmax(0,1fr)!important}
 body .at-skills{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 body .at-section{padding:65px 16px!important}
 body .at-hero{padding:38px 16px 55px!important}
 body .at-hero h1{font-size:clamp(42px,11vw,76px)!important}
 body .at-title-row{flex-direction:column!important;align-items:flex-start!important}
 body .at-actions a{width:auto!important;max-width:100%!important}
 body .at-workbench{width:100%!important}
 body .at-capability-strip{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 body .orbit-widgets{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:9px!important;max-width:100%!important}
 body .orbit-widgets>*{width:100%!important;max-width:100%!important;min-width:0!important}
 body .dx-options,body .arc-options{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important}
}
@media(max-width:540px){
 body .at-hero h1{font-size:clamp(40px,11vw,62px)!important}
 body .at-hero-copy,body .at-hero-grid{width:100%!important}
 body .at-skills{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 body .at-section{padding:55px 14px!important}
 body .at-title-row h2{font-size:clamp(42px,10vw,59px)!important}
 body .at-code-window{width:100%!important;max-width:100%!important}
 body .at-actions{gap:7px!important}
 body .at-actions a{font-size:11px!important;min-height:38px!important;padding:9px 11px!important}
 body .at-form{padding:19px 14px!important;width:100%!important}
 body .at-form button{width:100%!important}
 body #retro-game-launch{bottom:75px!important;right:10px!important;left:auto!important;max-width:130px!important}
 body #dev-clock-v7{left:10px!important;bottom:76px!important;max-width:calc(100vw - 160px)!important;font-size:10px!important}
 body .q-hud,body #quantum-hud,body .quantum-hud{max-width:calc(100vw - 20px)!important;right:10px!important;bottom:12px!important;left:auto!important;transform:none!important;font-size:10px!important}
 body .retro-game-panel{width:min(96vw,600px)!important;max-width:96vw!important;max-height:90dvh!important;overflow:auto!important;padding:12px!important}
 body #retro-game-canvas{width:100%!important;height:auto!important;display:block!important}
 body .retro-game-controls{display:flex!important;flex-wrap:wrap!important;gap:6px!important;justify-content:center!important}
 body .retro-game-controls button{min-height:44px!important;touch-action:none}
 body .dx-options,body .arc-options{grid-template-columns:1fr!important}
 body .at-capability-strip{gap:10px!important}
}
@media(max-width:350px){body .at-skills{grid-template-columns:1fr!important}body .at-hero h1{font-size:39px!important}}
@media(prefers-reduced-motion:reduce){body *,body *::before,body *::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}