/* Phone first: controls are reachable and survive fold/resize without remounting. */
:root{--bottom-nav:72px}html{scroll-padding-bottom:100px}body{min-width:280px}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.entry{min-height:calc(100dvh - 130px);padding:24px 0}.entry-inner{width:100%;max-width:400px}.entry h1{font-size:clamp(42px,12vw,64px)}.entry h1 em{color:var(--gold);font-style:normal}.entry .coin{margin-bottom:30px}.entry form{max-width:290px;margin:26px auto 0}.entry input{font-size:30px;text-align:center;letter-spacing:18px;padding:14px 0 14px 18px;min-height:64px;border-color:#6a5732}.entry button{width:100%;min-height:52px;margin-top:12px}.entry-note{font-size:10px;letter-spacing:3px;color:var(--muted);margin-top:32px}.topbar{padding-top:env(safe-area-inset-top);min-height:70px;height:auto}.topbar .brand{margin:14px 0}.topbar .topright{min-width:0}.topbar .small{min-height:44px}.shell{padding-bottom:calc(var(--bottom-nav) + 30px + env(safe-area-inset-bottom))}button{min-height:44px}.small{min-height:44px}.tabs{position:fixed;z-index:20;left:0;right:0;bottom:0;margin:0;display:flex;gap:0;overflow-x:auto;background:#191813f5;backdrop-filter:blur(16px);border-top:1px solid #5b4c31;border-bottom:0;padding:0 8px env(safe-area-inset-bottom);box-shadow:0 -7px 28px #0004}.tabs button{flex:1 0 auto;min-width:90px;min-height:var(--bottom-nav);padding:16px 12px;font-size:10px;letter-spacing:.6px;border-top:3px solid transparent;border-bottom:0}.tabs button.active{border-top-color:var(--gold);border-bottom:0;background:#d8b66d0b}.hero{padding-top:12px}.hero h1{font-size:clamp(38px,11vw,58px)}.hero p{font-size:13px;margin-bottom:14px}.hero-meta{flex-wrap:wrap;gap:8px 16px}.hero .bank{margin-top:4px}.bank-foot{gap:12px}.bank-number{font-variant-numeric:tabular-nums}.boss-row{min-height:104px}.boss-row>div{min-width:0}.boss-sub{overflow-wrap:anywhere}.row-end{min-width:60px}.section-head{gap:12px}.section-head span{white-space:nowrap}.profile h1{overflow-wrap:anywhere}.profile .statline{gap:14px}.profile .statline span:last-child{text-align:right;overflow-wrap:anywhere}.panel input,.panel select,dialog input,dialog textarea,dialog select{font-size:16px;min-height:48px}.actions button{min-height:48px}.profile .actions .primary{flex:1}.notice{font-size:11px;padding:10px 12px}.footer{flex-wrap:wrap;gap:10px;margin-top:30px}.selected-boss{border-color:#8b7140}.selected-boss .portrait{width:100px;height:110px;margin:20px 0}.selected-boss p{white-space:pre-wrap}.sidebar:has(.selected-boss)>.side-card:not(.selected-boss){display:none}dialog{max-height:calc(100dvh - 30px);overscroll-behavior:contain}#toast{bottom:calc(var(--bottom-nav) + 15px + env(safe-area-inset-bottom));text-align:center}.live{display:inline!important;font-size:9px;letter-spacing:0}.topright{gap:7px}.topright .balance-small{font-size:17px}.entry .error-inline:empty{display:none}
@media(max-width:380px){.topbar{padding-left:12px;padding-right:12px}.brand{font-size:16px;letter-spacing:2px}.brand small{letter-spacing:2px}.topright .live{display:none!important}.shell{padding-left:12px;padding-right:12px}.boss-row{grid-template-columns:24px 45px minmax(0,1fr) auto;gap:7px}.boss-row .portrait{width:45px;height:58px}.boss-row .portrait svg{width:42px}.boss-tag{font-size:7px}.boss-title{font-size:18px}.row-end b{font-size:15px}.section-head h2{font-size:23px}}
@media(min-width:700px){.hero{grid-template-columns:1.2fr 1fr;gap:28px;padding:24px 0 30px}.hero h1{font-size:58px}.workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(230px,.7fr);gap:22px}.sidebar{display:block;position:sticky;top:20px;align-self:start}.boss-row{grid-template-columns:27px 48px minmax(0,1fr) auto;gap:10px;padding-right:10px}.boss-row .portrait{width:48px;height:66px}.boss-row .portrait svg{width:45px}.boss-title{font-size:21px}.boss-sub{font-size:10px}.boss-tag{font-size:8px}.section-head h2{font-size:25px}.bank{padding:20px}.bank-number{font-size:44px}.bank .coin{width:58px;height:58px}.bank .eyebrow{font-size:9px;letter-spacing:2px}.profile{grid-template-columns:150px minmax(0,1fr)}.profile .portrait{height:190px}.profile .portrait svg{width:130px}.chooser{grid-template-columns:repeat(3,1fr)}.tabs button{font-size:11px}.admin-row{flex-direction:row}.formgrid{grid-template-columns:1fr 1fr}}
@media(min-width:1100px){.tabs{position:static;padding:0;box-shadow:none;backdrop-filter:none;border-top:0;border-bottom:1px solid var(--line);margin-bottom:30px;background:none;gap:25px}.tabs button{flex:0 0 auto;min-width:0;padding:19px 0 13px;min-height:54px;border-top:0}.tabs button.active{border-bottom:2px solid var(--gold);background:none}.shell{padding-bottom:70px}.hero h1{font-size:78px}.workspace{grid-template-columns:minmax(0,1fr) 310px;gap:40px}.boss-row{grid-template-columns:55px 74px minmax(0,1fr) auto;gap:18px;padding-right:20px}.boss-row .portrait{width:74px;height:78px}.boss-row .portrait svg{width:65px}.boss-title{font-size:23px}.boss-sub{font-size:11px}.bank-number{font-size:58px}.bank .coin{width:76px;height:76px}.section-head h2{font-size:30px}#toast{bottom:25px}}

.history-controls{display:flex;gap:8px;padding:12px 0}.history-controls button{min-height:44px}

.entry input{letter-spacing:10px;padding-left:10px}.login-code{display:inline-block;font-size:22px;letter-spacing:3px;color:var(--gold);margin-top:8px}.linkrow{gap:12px;flex-wrap:wrap}