/* Shared Register-window visual language. No forms, routes, or permissions are changed. */
:root {
  --grw-fill: linear-gradient(140deg,rgba(239,250,255,.5),rgba(195,231,250,.5) 55%,rgba(165,216,243,.5));
  --grw-frame: url('/assets/silver-ice-window-frame-v1.svg');
  --grw-watermark: url('/assets/grand-mu-helmet-gmr-watermark-v3.svg');
  --grw-shadow: 0 20px 45px #286d9440, inset 0 0 0 2px #fff;
}
body:is([data-route="downloads"],[data-route="information"],[data-route="rankings"]) .wrap #main-content {
  border: 1px solid #c1e8fa;
  border-image: var(--grw-frame) 180 200 / 32px 36px / 15px stretch;
  border-radius: 0;
  background: var(--grw-fill);
  color: #224e6e;
  box-shadow: var(--grw-shadow);
}
body:is([data-route="downloads"],[data-route="information"],[data-route="rankings"]) .wrap #main-content::before { content: none; }
body:is([data-route="downloads"],[data-route="information"],[data-route="rankings"]) .wrap #main-content [data-page-design] :is(.page-design-heading,.home-card,.opening-section,.opening-footer) {
  position: relative;
  isolation: isolate;
  border: 1px solid #c1e8fa;
  border-image: var(--grw-frame) 180 200 / 32px 36px / 15px stretch;
  border-radius: 0;
  background: var(--grw-watermark) center / contain no-repeat, var(--grw-fill) !important;
  color: #224e6e;
  box-shadow: var(--grw-shadow);
}
body:is([data-route="downloads"],[data-route="information"],[data-route="rankings"]) .wrap #main-content [data-page-design] :is(.page-design-heading,.home-card,.opening-section,.opening-footer)::after {
  content: ''; position: absolute; inset: 10px; z-index: 0; pointer-events: none;
  border: 1px solid #fff; box-shadow: inset 0 0 0 1px rgba(58,158,207,.17);
}
body:is([data-route="downloads"],[data-route="information"],[data-route="rankings"]) .wrap #main-content [data-page-design] :is(.page-design-heading,.home-card,.opening-section,.opening-footer) > * { position: relative; z-index: 1; }
body:is([data-route="information"],[data-route="rankings"]) .wrap #main-content [data-page-design] > .page-heading--compact {
  border-image-width: 24px 27px; border-image-outset: 12px;
}
body:is([data-route="information"],[data-route="rankings"]) .wrap #main-content [data-page-design] > .page-heading--compact::after { inset: 5px 10px; }
/* Keep the tucked-away opening history plain inside its own framed window. */
body[data-route="information"] .wrap #main-content [data-page-design] .information-opening-body .opening-section {
  border: 0; border-image: none; background: none !important; box-shadow: none;
}
body[data-route="information"] .wrap #main-content [data-page-design] .information-opening-body .opening-section::after { content: none; }
/* The sign-in form is served in the separate User Panel document. */
body .login-layout > .login-card {
  border: 1px solid #c1e8fa;
  border-image: var(--grw-frame) 180 200 / 32px 36px / 15px stretch;
  border-radius: 0;
  background: var(--grw-fill);
  color: #224e6e; box-shadow: var(--grw-shadow);
}
body .login-layout > .login-card::before { content: ''; position: absolute; inset: 4px; pointer-events: none; background: var(--grw-watermark) center / contain no-repeat; }
body .login-layout > .login-card::after { content: ''; position: absolute; inset: 10px; pointer-events: none; border: 1px solid #fff; box-shadow: inset 0 0 0 1px rgba(58,158,207,.17); }
body .panel-shell {
  position: relative; isolation: isolate; margin: 18px 24px 32px;
  min-width: 0; overflow: visible;
  border: 1px solid #c1e8fa;
  border-image: var(--grw-frame) 180 200 / 32px 36px / 15px stretch;
  border-radius: 0; background: var(--grw-fill); color: #224e6e; box-shadow: var(--grw-shadow);
}
body .panel-shell .panel-sidebar {
  border: 1px solid #c1e8fa; border-image: var(--grw-frame) 180 200 / 24px 27px / 0 stretch;
  border-radius: 0; background: var(--grw-watermark) center / contain no-repeat, var(--grw-fill);
  color: #224e6e; box-shadow: inset 0 0 0 2px #fff;
}
body .panel-shell .panel-sidebar::before { content: none; }
body .panel-shell .panel-content > .view {
  position: relative; isolation: isolate; margin: 26px 0; padding: 22px;
  border: 1px solid #c1e8fa; border-image: var(--grw-frame) 180 200 / 32px 36px / 12px stretch;
  border-radius: 0; background: var(--grw-watermark) center / contain no-repeat, var(--grw-fill);
  color: #224e6e; box-shadow: var(--grw-shadow);
}
body .panel-shell .panel-content > .view::after { content: ''; position: absolute; inset: 10px; z-index: -1; pointer-events: none; border: 1px solid #fff; box-shadow: inset 0 0 0 1px rgba(58,158,207,.17); }
body .panel-shell .panel-content > .view > .section-heading:first-child { margin-top: 0; }
@media (min-width: 761px) { body .login-gate { padding-top: 16px; } }
@media (max-width: 760px) {
  body .panel-shell { margin: 16px 18px 26px; border-image-width: 23px 26px; border-image-outset: 10px; }
  body .panel-shell .panel-content > .view { padding: 16px 12px; margin: 22px 0; border-image-width: 23px 26px; border-image-outset: 9px; }
  body .login-layout > .login-card { border-image-width: 23px 26px; border-image-outset: 10px; }
  body:is([data-route="downloads"],[data-route="information"],[data-route="rankings"]) .wrap #main-content,
  body:is([data-route="downloads"],[data-route="information"],[data-route="rankings"]) .wrap #main-content [data-page-design] :is(.page-design-heading,.home-card,.opening-section,.opening-footer) {
    border-image-width: 23px 26px; border-image-outset: 10px;
  }
}
/* Keep equipment columns fluid inside the newly framed account views. */
@media (min-width: 761px) {
  body .panel-shell .loadout { grid-template-columns: minmax(110px,1fr) minmax(180px,1.5fr) minmax(110px,1fr); gap: 12px; padding-right: 16px; padding-left: 16px; }
  body .panel-shell .equipment-slot { grid-template-columns: 36px minmax(0,1fr); gap: 8px; }
  body .panel-shell .equipment-slot .slot-glyph { width: 34px; height: 34px; }
}
body .panel-shell .character-model { min-width: 0; }
body .panel-shell .equipment-slot strong { overflow-wrap: anywhere; }