.fw-boreal-shell {
    position: relative;
    width: min(92vw, 1000px);
    max-width: none !important;
    margin-top: 24px;
    margin-right: 0;
    margin-bottom: 24px;
    margin-left: calc(50% - min(46vw, 500px));
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 20px;
    background: #070b10;
    box-shadow: 0 24px 70px rgba(0,0,0,.35);
    color: #f6f8fb;
    font-family: Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
.fw-boreal-topbar,.fw-boreal-footer {
    display:flex;align-items:center;justify-content:space-between;gap:16px;
    padding:12px 18px;background:linear-gradient(180deg,rgba(27,34,43,.99),rgba(10,14,19,.99));
}
.fw-boreal-toolbar { display:flex;align-items:center;justify-content:flex-end;gap:10px; }
.fw-boreal-action {
    appearance:none;border:1px solid rgba(255,255,255,.16);border-radius:9px;padding:8px 11px;
    background:#182432;color:#f4f8fb;font:800 10px/1 Inter,system-ui,sans-serif;letter-spacing:.06em;
    cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease;
}
.fw-boreal-action:hover { transform:translateY(-1px);border-color:rgba(255,198,46,.65);background:#223246; }
.fw-boreal-action[aria-pressed="true"] { color:#91a1b2;background:#101720; }
.fw-boreal-topbar { border-bottom:1px solid rgba(255,255,255,.08); }
.fw-boreal-footer { flex-wrap:wrap;border-top:1px solid rgba(255,255,255,.08);color:#bac7d3;font-size:12px; }
.fw-boreal-brand { display:flex;align-items:center;gap:10px;letter-spacing:.06em; }
.fw-boreal-brand small { display:block;margin-top:2px;color:#91a1b2;font-size:10px;letter-spacing:.08em;text-transform:uppercase; }
.fw-boreal-brand-icon { width:42px;height:46px;object-fit:contain;border-radius:10px;background:#111923;border:1px solid rgba(255,198,46,.45); }
.fw-boreal-version { color:#ffc62e;font-size:11px;font-weight:800;letter-spacing:.08em; }
.fw-boreal-game { position:relative;width:100%;aspect-ratio:1100/650;min-height:390px;background:#07101a;overflow:hidden; }
.fw-boreal-game canvas { display:block;touch-action:none;image-rendering:auto; }
.fw-boreal-game > div { pointer-events:none; }
.fw-boreal-game img { display:block; }
.fw-boreal-mobile-controls { display:none;position:absolute;inset:0;z-index:40;pointer-events:none; }
.fw-boreal-mobile-button {
    appearance:none;-webkit-appearance:none;position:absolute;display:grid;place-items:center;
    margin:0;padding:0;border:2px solid rgba(255,255,255,.34);border-radius:50%;
    background:rgba(9,18,27,.14);color:rgba(255,255,255,.86);pointer-events:auto;
    touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;
    box-shadow:0 5px 18px rgba(0,0,0,.20),inset 0 0 14px rgba(255,255,255,.035);
    backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);
    font:900 clamp(22px,4.2vmin,38px)/1 Arial,sans-serif;
}
.fw-boreal-mobile-button:active {
    background:rgba(36,168,255,.34);border-color:rgba(159,232,255,.86);scale:.94;
}
.fw-boreal-joystick {
    position:absolute;left:max(18px,env(safe-area-inset-left));bottom:78px;
    width:clamp(132px,21vmin,176px);height:clamp(132px,21vmin,176px);border-radius:50%;
    border:2px solid rgba(255,255,255,.30);background:rgba(9,18,27,.11);pointer-events:auto;
    touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;
    box-shadow:0 6px 22px rgba(0,0,0,.18),inset 0 0 30px rgba(255,255,255,.025);
    backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);
}
.fw-boreal-joystick::before,.fw-boreal-joystick::after {
    content:'';position:absolute;left:50%;top:50%;background:rgba(255,255,255,.10);
    transform:translate(-50%,-50%);pointer-events:none;
}
.fw-boreal-joystick::before { width:52%;height:1px; }
.fw-boreal-joystick::after { width:1px;height:52%; }
.fw-boreal-joystick-knob {
    position:absolute;left:50%;top:50%;width:clamp(56px,9vmin,76px);height:clamp(56px,9vmin,76px);
    border:2px solid rgba(255,255,255,.48);border-radius:50%;background:rgba(255,255,255,.15);
    box-shadow:0 4px 15px rgba(0,0,0,.22),inset 0 0 16px rgba(159,232,255,.10);
    transform:translate(-50%,-50%);transition:transform 70ms ease-out;pointer-events:none;will-change:transform;
}
.fw-boreal-joystick:active .fw-boreal-joystick-knob {
    background:rgba(159,232,255,.22);border-color:rgba(159,232,255,.75);transition:none;
}
.fw-boreal-action-mobile {
    right:max(20px,env(safe-area-inset-right));bottom:94px;width:clamp(78px,11.5vmin,108px);height:clamp(78px,11.5vmin,108px);
    color:#ffd45e;border-color:rgba(255,198,46,.58);background:rgba(255,198,46,.10);
    font-size:clamp(26px,5vmin,43px);
}
.fw-boreal-action-mobile small { position:absolute;top:67%;font-size:clamp(7px,1.35vmin,11px);letter-spacing:.08em; }
.fw-boreal-mobile-exit {
    display:none;right:max(10px,env(safe-area-inset-right));top:max(10px,env(safe-area-inset-top));
    width:48px;height:48px;font-size:20px;background:rgba(9,18,27,.26);
}
.fw-boreal-shell:fullscreen {
    left:auto;width:100vw;height:100vh;height:100dvh;margin:0;transform:none;border:0;border-radius:0;
    display:flex;flex-direction:column;background:#05090d;
}
.fw-boreal-shell:fullscreen .fw-boreal-game { flex:1;min-height:0;aspect-ratio:auto; }
.fw-boreal-shell:fullscreen .fw-boreal-footer { flex:0 0 auto; }
.fw-boreal-shell:fullscreen .fw-boreal-topbar { flex:0 0 auto; }
.fw-boreal-shell.fw-boreal-expanded {
    position:fixed;inset:0;z-index:2147483646;width:100vw;height:100vh;height:100dvh;
    margin:0;border:0;border-radius:0;display:flex;flex-direction:column;background:#05090d;
}
.fw-boreal-shell.fw-boreal-expanded .fw-boreal-game { flex:1;min-height:0;aspect-ratio:auto; }
body.fw-boreal-page-locked { overflow:hidden !important;overscroll-behavior:none; }
@media(max-width:700px){
    .fw-boreal-shell{width:100vw;margin:12px 0 12px calc(50% - 50vw);border-radius:14px}.fw-boreal-topbar{padding:9px 11px}.fw-boreal-version{display:none}
    .fw-boreal-footer{padding:8px 10px}.fw-boreal-game{min-height:330px}.fw-boreal-brand-icon{width:36px;height:40px}
    .fw-boreal-toolbar{gap:6px}.fw-boreal-action{padding:7px 8px;font-size:9px}
}
@media(any-pointer:coarse), (max-width:900px){
    .fw-boreal-mobile-controls { display:block; }
}
@media(max-width:1100px), (max-height:750px), (any-pointer:coarse){
    .fw-boreal-shell:fullscreen .fw-boreal-topbar,
    .fw-boreal-shell:fullscreen .fw-boreal-footer,
    .fw-boreal-shell.fw-boreal-fullscreen-active .fw-boreal-topbar,
    .fw-boreal-shell.fw-boreal-fullscreen-active .fw-boreal-footer,
    .fw-boreal-shell.fw-boreal-expanded .fw-boreal-topbar,
    .fw-boreal-shell.fw-boreal-expanded .fw-boreal-footer { display:none; }
    .fw-boreal-shell:fullscreen .fw-boreal-game,
    .fw-boreal-shell.fw-boreal-fullscreen-active .fw-boreal-game,
    .fw-boreal-shell.fw-boreal-expanded .fw-boreal-game { width:100%;height:100%;flex:1;min-height:0;aspect-ratio:auto; }
    .fw-boreal-shell:fullscreen .fw-boreal-joystick,
    .fw-boreal-shell.fw-boreal-fullscreen-active .fw-boreal-joystick,
    .fw-boreal-shell.fw-boreal-expanded .fw-boreal-joystick { bottom:max(22px,env(safe-area-inset-bottom)); }
    .fw-boreal-shell:fullscreen .fw-boreal-action-mobile,
    .fw-boreal-shell.fw-boreal-fullscreen-active .fw-boreal-action-mobile,
    .fw-boreal-shell.fw-boreal-expanded .fw-boreal-action-mobile { bottom:max(28px,env(safe-area-inset-bottom)); }
    .fw-boreal-shell:fullscreen .fw-boreal-mobile-exit,
    .fw-boreal-shell.fw-boreal-fullscreen-active .fw-boreal-mobile-exit,
    .fw-boreal-shell.fw-boreal-expanded .fw-boreal-mobile-exit { display:grid; }
}
