/* HEAVEN approved 2026-10-28 home, scoped to authenticated home only. */
#app.hh-approved-home:not(:has(.world-wrap)):not(:has(.login)){grid-template-columns:266px minmax(0,1fr)!important;grid-template-rows:minmax(0,1fr)!important}
#app.hh-approved-home>.topbar,#app.hh-approved-home>footer{display:none!important}
#app.hh-approved-home #heavenMenuRail{display:flex!important;grid-column:1!important;grid-row:1!important;position:relative;background:rgba(6,13,22,.91)!important;border:1px solid #293d4e!important;border-radius:0 4px 4px 0!important;padding:24px 14px!important;gap:12px!important;overflow-y:auto}
#app.hh-approved-home #heavenMenuRail .hm-brand{font:700 22px/1.15 'Arial Narrow',Segoe UI,Arial,sans-serif!important;letter-spacing:.24em!important;text-align:center;border:1px solid #2a3b4b;border-radius:3px;padding:19px 8px!important;min-height:66px;color:#e4eef8;white-space:nowrap}
#app.hh-approved-home #heavenMenuRail .hm-nav{display:grid!important;gap:8px!important}
#app.hh-approved-home #heavenMenuRail .hm-nav button,#app.hh-approved-home #heavenMenuRail .hm-bottom button{width:100%!important;min-height:53px!important;text-align:left!important;padding:10px 31px!important;border:1px solid #334454!important;border-radius:3px!important;color:#e6edf8!important;background:rgba(12,23,35,.8)!important;font:700 16px/1.25 'Arial Narrow',Segoe UI,Arial,sans-serif!important;letter-spacing:.1em!important;box-shadow:none!important}
#app.hh-approved-home #heavenMenuRail .hm-nav button:hover,#app.hh-approved-home #heavenMenuRail .hm-nav button.hm-active,#app.hh-approved-home #heavenMenuRail .hm-bottom button:hover{border-color:#2fa8e4!important;background:rgba(15,38,55,.96)!important;color:#fff!important}
#app.hh-approved-home #heavenMenuRail .hm-nav button.hm-active{box-shadow:inset 0 0 0 1px #31b8f2!important}
#app.hh-approved-home #heavenMenuRail .hm-bottom{display:grid!important;gap:7px!important;border-top:1px solid #2e4050!important;margin-top:auto!important;padding-top:40px!important}
#app.hh-approved-home #heavenMenuRail .hm-bottom button{font-size:15px!important;text-align:center!important;justify-content:center!important;padding:11px!important}
#app.hh-approved-home main#screen{grid-row:1!important;grid-column:2!important;min-width:0!important;padding:18px 18px 14px 29px!important;background:transparent!important;overflow-y:auto!important;overflow-x:hidden!important}
.hh-source-hidden{display:none!important}
.hh-stage{max-width:1500px;width:100%;min-height:min(760px,calc(100dvh - 30px));margin:auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,27.3%);grid-template-rows:minmax(0,1fr) auto;column-gap:11px;row-gap:34px;align-content:center;align-items:start;color:#e8f1ff;font-family:'Arial Narrow',Segoe UI,Arial,sans-serif}
.hh-stage *{box-sizing:border-box}
.hh-main{display:grid;grid-template-rows:205px 280px;gap:33px;min-width:0}
.hh-stage button{border-radius:4px!important;color:#eaf2ff!important;cursor:pointer;font-family:inherit;font-weight:700;letter-spacing:.105em;text-align:center;background:rgba(12,27,43,.66);transition:border-color .12s ease,background-color .12s ease}
.hh-stage button:focus-visible{outline:3px solid #68cbff;outline-offset:3px}
.hh-stage button:hover{background:rgba(23,52,73,.82)}
.hh-quick{width:100%;min-width:0;height:205px;border:1.5px solid #64beed!important;font-size:clamp(37px,5.8vw,72px);letter-spacing:.16em!important;line-height:1.1;text-shadow:0 1px 0 #071523}
.hh-cardgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,132px);gap:18px 16px}
.hh-cardgrid button{height:132px;border:1px solid #7293ac!important;font-size:clamp(20px,2.65vw,37px);letter-spacing:.135em!important}
.hh-profile{border:1px solid #6c8296;background:rgba(6,15,25,.7);border-radius:4px;padding:13px 16px 17px;height:451px;min-width:0}
.hh-profile h2{margin:0 0 15px;font-size:23px;letter-spacing:.16em;line-height:1.2;font-weight:700}
.hh-profilegrid{display:grid;grid-template-columns:minmax(0,2fr) minmax(100px,1fr);gap:12px;height:376px}
.hh-avatar{border:1px solid #354e61;background:rgba(3,12,22,.54);display:flex;align-items:center;justify-content:center;min-height:0}
.hh-avatar svg{width:85%;height:95%;stroke:#283f54;stroke-width:1.7;fill:#040c16}
.hh-metrics{display:grid;grid-template-rows:repeat(2,1fr);gap:9px;min-width:0}
.hh-metric{border:1px solid #52677b;background:rgba(9,22,36,.68);padding:24px 16px;display:flex;flex-direction:column;justify-content:center;gap:10px;font-size:22px;letter-spacing:.06em}
.hh-metric b{font-size:30px;letter-spacing:.04em}
.hh-bottom{grid-column:1/-1;min-width:0;border:1px solid #5a7187;border-radius:4px;min-height:123px;background:rgba(6,16,27,.79);padding:19px 15px;display:grid;grid-template-columns:139px minmax(0,1fr) 197px minmax(170px,1.08fr);gap:15px;align-items:stretch}
.hh-bottom-cell{border:1px solid #466176;min-width:0;background:rgba(14,27,41,.7);display:flex;align-items:center;justify-content:center;letter-spacing:.105em;font-size:24px}
.hh-level{flex-direction:column;font-size:30px}
.hh-level small{font-size:11px;letter-spacing:.11em}
.hh-xp{display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:12px;padding:15px 13px}
.hh-xp label{font-weight:700;font-size:21px}
.hh-xp-track{width:100%;height:13px;border-radius:10px;background:#24384a;overflow:hidden}
.hh-xp-fill{height:100%;width:0%;background:#7fc2ec;transition:width .18s ease}
.hh-emblem{color:#4c6a81;font-size:13px;letter-spacing:.1em;gap:8px;flex-direction:column}
.hh-emblem svg{height:45px;width:70px;stroke:#3e5a70;fill:none;stroke-width:1.9}
.hh-matches{gap:16px}
.hh-matches b{font-size:26px}
.hh-matches span{font-size:15px}
.hh-resume{grid-column:1/-1;justify-self:end;border:1px solid #5b8c9b!important;padding:9px 20px;font-size:13px}
#app.hh-approved-home .menu-scene-root{z-index:0}
@media(max-width:1250px) and (min-width:761px){
 #app.hh-approved-home:not(:has(.world-wrap)):not(:has(.login)){grid-template-columns:225px minmax(0,1fr)!important}
 #app.hh-approved-home #heavenMenuRail .hm-nav button{font-size:13px!important;padding:11px 18px!important;min-height:48px!important}
 #app.hh-approved-home #heavenMenuRail .hm-bottom button{font-size:12px!important}
 #app.hh-approved-home main#screen{padding:18px!important}
 .hh-stage{grid-template-columns:minmax(0,1fr) minmax(235px,31%);row-gap:18px}
 .hh-main{grid-template-rows:155px 232px;gap:17px}
 .hh-quick{height:155px;font-size:clamp(30px,4vw,58px)}
 .hh-cardgrid{grid-template-rows:repeat(2,110px);gap:12px}
 .hh-cardgrid button{height:110px;font-size:clamp(18px,2.1vw,28px)}
 .hh-profile{height:404px}
 .hh-profilegrid{height:330px;gap:7px}
 .hh-metric{font-size:15px;padding:13px}
 .hh-metric b{font-size:24px}
 .hh-bottom{grid-template-columns:90px minmax(0,1fr) 100px minmax(120px,1fr);min-height:90px;padding:10px;gap:8px}
 .hh-bottom-cell{font-size:18px}
}
@media(max-width:760px) and (pointer:coarse) and (hover:none){
 #app.hh-approved-home:not(:has(.world-wrap)):not(:has(.login)){grid-template-columns:minmax(0,1fr)!important;grid-template-rows:58px minmax(0,1fr)!important}
 #app.hh-approved-home>.topbar{display:flex!important;grid-row:1!important;grid-column:1!important;min-height:58px}
 #app.hh-approved-home>footer{display:none!important}
 #app.hh-approved-home main#screen{grid-row:2!important;grid-column:1!important;min-height:0;padding:12px max(10px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left))!important;overflow-y:auto!important}
 #app.hh-approved-home #heavenMenuRail{position:fixed!important;display:none!important;grid-row:auto!important;grid-column:auto!important;inset:58px 0 0 auto!important;width:min(330px,88vw)!important;max-width:88vw!important;z-index:101!important;overflow-y:auto!important;border-radius:0!important}
 #app.hh-approved-home.nav-open #heavenMenuRail{display:flex!important}
 #app.hh-approved-home #heavenMenuRail .hm-brand{font-size:18px!important}
 #app.hh-approved-home #heavenMenuRail .hm-nav button{font-size:13px!important;min-height:44px!important}
 #app.hh-approved-home #heavenMenuRail .hm-bottom button{font-size:13px!important;min-height:44px!important}
 .hh-stage{min-height:auto;display:flex;flex-direction:column;gap:12px}
 .hh-main{width:100%;grid-template-rows:clamp(90px,18dvh,155px) auto;gap:12px}
 .hh-quick{height:100%;font-size:clamp(29px,8vw,56px)}
 .hh-cardgrid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(76px,12dvh));gap:9px}
 .hh-cardgrid button{height:100%;font-size:clamp(14px,3.9vw,26px)}
 .hh-profile{width:100%;height:auto;padding:10px 12px}
 .hh-profile h2{font-size:18px;margin-bottom:9px}
 .hh-profilegrid{height:145px;grid-template-columns:2fr 1fr}
 .hh-metric{font-size:14px;padding:9px;gap:5px}
 .hh-metric b{font-size:20px}
 .hh-bottom{width:100%;min-height:92px;grid-template-columns:54px minmax(0,1fr) 56px 83px;gap:6px;padding:6px}
 .hh-bottom-cell{font-size:11px}
 .hh-level{font-size:17px}
 .hh-level small{font-size:8px}
 .hh-xp{padding:7px;gap:6px}
 .hh-xp label{font-size:13px}
 .hh-xp-track{height:9px}
 .hh-emblem svg{height:27px;width:38px}
 .hh-emblem{font-size:8px}
 .hh-matches{gap:2px;flex-direction:column}
 .hh-matches b{font-size:15px}
 .hh-matches span{font-size:8px}
}
@media(max-height:680px) and (min-width:761px){.hh-stage{min-height:auto}.hh-main{grid-template-rows:145px 204px;gap:12px}.hh-quick{height:145px}.hh-cardgrid{grid-template-rows:repeat(2,96px);gap:12px}.hh-cardgrid button{height:96px}.hh-profile{height:361px}.hh-profilegrid{height:287px}.hh-bottom{min-height:90px;padding:9px}.hh-stage{row-gap:14px}}

#app.hh-approved-home #heavenMenuRail .hm-nav button[data-nav="home"]{order:0!important}
#app.hh-approved-home #heavenMenuRail .hm-nav button[data-nav="extraction"]{order:1!important}
#app.hh-approved-home #heavenMenuRail .hm-nav button[data-nav="multiplayer"]{order:2!important}
#app.hh-approved-home #heavenMenuRail .hm-nav button[data-nav="myworlds"]{order:3!important}
#app.hh-approved-home #heavenMenuRail .hm-nav button[data-nav="community"]{order:4!important}
#app.hh-approved-home #heavenMenuRail .hm-nav button[data-nav="shop"]{order:5!important}
#app.hh-approved-home #heavenMenuRail .hm-nav button[data-nav="character"]{order:6!important}
#app.hh-approved-home #heavenMenuRail .hm-nav button[data-nav="progression"]{order:7!important}
#app.hh-approved-home #heavenMenuRail .hm-nav button[data-nav="settings"]{order:8!important}

/* HEAVEN 2026-10-28: unified player-facing menus. Never restyle 3D world canvas. */
:root{--hm-ink:#e9f2fb;--hm-muted:#97acbb;--hm-edge:#364b5e;--hm-accent:#8dbedc;--hm-panel:#0c1824;--hm-bg:#07111b;--panel:#0b1724e8;--panel2:#111e2e;--line:#364b5f;--line2:#607d96;--accent:#83bbdf;--text:#e9f2fb;--muted:#99acba}
#app.hh-unified{font-family:"Arial Narrow",Segoe UI,Arial,sans-serif;letter-spacing:.025em}
#app.hh-unified[data-auth-state="authenticated"]:not(:has(.world-wrap)){grid-template-columns:252px minmax(0,1fr);grid-template-rows:50px minmax(0,1fr) 0!important}
#app.hh-unified[data-auth-state="authenticated"]:not(:has(.world-wrap))>.topbar{grid-column:1/-1;grid-row:1;display:flex;min-height:0;padding:5px 17px;background:rgba(5,14,24,.94);border-bottom:1px solid #2d4052}
#app.hh-unified[data-auth-state="authenticated"]:not(:has(.world-wrap))>.topbar strong{letter-spacing:.18em;font-size:13px}
#app.hh-unified[data-auth-state="authenticated"]:not(:has(.world-wrap))>.topbar .logo{width:34px;height:34px;font-size:17px}
#app.hh-unified[data-auth-state="authenticated"]:not(:has(.world-wrap))>footer{display:none!important}
#app.hh-unified[data-auth-state="authenticated"]:not(:has(.world-wrap)) #heavenMenuRail{grid-column:1;grid-row:2;display:flex;min-width:0;min-height:0;gap:16px;background:rgba(5,13,22,.9);border:1px solid #2b3d4e;border-left:none;border-radius:0 3px 3px 0;padding:20px 13px}
#app.hh-unified[data-auth-state="authenticated"]:not(:has(.world-wrap)) #heavenMenuRail .hm-brand{font:700 21px/1.2 "Arial Narrow",Segoe UI,Arial,sans-serif;letter-spacing:.22em;text-align:center;color:#e8f0fa;border:1px solid #31495c;border-radius:3px;background:rgba(6,17,27,.75);padding:17px 6px;min-height:66px;white-space:nowrap}
#app.hh-unified[data-auth-state="authenticated"]:not(:has(.world-wrap)) #heavenMenuRail .hm-nav{display:grid!important;gap:7px}
#app.hh-unified[data-auth-state="authenticated"]:not(:has(.world-wrap)) #heavenMenuRail .hm-nav button,#app.hh-unified[data-auth-state="authenticated"]:not(:has(.world-wrap)) #heavenMenuRail .hm-bottom button{width:100%;min-height:43px;padding:10px 18px;border:1px solid #32485a;border-radius:3px;color:#dfebf6;background:rgba(13,27,41,.77);font:700 14px/1.25 "Arial Narrow",Segoe UI,Arial,sans-serif;letter-spacing:.105em;text-align:left;box-shadow:none;transition:background-color .13s,border-color .13s}
#app.hh-unified[data-auth-state="authenticated"]:not(:has(.world-wrap)) #heavenMenuRail .hm-nav button:hover,#app.hh-unified[data-auth-state="authenticated"]:not(:has(.world-wrap)) #heavenMenuRail .hm-nav button.hm-active,#app.hh-unified[data-auth-state="authenticated"]:not(:has(.world-wrap)) #heavenMenuRail .hm-bottom button:hover{border-color:#71b2da;background:rgba(20,48,69,.92);color:#fff}
#app.hh-unified[data-auth-state="authenticated"]:not(:has(.world-wrap)) #heavenMenuRail .hm-nav button.hm-active{box-shadow:inset 0 0 0 1px #3d89b5}
#app.hh-unified[data-auth-state="authenticated"]:not(:has(.world-wrap)) #heavenMenuRail .hm-bottom{display:grid;gap:7px;margin-top:auto;padding-top:16px;border-top:1px solid #354d5f}
#app.hh-unified[data-auth-state="authenticated"]:not(:has(.world-wrap)) #heavenMenuRail .hm-bottom button{font-size:12px;text-align:center;min-height:40px;padding:9px}
#app.hh-unified[data-auth-state="authenticated"]:not(:has(.world-wrap)) #heavenMenuRail [hidden]{display:none!important}
#app.hh-unified[data-auth-state="authenticated"]:not(:has(.world-wrap)) main#screen{grid-column:2;grid-row:2;background:rgba(4,13,22,.42);min-height:0;min-width:0;padding:26px clamp(18px,3.1vw,52px) 40px;overflow-x:hidden;overflow-y:auto}
#app.hh-unified:not(:has(.world-wrap)) #screen .screen-head{background:rgba(8,18,29,.81);border:1px solid #465d72;border-radius:3px;padding:21px 24px;margin-bottom:18px;box-shadow:none}
#app.hh-unified:not(:has(.world-wrap)) #screen .screen-head h1{color:#edf5ff;font:700 clamp(25px,3.1vw,43px)/1.08 "Arial Narrow",Segoe UI,Arial,sans-serif;letter-spacing:.115em;text-transform:uppercase;margin:5px 0 9px}
#app.hh-unified:not(:has(.world-wrap)) #screen .screen-head p{font-size:13px;line-height:1.65;color:#a3b5c3;max-width:850px}
#app.hh-unified:not(:has(.world-wrap)) #screen .eyebrow{color:#9bbcd0;font-size:10px;letter-spacing:.21em;font-weight:700}
#app.hh-unified:not(:has(.world-wrap)) #screen .card,#app.hh-unified:not(:has(.world-wrap)) #screen .hm-panel,#app.hh-unified:not(:has(.world-wrap)) #screen .clean-status,#app.hh-unified:not(:has(.world-wrap)) #screen .hub-item,#app.hh-unified:not(:has(.world-wrap)) #screen .playlist-card,#app.hh-unified:not(:has(.world-wrap)) #screen .clean-entry,#app.hh-unified:not(:has(.world-wrap)) #screen .ps-preview,#app.hh-unified:not(:has(.world-wrap)) #screen .ps-empty,#app.hh-unified:not(:has(.world-wrap)) #screen .hm-extract-hero,#app.hh-unified:not(:has(.world-wrap)) #screen .hm-hero-slim{border:1px solid #42596e;border-radius:3px;background:rgba(10,23,37,.77);box-shadow:none;color:#e5eef8}
#app.hh-unified:not(:has(.world-wrap)) #screen .card,#app.hh-unified:not(:has(.world-wrap)) #screen .hm-panel{padding:19px}
#app.hh-unified:not(:has(.world-wrap)) #screen .card h3,#app.hh-unified:not(:has(.world-wrap)) #screen .hm-panel h3{color:#e9f3fb;font-weight:750;letter-spacing:.11em;text-transform:uppercase}
#app.hh-unified:not(:has(.world-wrap)) #screen .muted,#app.hh-unified:not(:has(.world-wrap)) #screen p.muted{color:#9daebe;line-height:1.65}
#app.hh-unified:not(:has(.world-wrap)) #screen .btn,#app.hh-unified:not(:has(.world-wrap)) #screen button.clean-entry,#app.hh-unified:not(:has(.world-wrap)) #screen button.hub-item,#app.hh-unified:not(:has(.world-wrap)) #screen button.menu-btn,#app.hh-unified:not(:has(.world-wrap)) #screen button.playlist-card{border:1px solid #58768c;border-radius:3px;background:rgba(19,37,52,.9);color:#e7f0fa;letter-spacing:.12em;font-weight:700;box-shadow:none;text-shadow:none;clip-path:none;transform:none}
#app.hh-unified:not(:has(.world-wrap)) #screen .btn.primary{background:#244a61;color:#f0f8ff;border-color:#75b4dc}
#app.hh-unified:not(:has(.world-wrap)) #screen .btn:hover:not(:disabled),#app.hh-unified:not(:has(.world-wrap)) #screen button.clean-entry:hover:not(:disabled),#app.hh-unified:not(:has(.world-wrap)) #screen button.hub-item:hover:not(:disabled){background:#1c3b53;border-color:#9bd5f7;box-shadow:none}
#app.hh-unified:not(:has(.world-wrap)) #screen button:focus-visible,#app.hh-unified:not(:has(.world-wrap)) #heavenMenuRail button:focus-visible{outline:2px solid #8bd6ff;outline-offset:2px}
#app.hh-unified:not(:has(.world-wrap)) #screen button:disabled{cursor:not-allowed;opacity:.55}
#app.hh-unified:not(:has(.world-wrap)) #screen input:not([type=checkbox]):not([type=radio]):not([type=range]),#app.hh-unified:not(:has(.world-wrap)) #screen select,#app.hh-unified:not(:has(.world-wrap)) #screen textarea{background:rgba(7,18,30,.95);border:1px solid #526b80;border-radius:3px;color:#eff7ff;box-shadow:none;min-width:0;max-width:100%}
#app.hh-unified:not(:has(.world-wrap)) #screen input:focus-visible,#app.hh-unified:not(:has(.world-wrap)) #screen select:focus-visible,#app.hh-unified:not(:has(.world-wrap)) #screen textarea:focus-visible{outline:2px solid #7cbfdf;outline-offset:1px}
#app.hh-unified:not(:has(.world-wrap)) #screen .hm-home-grid{gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}
#app.hh-unified:not(:has(.world-wrap)) #screen .hm-tile{background:rgba(13,27,41,.75);border:1px solid #607b91;border-radius:3px;box-shadow:none;min-height:133px}
#app.hh-unified:not(:has(.world-wrap)) #screen .hm-tile b{color:#e8f3fd;letter-spacing:.15em}
#app.hh-unified:not(:has(.world-wrap)) #screen .hm-status,#app.hh-unified:not(:has(.world-wrap)) #screen .hm-stats{border:1px solid #4b657a;background:rgba(10,22,35,.81);border-radius:3px;box-shadow:none}
#app.hh-unified:not(:has(.world-wrap)) #screen .hm-subgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}
#app.hh-unified:not(:has(.world-wrap)) #screen .hm-mode-row{border:1px solid #3d5264;background:rgba(12,27,42,.72);border-radius:3px}
#app.hh-unified:not(:has(.world-wrap)) #screen .ps-tabs{gap:7px;flex-wrap:wrap}
#app.hh-unified:not(:has(.world-wrap)) #screen .ps-tabs .btn.selected,#app.hh-unified:not(:has(.world-wrap)) #screen .ps-tabs .btn[aria-pressed="true"]{background:#254c66;border-color:#8ac2e2}
#app.hh-unified:not(:has(.world-wrap)) #screen .ps-preview{border-color:#516b7f}
#app.hh-unified:not(:has(.world-wrap)) #screen .ps-character{grid-template-columns:minmax(185px,.75fr) minmax(290px,1.65fr) minmax(220px,1fr);gap:13px}
#app.hh-unified:not(:has(.world-wrap)) #screen .ps-stack,#app.hh-unified:not(:has(.world-wrap)) #screen .ps-controls{min-width:0}
#app.hh-unified:not(:has(.world-wrap)) #screen .ps-shop-toolbar,#app.hh-unified:not(:has(.world-wrap)) #screen .ps-controls,#app.hh-unified:not(:has(.world-wrap)) #screen .ps-search{color:#dbe8f4}
#app.hh-unified:not(:has(.world-wrap)) #screen #lobbyRoot{display:block;max-width:1480px}
#app.hh-unified:not(:has(.world-wrap)) #screen #lobbyRoot .card{background:rgba(10,22,36,.81)}
#app.hh-unified:not(:has(.world-wrap)) #screen .clean-home,#app.hh-unified:not(:has(.world-wrap)) #screen .hm-extract{max-width:1500px}
#app.hh-unified:not(:has(.world-wrap)) #screen .clean-entry{min-height:95px;padding:18px}
#app.hh-unified:not(:has(.world-wrap)) #screen .clean-entry b{color:#ebf5fd;letter-spacing:.11em}
#app.hh-unified:not(:has(.world-wrap)) #screen .clean-entry small{color:#9db1c1}
#app.hh-unified:not(:has(.world-wrap)) #screen .row{gap:10px;flex-wrap:wrap}
#app.hh-unified:not(:has(.world-wrap)) #screen .grid{gap:16px}
#app.hh-unified:not(:has(.world-wrap)) #screen .hm-hero-slim,#app.hh-unified:not(:has(.world-wrap)) #screen .hm-extract-hero{padding:26px;border-color:#5a7890}
#app.hh-unified:not(:has(.world-wrap)) #screen .hm-hero-slim h2,#app.hh-unified:not(:has(.world-wrap)) #screen .hm-extract-hero h2{color:#f1f8ff;font-size:clamp(27px,3.2vw,43px);font-weight:700;letter-spacing:.13em}
#app.hh-unified:not(:has(.world-wrap)) #screen .hm-hero-slim p,#app.hh-unified:not(:has(.world-wrap)) #screen .hm-extract-hero p{color:#b2c0cc;line-height:1.65}
/* Guest-facing entry screen: same HEAVEN visual identity, no interactive dev tools */
#app.hh-unified[data-auth-state="signed-out"],#app.hh-unified[data-auth-state="failed"]{display:grid;grid-template-columns:1fr;grid-template-rows:50px minmax(0,1fr) 0!important}
#app.hh-unified[data-auth-state="signed-out"]>.topbar,#app.hh-unified[data-auth-state="failed"]>.topbar{grid-row:1;grid-column:1;display:flex!important;min-height:0;background:rgba(5,13,22,.92);border-bottom:1px solid #374a5b;padding:4px 20px}
#app.hh-unified[data-auth-state="signed-out"]>.topbar .logo,#app.hh-unified[data-auth-state="failed"]>.topbar .logo{width:34px;height:34px;font-size:17px}
#app.hh-unified[data-auth-state="signed-out"] #heavenMenuRail,#app.hh-unified[data-auth-state="failed"] #heavenMenuRail{display:none!important}
#app.hh-unified[data-auth-state="signed-out"] main#screen,#app.hh-unified[data-auth-state="failed"] main#screen{grid-column:1;grid-row:2;min-height:0;padding:0!important;background:rgba(6,15,25,.22);overflow:auto}
#app.hh-unified[data-auth-state="signed-out"] .login,#app.hh-unified[data-auth-state="failed"] .login{min-height:100%;max-width:1400px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(340px,.9fr);gap:clamp(22px,5vw,90px);align-items:center;padding:35px}
#app.hh-unified[data-auth-state="signed-out"] .login:before,#app.hh-unified[data-auth-state="failed"] .login:before{content:"HEAVEN GAME\A\A CHOOSE YOUR WORLD.\A ENTER THE UNKNOWN.";white-space:pre-line;display:block;color:#eaf4ff;font:700 clamp(24px,4.2vw,62px)/1.3 "Arial Narrow",Segoe UI,Arial,sans-serif;letter-spacing:.13em;text-align:center;padding:60px 20px;min-height:235px;border:1px solid #47627b;border-radius:3px;background:rgba(7,20,34,.58)}
#app.hh-unified[data-auth-state="signed-out"] .login-box,#app.hh-unified[data-auth-state="failed"] .login-box{width:100%;max-width:560px;min-width:0;background:rgba(8,19,32,.91);border:1px solid #58778d;border-radius:3px;box-shadow:none;padding:28px}
#app.hh-unified[data-auth-state="signed-out"] .login-box h1,#app.hh-unified[data-auth-state="failed"] .login-box h1{font-size:clamp(27px,3vw,43px);letter-spacing:.16em;color:#eef6ff;font-weight:700}
#app.hh-unified[data-auth-state="signed-out"] .auth-section,#app.hh-unified[data-auth-state="failed"] .auth-section{border-color:#3b5669;background:rgba(13,29,43,.43)}
#app.hh-unified[data-auth-state="signed-out"] .login-box .btn,#app.hh-unified[data-auth-state="failed"] .login-box .btn{border-radius:3px;background:#152e41;border:1px solid #52748b;box-shadow:none;transform:none}
#app.hh-unified[data-auth-state="signed-out"] .login-box .btn.primary,#app.hh-unified[data-auth-state="failed"] .login-box .btn.primary{background:#254d66;border-color:#82b7d8}
#app.hh-unified[data-auth-state="signed-out"] .login-box input,#app.hh-unified[data-auth-state="failed"] .login-box input{border-radius:3px;background:#081725;color:#e8f3fe;border:1px solid #536d80}
@media(min-width:761px){
 #app.hh-unified.hh-approved-home[data-auth-state="authenticated"]:not(:has(.world-wrap)){grid-template-columns:266px minmax(0,1fr)!important;grid-template-rows:minmax(0,1fr)!important}
 #app.hh-unified.hh-approved-home[data-auth-state="authenticated"]:not(:has(.world-wrap)) #heavenMenuRail{grid-row:1!important;grid-column:1!important;padding:24px 14px!important}
 #app.hh-unified.hh-approved-home[data-auth-state="authenticated"]:not(:has(.world-wrap)) main#screen{grid-row:1!important;grid-column:2!important;padding:18px 18px 14px 29px!important}
 #app.hh-unified.hh-approved-home[data-auth-state="authenticated"]:not(:has(.world-wrap))>.topbar{display:none!important}
}
@media(max-width:1250px){
 #app.hh-unified:not(:has(.world-wrap)) #screen .ps-character{grid-template-columns:minmax(175px,.7fr) minmax(260px,1.3fr);gap:12px}
 #app.hh-unified:not(:has(.world-wrap)) #screen .ps-character>.ps-stack:last-child{grid-column:1/-1}
 #app.hh-unified:not(:has(.world-wrap)) #screen .hm-subgrid{grid-template-columns:1fr}
}
@media(max-width:760px) and (pointer:coarse) and (hover:none){
 #app.hh-unified[data-auth-state="authenticated"]:not(:has(.world-wrap)){grid-template-columns:minmax(0,1fr)!important;grid-template-rows:58px minmax(0,1fr)!important}
 #app.hh-unified[data-auth-state="authenticated"]:not(:has(.world-wrap))>.topbar{display:flex!important;grid-row:1!important;grid-column:1!important;min-height:58px}
 #app.hh-unified[data-auth-state="authenticated"]:not(:has(.world-wrap)) #heavenMenuRail{grid-row:auto!important;grid-column:auto!important;position:fixed!important;inset:58px 0 0 auto!important;z-index:101!important;display:none!important;overflow-y:auto!important;width:min(330px,88vw)!important;max-width:88vw!important;border-radius:0!important}
 #app.hh-unified.nav-open[data-auth-state="authenticated"]:not(:has(.world-wrap)) #heavenMenuRail{display:flex!important}
 #app.hh-unified[data-auth-state="authenticated"]:not(:has(.world-wrap)) main#screen{grid-row:2!important;grid-column:1!important;padding:12px max(11px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(11px,env(safe-area-inset-left))!important;overflow-x:hidden!important;overflow-y:auto!important}
 #app.hh-unified:not(:has(.world-wrap)) #screen .screen-head{padding:14px 15px;margin-bottom:12px}
 #app.hh-unified:not(:has(.world-wrap)) #screen .screen-head h1{font-size:clamp(22px,6.6vw,34px)}
 #app.hh-unified:not(:has(.world-wrap)) #screen .card,#app.hh-unified:not(:has(.world-wrap)) #screen .hm-panel{padding:13px}
 #app.hh-unified:not(:has(.world-wrap)) #screen .hm-home-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 #app.hh-unified:not(:has(.world-wrap)) #screen .hm-subgrid{grid-template-columns:1fr}
 #app.hh-unified:not(:has(.world-wrap)) #screen .ps-character{display:flex;flex-direction:column;gap:12px}
 #app.hh-unified:not(:has(.world-wrap)) #screen .ps-character>*{width:100%;min-width:0}
 #app.hh-unified:not(:has(.world-wrap)) #screen .ps-preview canvas{height:min(54dvh,480px)}
 #app.hh-unified[data-auth-state="signed-out"],#app.hh-unified[data-auth-state="failed"]{grid-template-rows:58px minmax(0,1fr) 0!important}
 #app.hh-unified[data-auth-state="signed-out"]>.topbar,#app.hh-unified[data-auth-state="failed"]>.topbar{min-height:58px}
 #app.hh-unified[data-auth-state="signed-out"] .login,#app.hh-unified[data-auth-state="failed"] .login{display:flex;flex-direction:column;gap:15px;padding:12px;min-height:auto}
 #app.hh-unified[data-auth-state="signed-out"] .login:before,#app.hh-unified[data-auth-state="failed"] .login:before{font-size:clamp(20px,7vw,32px);padding:25px 12px;min-height:0;width:100%}
 #app.hh-unified[data-auth-state="signed-out"] .login-box,#app.hh-unified[data-auth-state="failed"] .login-box{padding:17px;max-width:100%}
 #app.hh-unified:not(:has(.world-wrap)) #screen .row .btn{min-width:0}
}
@media(max-width:420px){
 #app.hh-unified:not(:has(.world-wrap)) #screen .hm-home-grid{grid-template-columns:1fr}
 #app.hh-unified:not(:has(.world-wrap)) #screen .hm-mode-options{grid-template-columns:1fr}
 #app.hh-unified:not(:has(.world-wrap)) #screen .screen-head .actions{flex-wrap:wrap}
}


/* HEAVEN_SIGNED_IN_DOME_MODES_236 — player-facing, role-independent menu routes. */
#app.hh-approved-home #screen .hh-stage:has(#hhSignedInHomeModes) .hh-main{grid-template-rows:205px minmax(230px,280px) auto;gap:12px}
#app.hh-approved-home #screen .hh-stage:has(#hhSignedInHomeModes){grid-template-rows:auto auto;row-gap:14px}
#app.hh-unified .hh-signed-in-modes{display:flex;flex-direction:column;gap:8px;min-width:0;color:#b8ccdb;font-family:"Arial Narrow",Segoe UI,Arial,sans-serif;font-size:11px;letter-spacing:.14em}
#app.hh-unified .hh-signed-in-modes-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px}
#app.hh-unified .hh-signed-in-size{box-sizing:border-box;background:rgba(14,30,46,.94);border:1px solid #59788f;border-radius:2px;color:#e8f3fd;font:700 13px "Arial Narrow",Segoe UI,Arial,sans-serif;letter-spacing:.11em;text-align:center;min-height:37px;min-width:0;cursor:pointer;padding:7px 3px}
#app.hh-unified .hh-signed-in-size:hover,#app.hh-unified .hh-signed-in-size:focus-visible{background:#25415a;outline:2px solid #96c3df;outline-offset:1px}
#app.hh-unified #hhSignedInQueueOptions{margin:12px 0 18px;display:flex;flex-direction:column;gap:9px;padding:16px;border:1px solid #526f84;border-radius:2px;background:rgba(8,21,34,.94)}
#app.hh-unified #hhSignedInQueueOptions h3{font-size:15px;letter-spacing:.14em;margin:0}
#app.hh-unified #hhSignedInQueueOptions p{color:#adbdce;font-size:12px;margin:0}
#app.hh-unified .hh-signed-in-queue-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}
@media(max-width:900px){#app.hh-unified .hh-signed-in-modes-grid,#app.hh-unified .hh-signed-in-queue-grid{grid-template-columns:repeat(3,minmax(0,1fr))}#app.hh-approved-home #screen .hh-stage:has(#hhSignedInHomeModes) .hh-main{grid-template-rows:auto auto auto;gap:12px}#app.hh-unified .hh-signed-in-size{min-height:39px}}
@media(max-width:520px){#app.hh-unified .hh-signed-in-queue-grid{grid-template-columns:repeat(3,minmax(0,1fr))}#app.hh-approved-home #screen .hh-stage:has(#hhSignedInHomeModes){min-height:0}}


/* HEAVEN_SHARED_PLAYER_SHELL_241: one approved design system across authenticated game pages */
#app.hh-unified[data-auth-state="authenticated"]:not(:has(.world-wrap)) #screen{box-sizing:border-box;min-width:0;min-height:0;padding-bottom:max(36px,env(safe-area-inset-bottom) + 26px)!important}
#app.hh-unified[data-auth-state="authenticated"]:not(:has(.world-wrap)) #screen>:not(.hh-stage):not(.hm-home){max-width:1500px}
#app.hh-unified[data-auth-state="authenticated"]:not(:has(.world-wrap)) #screen .screen-head,#app.hh-unified[data-auth-state="authenticated"]:not(:has(.world-wrap)) #screen .hm-hero-slim,#app.hh-unified[data-auth-state="authenticated"]:not(:has(.world-wrap)) #screen .hm-panel,#app.hh-unified[data-auth-state="authenticated"]:not(:has(.world-wrap)) #screen .clean-options,#app.hh-unified[data-auth-state="authenticated"]:not(:has(.world-wrap)) #screen .clean-world-grid,#app.hh-unified[data-auth-state="authenticated"]:not(:has(.world-wrap)) #screen .ps-page,#app.hh-unified[data-auth-state="authenticated"]:not(:has(.world-wrap)) #screen .hm-ext{min-width:0}
#app.hh-unified[data-auth-state="authenticated"]:not(:has(.world-wrap)) #screen .screen-head{border:1px solid #354d62;background:rgba(7,18,30,.86);border-radius:3px}
#app.hh-unified[data-auth-state="authenticated"]:not(:has(.world-wrap)) #screen .card,#app.hh-unified[data-auth-state="authenticated"]:not(:has(.world-wrap)) #screen .hm-panel,#app.hh-unified[data-auth-state="authenticated"]:not(:has(.world-wrap)) #screen .hm-tile,#app.hh-unified[data-auth-state="authenticated"]:not(:has(.world-wrap)) #screen .clean-entry{border:1px solid #526e84;border-radius:3px;background:rgba(8,21,34,.88);box-shadow:none;color:#eaf3fc}
#app.hh-unified[data-auth-state="authenticated"]:not(:has(.world-wrap)) #screen .hm-tile:hover,#app.hh-unified[data-auth-state="authenticated"]:not(:has(.world-wrap)) #screen .clean-entry:hover{border-color:#9dc4df;background:rgba(18,40,60,.93)}
#app.hh-unified[data-auth-state="authenticated"]:not(:has(.world-wrap)) #screen .screen-head h1,#app.hh-unified[data-auth-state="authenticated"]:not(:has(.world-wrap)) #screen .hm-tile b{font-family:"Arial Narrow",Segoe UI,Arial,sans-serif;letter-spacing:.15em;font-weight:700;color:#ecf4ff}
#app.hh-unified.hh-player-view #hmDeveloper,#app.hh-unified.hh-player-view [data-nav="developer"],#app.hh-unified.hh-player-view [data-nav="dev"],#app.hh-unified.hh-player-view [data-nav="devstatus"],#app.hh-unified.hh-player-view [data-nav="gameforge"],#app.hh-unified.hh-player-view [data-nav="charactereditor"],#app.hh-unified.hh-player-view [data-nav="leveleditor"],#app.hh-unified.hh-player-view [data-nav="hudeditor"],#app.hh-unified.hh-player-view [data-nav="mapeditor"],#app.hh-unified.hh-player-view [data-nav="worldstudio"],#app.hh-unified.hh-player-view [data-nav="playerservices"]{display:none!important}
@media(max-width:760px) and (pointer:coarse) and (hover:none){#app.hh-unified[data-auth-state="authenticated"]:not(:has(.world-wrap)) #screen{padding-bottom:max(50px,env(safe-area-inset-bottom) + 32px)!important}#app.hh-unified[data-auth-state="authenticated"]:not(:has(.world-wrap)) #screen .screen-head{margin-top:0}#app.hh-unified[data-auth-state="authenticated"]:not(:has(.world-wrap)) #screen .hm-home-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}


/* HEAVEN_PLAYER_SIGNOUT_242: prominent account switching for normal players and developers. */
#app.hh-unified .hh-top-signout{min-width:0;min-height:34px;padding:6px 10px;color:#e6f4ff;background:rgba(19,40,58,.94);border:1px solid #7894a9;border-radius:3px;font-family:inherit;font-size:10px;font-weight:700;letter-spacing:.075em;white-space:nowrap;cursor:pointer}
#app.hh-unified .hh-top-signout:focus-visible,#app.hh-unified .hh-top-signout:hover{outline:2px solid #93c9eb;outline-offset:1px;background:#244860}
#app.hh-unified[data-auth-state="signed-out"] .hh-top-signout,#app.hh-unified[data-auth-state="checking"] .hh-top-signout{display:none!important}
#app.hh-unified #heavenMenuRail #hmLogout{min-height:42px;border:1px solid #58758b;background:#173047;color:#f1f7ff;font-weight:700}
@media(max-width:760px) and (pointer:coarse) and (hover:none){#app.hh-unified .hh-top-signout{font-size:9px;letter-spacing:0;padding:7px 7px;min-height:34px;flex-shrink:0}#app.hh-unified[data-auth-state="authenticated"] .topbar .top-spacer{flex:1 1 0;min-width:0}#app.hh-unified[data-auth-state="authenticated"] .topbar{gap:5px!important}#app.hh-unified[data-auth-state="authenticated"] .topbar #mobileNavToggle{padding:6px 8px!important;min-width:0}#app.hh-unified[data-auth-state="authenticated"] .topbar #userLabel{display:none!important}}
@media(max-width:375px){#app.hh-unified .hh-top-signout{font-size:9px;padding:6px 5px}#app.hh-unified .topbar strong{letter-spacing:.065em!important;font-size:11px!important}}

/* HEAVEN_PLAYER_HOME_PARITY_243: same sharp approved interface for player multiplayer and developer multiplayer. */
#app.hh-unified[data-auth-state="authenticated"] #screen .hm-hero-slim{border:1px solid #5b829b!important;border-radius:3px!important;background:rgba(8,24,39,.76)!important;box-shadow:none!important;padding:14px!important;margin-bottom:14px!important}
#app.hh-unified[data-auth-state="authenticated"] #screen .hm-hero-slim h2{margin:0 0 9px;text-align:center;font-size:clamp(25px,6vw,42px);letter-spacing:.16em}
#app.hh-unified[data-auth-state="authenticated"] #screen .hm-hero-slim p{color:#bccedd;font-size:12px;line-height:1.5}
#app.hh-unified[data-auth-state="authenticated"] #screen .hm-arena-queue{border:0!important;background:none!important;padding:0!important;box-shadow:none!important;margin:0 0 16px!important}
#app.hh-unified[data-auth-state="authenticated"] #screen .hm-arena-queue h3{font-size:14px;letter-spacing:.18em;margin:6px 0 8px!important;color:#eaf3fd}
#app.hh-unified[data-auth-state="authenticated"] #screen .hm-arena-queue > p{font-size:12px;line-height:1.5;margin:4px 0 12px!important;color:#bbcddd}
#app.hh-unified[data-auth-state="authenticated"] #screen .hm-arena-queue .hm-home-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:9px!important}
#app.hh-unified[data-auth-state="authenticated"] #screen .hm-arena-queue .hm-tile{min-height:54px!important;height:auto!important;padding:10px 4px!important;border:1px solid #587b93!important;border-radius:3px!important;background:rgba(12,29,45,.83)!important;box-shadow:none!important;display:flex!important;align-items:center!important;justify-content:center!important}
#app.hh-unified[data-auth-state="authenticated"] #screen .hm-arena-queue .hm-tile b{font-size:clamp(16px,3vw,21px)!important;letter-spacing:.11em!important;margin:0!important}
#app.hh-unified[data-auth-state="authenticated"] #screen .hm-arena-queue .hm-tile .hm-tile-caption,#app.hh-unified[data-auth-state="authenticated"] #screen .hm-arena-queue .hm-tile small,#app.hh-unified[data-auth-state="authenticated"] #screen .hm-arena-queue .hm-tile .hm-corner{display:none!important}
#app.hh-unified[data-auth-state="authenticated"] #screen .hm-home-grid>.hm-tile{min-height:102px!important;padding:12px!important;border-radius:3px!important;box-shadow:none!important}
@media(max-width:760px) and (pointer:coarse) and (hover:none){#app.hh-unified[data-auth-state="authenticated"] #screen .hm-hero-slim{padding:12px!important}#app.hh-unified[data-auth-state="authenticated"] #screen .hm-arena-queue .hm-home-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important}#app.hh-unified[data-auth-state="authenticated"] #screen .hm-arena-queue .hm-tile{min-height:62px!important}}
/* HEAVEN_MOBILE_LOGIN_TOUCH_250: login-only authentication, ergonomic mobile menus and buttons. */
#app.hh-unified[data-auth-state="signed-out"] #screen{overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch}
#app.hh-unified[data-auth-state="signed-out"] #screen .login{height:auto!important;min-height:100%;width:100%;max-width:100%;margin:0!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:clamp(12px,3vw,24px)!important;box-sizing:border-box}
#app.hh-unified[data-auth-state="signed-out"] #screen .login-box{box-sizing:border-box;width:min(460px,100%)!important;max-width:100%!important;min-width:0!important;padding:clamp(18px,4.5vw,28px)!important}
#app.hh-unified[data-auth-state="signed-out"] #screen .login-box input{box-sizing:border-box;max-width:100%;min-width:0;font-size:16px!important}
#app.hh-unified[data-auth-state="signed-out"] #screen #hhPublicModes{display:none!important}
#app.hh-unified button{touch-action:manipulation;-webkit-tap-highlight-color:rgba(100,185,235,.18)}
#app.hh-unified button:disabled{cursor:wait;opacity:.65}
@media(max-width:760px) and (pointer:coarse) and (hover:none){
 #app.hh-unified[data-auth-state="authenticated"]:not(:has(.world-wrap)) #screen{overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch!important;overscroll-behavior-y:contain;padding-inline:max(10px,env(safe-area-inset-left)) max(10px,env(safe-area-inset-right))!important}
 #app.hh-unified[data-auth-state="authenticated"] .hh-stage{width:100%;max-width:100%;min-width:0;row-gap:15px!important}
 #app.hh-unified[data-auth-state="authenticated"] .hh-main{min-width:0}
 #app.hh-unified[data-auth-state="authenticated"] .hh-quick{min-height:52px!important;height:auto!important;padding:6px 8px!important}
 #app.hh-unified[data-auth-state="authenticated"] .hh-cardgrid button{min-height:94px!important;height:auto!important;padding:9px 6px!important}
 #app.hh-unified[data-auth-state="authenticated"] .hh-signed-in-modes-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
 #app.hh-unified[data-auth-state="authenticated"] .hh-signed-in-size{min-height:48px!important;height:auto!important;font-size:15px!important}
 #app.hh-unified[data-auth-state="authenticated"] .hh-stage button{touch-action:manipulation;position:relative;pointer-events:auto;isolation:isolate}
 #app.hh-unified[data-auth-state="authenticated"] #mobileNavToggle{min-height:44px!important;min-width:44px;flex-shrink:0}
 #app.hh-unified[data-auth-state="authenticated"] .hh-top-signout{min-height:44px!important;min-width:60px}
 #app.hh-unified[data-auth-state="authenticated"] #heavenMenuRail .hm-nav button,#app.hh-unified[data-auth-state="authenticated"] #heavenMenuRail .hm-bottom button{min-height:48px!important;touch-action:manipulation}
 #app.hh-unified[data-auth-state="authenticated"] .hh-profile,#app.hh-unified[data-auth-state="authenticated"] .hh-bottom,#app.hh-unified[data-auth-state="authenticated"] .hh-avatar{max-width:100%;min-width:0}
 #app.hh-unified[data-auth-state="authenticated"] .hh-bottom-cell{min-width:0}
}
@media(max-width:380px){
 #app.hh-unified[data-auth-state="authenticated"] .hh-cardgrid{gap:8px!important}
 #app.hh-unified[data-auth-state="authenticated"] .hh-cardgrid button{font-size:clamp(13px,4.1vw,18px)!important;letter-spacing:.06em!important}
 #app.hh-unified[data-auth-state="authenticated"] .hh-signed-in-modes-grid{gap:6px!important}
 #app.hh-unified[data-auth-state="authenticated"] .hh-profilegrid{grid-template-columns:minmax(0,1.4fr) minmax(85px,1fr)!important}
 #app.hh-unified[data-auth-state="signed-out"] #screen .login-box .row{flex-direction:column!important;align-items:stretch!important}
 #app.hh-unified[data-auth-state="signed-out"] #screen .login-box .row button{width:100%;min-height:46px}
}
@media(orientation:landscape) and (max-height:500px) and (max-width:900px){
 #app.hh-unified[data-auth-state="authenticated"] .hh-stage{min-height:0!important;align-content:start!important}
 #app.hh-unified[data-auth-state="authenticated"] .hh-profile{height:auto!important}
 #app.hh-unified[data-auth-state="authenticated"] .hh-avatar{min-height:130px!important}
}
\n
/* HEAVEN_LOGIN_TOUCH_COMPACT_251: normal-height sign-in controls on narrow phones. */
@media(max-width:760px) and (pointer:coarse) and (hover:none){
 #app.hh-unified[data-auth-state="signed-out"] #screen .login-box .row{
  box-sizing:border-box;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:8px!important;height:auto!important;min-height:0!important;align-items:stretch!important;
 }
 #app.hh-unified[data-auth-state="signed-out"] #screen .login-box .row button{
  box-sizing:border-box!important;display:flex!important;align-items:center!important;justify-content:center!important;
  flex:none!important;height:48px!important;min-height:48px!important;max-height:48px!important;
  width:100%!important;min-width:0!important;padding:8px!important;line-height:1.15!important;
 }
 #app.hh-unified[data-auth-state="signed-out"] #screen .login-box #playerShow,
 #app.hh-unified[data-auth-state="signed-out"] #screen .login-box .password-row button{
  height:44px!important;min-height:44px!important;max-height:44px!important;flex:0 0 auto!important;
 }
}
@media(max-width:380px){
 #app.hh-unified[data-auth-state="signed-out"] #screen .login-box .row{grid-template-columns:minmax(0,1fr)!important;}
}


/* HEAVEN_LIVE_MODES_256 - compact server-connected HEAVEN game modes */
#app.hh-unified #screen .hm-live-modes{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:12px 0 18px}
#app.hh-unified #screen .hm-live-mode{box-sizing:border-box;min-width:0;min-height:160px;text-align:left;display:flex;flex-direction:column;align-items:flex-start;gap:9px;padding:16px;border:1px solid #58778f;background:rgba(8,23,37,.89);border-radius:3px;color:#eef5ff;cursor:pointer;touch-action:manipulation}
#app.hh-unified #screen .hm-live-mode:hover,#app.hh-unified #screen .hm-live-mode:focus-visible{border-color:#87c8f6;background:rgba(16,42,62,.96);outline:2px solid #78cafa;outline-offset:1px}
#app.hh-unified #screen .hm-live-mode-category{color:#87b8d5;font-size:10px;letter-spacing:.13em}
#app.hh-unified #screen .hm-live-mode strong{color:#ecf4ff;font-size:clamp(15px,1.5vw,22px);letter-spacing:.11em}
#app.hh-unified #screen .hm-live-mode small{color:#b4c8d8;font-size:12px;line-height:1.45}
#app.hh-unified #screen .hm-live-mode-action{margin-top:auto;font-size:11px;letter-spacing:.11em;color:#9ccee8}
#app.hh-unified #screen .hm-post-actions{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 36px}
#app.hh-unified #screen .hm-post-actions .btn{min-height:44px}
@media(max-width:900px){#app.hh-unified #screen .hm-live-modes{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:450px){#app.hh-unified #screen .hm-live-modes{gap:9px}#app.hh-unified #screen .hm-live-mode{min-height:155px;padding:11px}#app.hh-unified #screen .hm-live-mode strong{font-size:14px}#app.hh-unified #screen .hm-live-mode small{font-size:11px}#app.hh-unified #screen .hm-live-mode-action{font-size:10px}}


/* HEAVEN_MATCH_HISTORY_257 — private server-recorded match results */
#app.hh-unified #screen .hm-history-list{display:flex;flex-direction:column;gap:12px;margin:12px 0 18px;max-width:1150px}
#app.hh-unified #screen .hm-history-record{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;padding:16px}
#app.hh-unified #screen .hm-history-record>div{min-width:0;flex:1}
#app.hh-unified #screen .hm-history-record .btn{min-height:44px;touch-action:manipulation}
#app.hh-unified #screen .hm-history-scroll{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
#app.hh-unified #screen .hm-history-scoreboard table{min-width:540px}
#app.hh-unified #screen .hm-history-actions{display:flex;gap:8px;flex-wrap:wrap}
#app.hh-unified #screen .hh-matches[role=button]{cursor:pointer;touch-action:manipulation}
#app.hh-unified #screen .hh-matches[role=button]:focus-visible{outline:2px solid #95c9eb;outline-offset:2px}
@media(max-width:600px){#app.hh-unified #screen .hm-history-record{align-items:stretch}#app.hh-unified #screen .hm-history-record .btn{width:100%}}


/* HEAVEN_BOT_MATCH_CLIENT_265 — lobby communication and touch controls */
#app.hh-unified #screen .hm-botfill-note{padding:10px 12px;margin:12px 0;border:1px solid #42637b;background:rgba(9,28,44,.70);color:#b8d5e8;font-size:12px;line-height:1.55}
#app.hh-unified #screen #cleanStartGame{min-height:48px;touch-action:manipulation;white-space:normal;line-height:1.35;max-width:100%;overflow-wrap:anywhere}
@media(max-width:760px) and (pointer:coarse) and (hover:none){#app.hh-unified #screen #cleanStartGame{width:100%;min-height:52px;font-size:12px}#app.hh-unified #screen .clean-lobby-members{max-width:100%;overflow-x:auto}}

/* HEAVEN CTF + KING OF THE HILL QUEUE */
.hm-objective-lobbies{max-width:1100px;padding:18px}
.hm-objective-size-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin:16px 0}
.hm-objective-size{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:72px;touch-action:manipulation}
.hm-objective-size b{font-size:18px}.hm-objective-size small{font-size:10px}
.hm-objective-modes .row{display:flex;flex-wrap:wrap;gap:10px}.hm-objective-modes button{min-height:46px;touch-action:manipulation}
@media(max-width:850px){.hm-objective-size-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:480px){.hm-objective-size-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hm-objective-modes .row button{min-width:155px;flex:1}}

/* HEAVEN 277: signed-in player navigation must stay visible; developer actions remain hidden by role. */
#app.hh-unified.hh-player-view[data-auth-state="authenticated"] #heavenMenuRail:not(.hidden){visibility:visible}
#app.hh-unified.hh-player-view #hmDeveloper,#app.hh-unified.hh-player-view [data-nav="developer"]{display:none!important}

.hm-extraction-size-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:16px 0}.hm-extraction-size-grid button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:86px;touch-action:manipulation}.hm-extraction-size-grid small{white-space:normal;font-size:11px}@media(max-width:580px){.hm-extraction-size-grid{grid-template-columns:1fr}}
/* HEAVEN SHIELD INVENTORY */
.hm-shield-catalog{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:16px 0}.hm-shield-catalog article{display:flex;flex-direction:column;gap:8px;padding:16px}.hm-shield-catalog button{min-height:44px;margin-top:auto;touch-action:manipulation}.hm-shield-options{display:flex;gap:15px;flex-wrap:wrap}.hm-shield-options label{display:flex;align-items:center;gap:8px;min-height:44px}.hm-shield-options input{width:20px;height:20px}.hm-shield-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid #394553}.hm-shield-row small{display:block;margin-top:4px;color:#b1c0cb}.hm-shield-controls{display:flex;gap:6px}.hm-shield-controls button{min-height:44px;min-width:50px;touch-action:manipulation}@media(max-width:760px) and (pointer:coarse) and (hover:none){.hm-shield-catalog{grid-template-columns:1fr}.hm-shield-row{flex-wrap:wrap}.hm-shield-controls{margin-left:auto}}

/* HEAVEN GALAXY 304 */
#app.hh-approved-home #heavenMenuRail .hm-nav #hhGalaxyNav{border-color:#6387a4!important;color:#d4edff!important}
#app.hh-unified .hh-galaxy-worlds .card{min-height:205px;display:flex;flex-direction:column;gap:12px}
#app.hh-unified .hh-galaxy-worlds .card button{margin-top:auto;min-height:44px}
#app.hh-unified #galaxyOrbitPrompt304[hidden]{display:none!important}

@media(pointer:coarse) and (hover:none) and (orientation:landscape) and (max-width:1200px){
 #app.app.hh-approved-home[data-auth-state="authenticated"]:not(:has(.world-wrap)):not(:has(.login)){grid-template-columns:minmax(0,1fr)!important;grid-template-rows:45px minmax(0,1fr)!important}
 #app.app.hh-approved-home[data-auth-state="authenticated"] #heavenMenuRail{display:none!important}
 #app.app.hh-approved-home.nav-open[data-auth-state="authenticated"]:not(:has(.world-wrap)) #heavenMenuRail{display:flex!important;flex-direction:column!important}
 #app.app.hh-approved-home[data-auth-state="authenticated"]:not(:has(.world-wrap)) #mobileNavToggle{display:inline-flex!important}
 #app.app.hh-approved-home[data-auth-state="authenticated"]:not(:has(.world-wrap)) #screen{grid-column:1!important;grid-row:2!important;overflow-y:auto!important}
}

/* HEAVEN_LANDSCAPE_SCREEN_WIDTH_313: block older fixed 266px desktop columns. */
@media(pointer:coarse) and (hover:none) and (orientation:landscape) and (max-width:1200px){
 html,body{width:100vw!important;max-width:100vw!important;margin:0!important;overflow:hidden!important}
 #app.app.hh-approved-home[data-auth-state="authenticated"]:not(:has(.world-wrap)):not(:has(.login)){position:fixed!important;inset:0!important;display:block!important;width:100vw!important;max-width:100vw!important;height:100dvh!important;overflow:hidden!important}
 #app.app.hh-approved-home[data-auth-state="authenticated"]:not(:has(.world-wrap))>.topbar{
  position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:auto!important;
  display:flex!important;width:100vw!important;height:45px!important;box-sizing:border-box!important;
  padding:3px 10px!important;z-index:210!important;
 }
 #app.app.hh-approved-home[data-auth-state="authenticated"]:not(:has(.world-wrap))>.topbar #mobileNavToggle{
  display:inline-flex!important;position:relative!important;z-index:214!important;min-width:65px!important;
  flex-shrink:0!important;pointer-events:auto!important;
 }
 #app.app.hh-approved-home[data-auth-state="authenticated"]:not(:has(.world-wrap)) main#screen{
  position:absolute!important;top:45px!important;left:0!important;right:0!important;bottom:0!important;
  width:100vw!important;max-width:100vw!important;height:calc(100dvh - 45px)!important;
  box-sizing:border-box!important;padding:8px 12px!important;overflow-y:auto!important;overflow-x:hidden!important;
 }
 #app.app.hh-approved-home[data-auth-state="authenticated"]:not(:has(.world-wrap)) #heavenMenuRail{
  position:fixed!important;top:45px!important;right:0!important;bottom:0!important;left:auto!important;
  width:min(340px,76vw)!important;height:calc(100dvh - 45px)!important;z-index:212!important;
  overflow-y:auto!important;border-radius:0!important;
 }
 #app.app.hh-approved-home[data-auth-state="authenticated"]:not(:has(.world-wrap)) #mobileNavBackdrop{z-index:211!important}
 #app.app.hh-approved-home[data-auth-state="authenticated"]:not(:has(.world-wrap)) footer{display:none!important}
}

/* HEAVEN_INPUT_DESKTOP_314: no mobile shell on mouse-and-keyboard PCs. */

.hh-playlist-panel{max-width:910px;box-sizing:border-box}
.hh-playlist-options{display:grid;gap:8px;margin:12px 0}
.hh-playlist-option{display:flex;gap:12px;align-items:center;min-height:56px;padding:10px 12px;box-sizing:border-box;border:1px solid #4d718a;background:rgba(12,30,46,.90);color:#ebf4fe;cursor:pointer}
.hh-playlist-option:has(input:checked){background:rgba(33,65,90,.95);border-color:#95c9e8}
.hh-playlist-option input{width:20px;height:20px;flex:none;accent-color:#92c9eb}
.hh-playlist-option span{display:flex;flex-direction:column;gap:3px}.hh-playlist-option small{color:#b2cad9;font-size:12px}
.hh-playlist-team{display:block;margin:12px 0;color:#eaf4ff}.hh-playlist-team select{display:block;min-height:46px;min-width:170px;margin-top:6px}
#hhQuickTeamWrap[hidden],#hhQuickFilterWrap[hidden],#hhTeamSizePicker[hidden]{display:none!important}
.hh-extra-modes{margin:12px 0}.hh-extra-modes summary{padding:10px;min-height:46px;box-sizing:border-box;cursor:pointer}
.hh-playlist-panel .row{display:flex;flex-wrap:wrap;gap:8px}.hh-playlist-panel .row>*{min-height:44px}
.hm-live-mode{min-height:70px;touch-action:manipulation}
@media(max-width:700px){.hh-playlist-panel{width:100%;max-width:100%;padding:12px!important}.hh-playlist-option{min-height:62px}.hh-playlist-panel .row>*{flex:1 1 120px}}


/* HEAVEN_RESPONSIVE_HOME_20261029: one scoped responsive override; no gameplay canvas rules. */
@media (max-width:760px), (pointer:coarse) and (min-width:761px) and (max-width:1200px), (pointer:coarse) and (orientation:landscape) and (max-height:760px) and (max-width:1700px) {
  html,body{max-width:100%!important;overflow-x:hidden!important}
  #app.hh-unified.hh-approved-home[data-auth-state="authenticated"]:not(:has(.world-wrap)){
    box-sizing:border-box!important;display:grid!important;width:100%!important;max-width:100vw!important;min-width:0!important;
    height:100dvh!important;max-height:100dvh!important;grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:58px minmax(0,1fr)!important;overflow:hidden!important
  }
  #app.hh-unified.hh-approved-home[data-auth-state="authenticated"]:not(:has(.world-wrap))>.topbar{
    display:flex!important;grid-column:1!important;grid-row:1!important;
    box-sizing:border-box!important;min-height:58px!important;height:58px!important;
    min-width:0!important;max-width:100%!important;overflow:hidden
  }
  #app.hh-unified.hh-approved-home[data-auth-state="authenticated"]:not(:has(.world-wrap)) main#screen{
    display:block!important;box-sizing:border-box!important;grid-column:1!important;grid-row:2!important;
    width:100%!important;max-width:100%!important;min-width:0!important;min-height:0!important;
    height:100%!important;margin:0!important;
    padding:12px max(12px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))!important;
    overflow-x:hidden!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;overscroll-behavior-y:contain
  }
  #app.hh-unified.hh-approved-home[data-auth-state="authenticated"]:not(:has(.world-wrap)) #heavenMenuRail{
    position:fixed!important;display:none!important;grid-column:auto!important;grid-row:auto!important;
    inset:58px 0 0 auto!important;width:min(330px,88vw)!important;max-width:88vw!important;
    min-height:0!important;z-index:101!important;overflow-y:auto!important
  }
  #app.hh-unified.hh-approved-home.nav-open[data-auth-state="authenticated"]:not(:has(.world-wrap)) #heavenMenuRail{display:flex!important}
  #app.hh-unified.hh-approved-home[data-auth-state="authenticated"] .hh-stage{
    box-sizing:border-box!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;
    width:100%!important;max-width:100%!important;min-width:0!important;height:auto!important;min-height:0!important;
    margin:0!important;gap:12px!important
  }
  #app.hh-unified.hh-approved-home[data-auth-state="authenticated"] .hh-main{
    box-sizing:border-box!important;display:grid!important;width:100%!important;min-width:0!important;
    grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto auto auto!important;gap:12px!important
  }
  #app.hh-unified.hh-approved-home[data-auth-state="authenticated"] .hh-quick{
    width:100%!important;min-width:0!important;height:clamp(88px,18dvh,144px)!important;min-height:72px!important;
    font-size:clamp(25px,6vw,46px)!important;letter-spacing:.12em!important
  }
  #app.hh-unified.hh-approved-home[data-auth-state="authenticated"] .hh-cardgrid{
    display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-template-rows:repeat(2,minmax(78px,auto))!important;gap:10px!important;min-width:0!important;width:100%!important
  }
  #app.hh-unified.hh-approved-home[data-auth-state="authenticated"] .hh-cardgrid button{
    box-sizing:border-box!important;width:100%!important;min-width:0!important;height:auto!important;min-height:84px!important;
    font-size:clamp(13px,3.8vw,24px)!important;letter-spacing:.065em!important;
    padding:10px 6px!important;overflow-wrap:anywhere
  }
  #app.hh-unified.hh-approved-home[data-auth-state="authenticated"] .hh-profile{
    box-sizing:border-box!important;width:100%!important;max-width:100%!important;min-width:0!important;
    height:auto!important;min-height:0!important;padding:12px!important
  }
  #app.hh-unified.hh-approved-home[data-auth-state="authenticated"] .hh-profilegrid{
    display:grid!important;grid-template-columns:minmax(0,1.5fr) minmax(90px,1fr)!important;
    height:clamp(132px,21dvh,210px)!important
  }
  #app.hh-unified.hh-approved-home[data-auth-state="authenticated"] .hh-metric{padding:9px!important;font-size:14px!important}
  #app.hh-unified.hh-approved-home[data-auth-state="authenticated"] .hh-metric b{font-size:20px!important}
  #app.hh-unified.hh-approved-home[data-auth-state="authenticated"] .hh-bottom{
    box-sizing:border-box!important;width:100%!important;max-width:100%!important;min-width:0!important;
    display:grid!important;grid-template-columns:minmax(45px,.55fr) minmax(0,2fr) minmax(46px,.55fr) minmax(70px,.9fr)!important;
    gap:6px!important;padding:7px!important;min-height:84px!important
  }
  #app.hh-unified.hh-approved-home[data-auth-state="authenticated"] .hh-bottom-cell{min-width:0!important;max-width:100%!important}
  #app.hh-unified.hh-approved-home[data-auth-state="authenticated"] .topbar #mobileNavToggle{
    display:inline-flex!important;align-items:center!important;justify-content:center!important;
    min-height:44px!important;min-width:44px!important;flex-shrink:0!important
  }
  #app.hh-unified.hh-approved-home[data-auth-state="authenticated"] .topbar #socialToggle,
  #app.hh-unified.hh-approved-home[data-auth-state="authenticated"] .topbar #hardwareMode,
  #app.hh-unified.hh-approved-home[data-auth-state="authenticated"] .topbar #userLabel{display:none!important}
}
@media (pointer:coarse) and (orientation:landscape) and (max-height:540px) and (max-width:1700px){
  #app.hh-unified.hh-approved-home[data-auth-state="authenticated"] .hh-profilegrid{height:145px!important}
  #app.hh-unified.hh-approved-home[data-auth-state="authenticated"] .hh-quick{height:96px!important}
}

/* HEAVEN_LANDSCAPE_HOME_302: phone rotation override */
#app.hh-unified.hh-approved-home.hh-landscape-phone[data-auth-state="authenticated"]:not(:has(.world-wrap)){display:grid!important;width:100%!important;max-width:100vw!important;min-width:0!important;height:100dvh!important;min-height:0!important;overflow:hidden!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:46px minmax(0,1fr)!important}
#app.hh-unified.hh-approved-home.hh-landscape-phone[data-auth-state="authenticated"]>.topbar{display:flex!important;grid-column:1!important;grid-row:1!important;height:46px!important;min-height:46px!important;max-height:46px!important;min-width:0!important;padding:3px 10px!important;overflow:hidden!important}
#app.hh-unified.hh-approved-home.hh-landscape-phone[data-auth-state="authenticated"] .topbar #mobileNavToggle{display:inline-flex!important;min-width:44px!important;min-height:40px!important;align-items:center!important;justify-content:center!important}
#app.hh-unified.hh-approved-home.hh-landscape-phone[data-auth-state="authenticated"] .topbar #socialToggle, #app.hh-unified.hh-approved-home.hh-landscape-phone[data-auth-state="authenticated"] .topbar #hardwareMode, #app.hh-unified.hh-approved-home.hh-landscape-phone[data-auth-state="authenticated"] .topbar #userLabel{display:none!important}
#app.hh-unified.hh-approved-home.hh-landscape-phone[data-auth-state="authenticated"] #heavenMenuRail{display:none!important;position:fixed!important;inset:46px 0 0 auto!important;grid-column:auto!important;grid-row:auto!important;width:min(330px,88vw)!important;max-width:88vw!important;z-index:120!important;overflow-y:auto!important}
#app.hh-unified.hh-approved-home.hh-landscape-phone[data-auth-state="authenticated"].nav-open #heavenMenuRail{display:flex!important}
#app.hh-unified.hh-approved-home.hh-landscape-phone[data-auth-state="authenticated"] main#screen{display:block!important;grid-column:1!important;grid-row:2!important;width:100%!important;max-width:100%!important;min-width:0!important;min-height:0!important;height:100%!important;box-sizing:border-box!important;margin:0!important;padding:7px max(9px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(9px,env(safe-area-inset-left))!important;overflow-x:hidden!important;overflow-y:auto!important}
#app.hh-unified.hh-approved-home.hh-landscape-phone[data-auth-state="authenticated"] #screen>.hh-stage{display:grid!important;grid-template-columns:minmax(0,1.75fr) minmax(150px,.85fr)!important;grid-template-rows:auto auto!important;width:100%!important;max-width:100%!important;min-width:0!important;min-height:0!important;height:auto!important;margin:0!important;column-gap:8px!important;row-gap:7px!important;align-content:start!important;align-items:stretch!important}
#app.hh-unified.hh-approved-home.hh-landscape-phone[data-auth-state="authenticated"] .hh-main{display:grid!important;grid-column:1!important;grid-row:1!important;width:100%!important;min-width:0!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto auto auto!important;gap:6px!important}
#app.hh-unified.hh-approved-home.hh-landscape-phone[data-auth-state="authenticated"] .hh-quick{width:100%!important;height:clamp(54px,12dvh,90px)!important;min-height:54px!important;font-size:clamp(20px,4vw,39px)!important}
#app.hh-unified.hh-approved-home.hh-landscape-phone[data-auth-state="authenticated"] .hh-cardgrid{display:grid!important;width:100%!important;min-width:0!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:repeat(2,minmax(45px,auto))!important;gap:5px!important}
#app.hh-unified.hh-approved-home.hh-landscape-phone[data-auth-state="authenticated"] .hh-cardgrid button{width:100%!important;min-width:0!important;height:auto!important;min-height:45px!important;padding:5px 3px!important;font-size:clamp(11px,2vw,19px)!important;letter-spacing:.06em!important;overflow-wrap:anywhere}
#app.hh-unified.hh-approved-home.hh-landscape-phone[data-auth-state="authenticated"] .hh-signed-in-modes{gap:3px!important;font-size:10px!important}
#app.hh-unified.hh-approved-home.hh-landscape-phone[data-auth-state="authenticated"] .hh-signed-in-modes-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:4px!important}
#app.hh-unified.hh-approved-home.hh-landscape-phone[data-auth-state="authenticated"] .hh-signed-in-size{min-width:0!important;min-height:29px!important;height:29px!important;font-size:11px!important;padding:2px!important}
#app.hh-unified.hh-approved-home.hh-landscape-phone[data-auth-state="authenticated"] .hh-profile{display:flex!important;flex-direction:column!important;grid-column:2!important;grid-row:1!important;width:100%!important;min-width:0!important;height:auto!important;min-height:0!important;overflow:hidden!important;padding:7px!important}
#app.hh-unified.hh-approved-home.hh-landscape-phone[data-auth-state="authenticated"] .hh-profile h2{margin:0 0 5px!important;font-size:clamp(12px,1.5vw,16px)!important;letter-spacing:.08em!important}
#app.hh-unified.hh-approved-home.hh-landscape-phone[data-auth-state="authenticated"] .hh-profilegrid{flex:1 1 auto!important;min-height:0!important;height:auto!important;grid-template-columns:minmax(0,1fr) minmax(60px,.9fr)!important;gap:5px!important}
#app.hh-unified.hh-approved-home.hh-landscape-phone[data-auth-state="authenticated"] .hh-metric{min-width:0!important;padding:4px!important;gap:2px!important;font-size:12px!important}
#app.hh-unified.hh-approved-home.hh-landscape-phone[data-auth-state="authenticated"] .hh-metric b{font-size:clamp(14px,2vw,22px)!important}
#app.hh-unified.hh-approved-home.hh-landscape-phone[data-auth-state="authenticated"] .hh-bottom{grid-column:1/-1!important;grid-row:2!important;width:100%!important;min-width:0!important;min-height:54px!important;height:54px!important;grid-template-columns:60px minmax(0,1fr) 60px minmax(80px,.6fr)!important;gap:6px!important;padding:5px!important}
#app.hh-unified.hh-approved-home.hh-landscape-phone[data-auth-state="authenticated"] .hh-bottom-cell{min-width:0!important;font-size:11px!important}
#app.hh-unified.hh-approved-home.hh-landscape-phone[data-auth-state="authenticated"] .hh-xp{padding:4px!important;gap:3px!important}
#app.hh-unified.hh-approved-home.hh-landscape-phone[data-auth-state="authenticated"] .hh-xp label{font-size:11px!important}
/* HEAVEN_LANDSCAPE_302_COMPACT_HEIGHT */
#app.hh-unified.hh-approved-home.hh-landscape-phone[data-auth-state="authenticated"] .hh-main{align-content:start!important;align-self:start!important;height:auto!important;min-height:0!important}
#app.hh-unified.hh-approved-home.hh-landscape-phone[data-auth-state="authenticated"] .hh-cardgrid{grid-template-rows:repeat(2,45px)!important;align-content:start!important}
#app.hh-unified.hh-approved-home.hh-landscape-phone[data-auth-state="authenticated"] .hh-cardgrid button{min-height:45px!important;max-height:45px!important}
/* HEAVEN_LANDSCAPE_302_AVATAR_CONTAINMENT */
#app.hh-unified.hh-approved-home.hh-landscape-phone[data-auth-state="authenticated"] .hh-profilegrid{height:min(164px,40dvh)!important;max-height:164px!important;min-height:0!important;flex:0 0 auto!important;overflow:hidden!important}
#app.hh-unified.hh-approved-home.hh-landscape-phone[data-auth-state="authenticated"] .hh-avatar{min-width:0!important;min-height:0!important;overflow:hidden!important}
#app.hh-unified.hh-approved-home.hh-landscape-phone[data-auth-state="authenticated"] .hh-avatar svg{width:auto!important;height:100%!important;max-width:90%!important}

/* HEAVEN_TOAST_COMPACT_V1_20261103: small, unobtrusive notifications. */
#toast.toast{
 position:fixed!important;
 left:auto!important;
 right:12px!important;
 top:62px!important;
 bottom:auto!important;
 transform:none!important;
 display:flex!important;
 flex-direction:column!important;
 align-items:flex-end!important;
 gap:5px!important;
 width:min(224px,calc(100vw - 24px))!important;
 max-width:calc(100vw - 24px)!important;
 border:0!important;
 padding:0!important;
 background:transparent!important;
 box-shadow:none!important;
 pointer-events:none!important;
 z-index:140!important;
}
#toast.toast .toast-item{
 position:relative!important;
 box-sizing:border-box!important;
 display:grid!important;
 gap:1px!important;
 width:max-content!important;
 max-width:100%!important;
 min-width:0!important;
 margin:0!important;
 padding:6px 9px 6px 11px!important;
 background:rgba(9,19,29,.87)!important;
 border:1px solid rgba(124,153,171,.26)!important;
 border-radius:5px!important;
 box-shadow:0 3px 12px rgba(0,0,0,.20)!important;
 backdrop-filter:blur(7px);
 -webkit-backdrop-filter:blur(7px);
 color:#d7e3e9!important;
 font:500 11px/1.27 system-ui,sans-serif!important;
 letter-spacing:.005em!important;
 pointer-events:none!important;
 overflow:hidden!important;
 text-align:left!important;
 animation:toastIn .12s ease-out both!important;
}
#toast.toast .toast-item:before{
 width:2px!important;
 opacity:.58!important;
}
#toast.toast .toast-item b{
 margin:0!important;
 font:700 9px/1.2 system-ui,sans-serif!important;
 letter-spacing:.07em!important;
 color:#9bb8c8!important;
}
#toast.toast .toast-item small{
 display:block!important;
 margin:0!important;
 min-width:0!important;
 max-width:100%!important;
 font:500 11px/1.3 system-ui,sans-serif!important;
 color:#d5e0e7!important;
 overflow:hidden!important;
 text-overflow:ellipsis!important;
 white-space:nowrap!important;
}
#toast.toast .toast-item.error{border-color:rgba(215,125,125,.27)!important}
#toast.toast .toast-item.error b{color:#dd9999!important}
#toast.toast .toast-item.success b{color:#a4c7a5!important}
#toast.toast .toast-item:nth-child(n+3){display:none!important}
@media(max-width:760px),(pointer:coarse){
 #toast.toast{
  right:max(8px,env(safe-area-inset-right))!important;
  top:calc(49px + env(safe-area-inset-top))!important;
  width:min(190px,calc(100vw - 16px))!important;
  gap:4px!important
 }
 #toast.toast .toast-item{
  padding:5px 8px 5px 10px!important;
  font-size:10px!important;
  box-shadow:0 2px 8px rgba(0,0,0,.18)!important
 }
 #toast.toast .toast-item small{font-size:10px!important}
}
@media(max-height:460px) and (orientation:landscape){
 #toast.toast{top:45px!important;width:min(176px,32vw)!important}
}
@media(prefers-reduced-motion:reduce){
 #toast.toast .toast-item{animation:none!important;transition:none!important}
}