:root{color:#f7efd7;font-synthesis:none;--ink:#16262b;--cream:#fff9e9;--gold:#f7c557;--orange:#e87838;--teal:#2d7a73;--night:#102c35;background:#0d2025;font-family:Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}body{background:#10252a;min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}h1,h2,h3,p{margin-top:0}h1,h2,h3,.brand b{font-family:Georgia,Times New Roman,serif}input,select{min-height:46px;color:var(--ink);background:#fffefa;border:1px solid #c7bfa8;border-radius:10px;padding:10px 12px}label>span{text-transform:uppercase;letter-spacing:.06em;color:#526269;margin-bottom:6px;font-size:.82rem;font-weight:800;display:block}label small{color:#718087;margin-top:5px;display:block}.primary,.secondary,.back,.icon-button,.text-button{border:0;border-radius:11px;min-height:46px;padding:10px 18px;font-weight:800}.primary{color:#2a1c0b;background:linear-gradient(#ffd86d,#e9a638);box-shadow:0 3px #a96126,0 8px 20px #0002}.primary:hover{filter:brightness(1.06);transform:translateY(-1px)}.secondary{color:#21353a;background:#fffaf0;border:1px solid #d7cdb9}.large{min-height:56px;font-size:1.04rem}.full{width:100%}.danger-text{color:#9d352c}.text-button{color:#30736d;background:0 0;padding-inline:4px}.app-shell{min-height:100vh;color:var(--ink);background:#f1ecdf}.topbar{z-index:20;background:#122c32;border-bottom:2px solid #c98d37;align-items:center;gap:24px;height:74px;padding:9px 24px;display:flex;position:relative}.brand{color:#fff7d5;text-align:left;background:0 0;border:0;align-items:center;gap:10px;margin-right:auto;display:flex}.brand>span:first-child{color:#ffc961;background:#25474a;border:1px solid #d7a74f;border-radius:50%;place-items:center;width:40px;height:40px;font-size:1.4rem;display:grid}.brand b,.brand small{display:block}.brand b{font-size:1rem}.brand small{color:#a9c1bc;letter-spacing:.07em;text-transform:uppercase;margin-top:2px;font-size:.68rem}.class-switcher{align-items:center;gap:10px;display:flex}.class-switcher span{color:#a9c1bc;margin:0}.class-switcher select{color:#fff4d4;background:#1e4043;border-color:#526b68;min-width:220px;height:45px}.icon-button{color:#f3dfaa;background:0 0;border:1px solid #506767}.icon-button span{margin-left:8px}.resume-button{color:#ffe69a;background:#563d23;border:1px solid #e1b652;border-radius:10px;min-height:44px;padding:8px 13px;font-weight:800}.sync-badge{color:#c8dbd6;white-space:nowrap;background:#1d4043;border-radius:10px;align-items:center;gap:6px;height:40px;padding:6px 10px;font-size:.72rem;display:flex}.sync-badge>span{background:#51706d;border-radius:50%;place-items:center;width:21px;height:21px;display:grid}.sync-badge.saved>span{color:#fff;background:#3d8a68}.sync-badge.saving>span,.sync-badge.loading>span{animation:1.2s linear infinite spin}.sync-badge.offline,.sync-badge.conflict{color:#ffd8a8;background:#57372c}.sync-badge.offline>span,.sync-badge.conflict>span{background:#c26736}.teacher-menu{color:#a9c1bc;align-items:center;gap:7px;font-size:.72rem;display:flex}.teacher-menu>span{text-overflow:ellipsis;max-width:140px;overflow:hidden}.teacher-menu button{color:#f0ce83;background:0 0;border:0;text-decoration:underline}@keyframes spin{to{transform:rotate(360deg)}}.campsite{background:linear-gradient(#122e40 0 25%,#38524f 53%,#213a32 100%);min-height:calc(100vh - 74px);position:relative;overflow:hidden}.sky{background:radial-gradient(circle at 70% 20%,#c2d9b622,#0000 22%),linear-gradient(#0b2533,#294b55);position:absolute;inset:0 0 35%}.moon{color:#f4e5a8;text-shadow:0 0 30px #fff4a7;font-size:5rem;font-style:normal;position:absolute;top:8%;right:10%}.star{color:#ffe9a6;font-size:1.3rem;font-style:normal;position:absolute}.star.one{top:17%;left:18%}.star.two{font-size:2rem;top:9%;left:36%}.mountains{opacity:.85;background:linear-gradient(145deg,#0000 0 28%,#1e3b3d 28% 46%,#0000 46%),linear-gradient(220deg,#0000 0 35%,#254445 35% 60%,#0000 60%);width:110%;height:42%;position:absolute;top:20%;left:-5%}.trees{color:#152e2b;letter-spacing:-22px;text-shadow:0 35px #19342f;font-size:8rem;position:absolute;top:29%}.trees.left{left:-10px}.trees.right{right:3%}.camp-heading{z-index:3;text-align:center;text-shadow:0 2px 4px #0008;padding-top:32px;position:relative}.camp-heading .eyebrow{color:#f1c969;text-transform:uppercase;letter-spacing:.15em;font-size:.75rem;font-weight:800}.camp-heading h1{color:#fff9df;margin:4px 0;font-size:clamp(1.9rem,4vw,3rem)}.camp-heading p{color:#c8d8d2}.tent{z-index:4;color:#fff;filter:drop-shadow(0 10px 7px #0005);background:linear-gradient(125deg,#0000 14%,#803e2e 15% 49%,#a75a3a 50% 78%,#0000 79%);border:0;width:150px;height:105px;font-weight:800;position:absolute;top:47%}.tent:after{content:"";border-bottom:60px solid #3d2825;border-left:23px solid #0000;border-right:23px solid #0000;position:absolute;bottom:0;left:69px}.tent span{z-index:2;background:#102c2ed9;border:1px solid #a67b45;border-radius:12px;padding:6px 12px;position:absolute;bottom:-28px;left:40px}.tent-left{left:7%}.tent-right{filter:drop-shadow(0 10px 7px #0005)hue-rotate(25deg);right:7%;transform:scale(.87)}.campfire{z-index:5;flex-direction:column;align-items:center;display:flex;position:absolute;top:47%;left:50%;transform:translate(-50%)}.flame{color:#fff5a8;filter:drop-shadow(0 0 18px #ff9d3e);background:radial-gradient(at bottom,#ffd849 10%,#e76f35 42%,#0000 44%);place-items:center;width:78px;height:88px;font-size:3.5rem;display:grid}.logs{color:#50291e;font-size:4rem;line-height:.5}.party-wrap{z-index:8;background:linear-gradient(#0000,#0c1c19aa 30%);padding:8px 4vw;position:absolute;bottom:92px;left:0;right:0}.party-scroll{scrollbar-color:#d2a656 #18332e;justify-content:safe center;gap:13px;padding:18px 3px 10px;display:flex;overflow-x:auto}.character-card{color:#fff;background:linear-gradient(#294c4e22,#102722dd);border:1px solid #caa56866;border-radius:60px 60px 14px 14px;flex:0 0 116px;min-height:176px;padding:8px 6px 10px;transition:all .2s;box-shadow:0 8px 15px #0004}.character-card:hover,.character-card:focus{background:linear-gradient(#d9ac4c33,#132824ee);border-color:#ffd274;transform:translateY(-7px)}.character-card b,.character-card span{display:block}.character-card b{margin-top:3px;font-family:Cinzel}.character-card span{color:#ddceaa;font-size:.72rem}.empty-party{color:#fff;background:#18342fcc;border:2px dashed #d5bc80;border-radius:18px;padding:22px}.portrait{filter:drop-shadow(0 5px 5px #0005);flex-direction:column;align-items:center;width:88px;height:106px;margin:auto;display:flex;position:relative}.portrait-glow{background:#66b7a933;border-radius:50%;width:82px;height:82px;position:absolute;bottom:4px}.portrait .head{z-index:2;background:#d69c6d;border:6px solid #e9ad7a;border-radius:50%;width:42px;height:42px;margin-top:12px;font-size:0;box-shadow:inset 0 8px #43312e}.portrait .body{z-index:1;color:#fff;background:#8a453b;border:3px solid #d4af6f;border-radius:23px 23px 8px 8px;place-items:center;width:70px;height:55px;margin-top:-3px;font-size:2rem;display:grid}.portrait.mage .body{background:#5c4c9a}.portrait.archer .body{background:#3f7755}.portrait.healer .body{background:#4e7f91}.portrait.small{flex:0 0 56px;width:56px;height:66px}.portrait.small .portrait-glow{width:50px;height:50px}.portrait.small .head{border-width:4px;width:27px;height:27px;margin-top:4px}.portrait.small .body{border-width:2px;border-radius:14px 14px 6px 6px;width:46px;height:36px;font-size:1.2rem}.adventure-button{z-index:10;min-width:240px;height:58px;font-family:Georgia,serif;font-size:1.05rem;position:absolute;bottom:25px;left:50%;transform:translate(-50%)}.adventure-button:hover{transform:translate(-50%)translateY(-1px)}.adventure-button span{margin-right:8px;font-size:1.25rem}.page{min-height:calc(100vh - 74px);color:var(--ink);background:radial-gradient(circle at 100% 0,#dce8d7,#f1ecdf 40%);padding:30px clamp(16px,4vw,54px) 80px}.page-title{grid-template-columns:110px 1fr auto;align-items:start;gap:20px;max-width:1180px;margin:auto auto 24px;display:grid}.page-title h1{color:#173a3d;margin:0;font-size:clamp(1.7rem,3vw,2.4rem)}.page-title p{color:#687679;margin:5px 0}.back{color:#315f5b;background:0 0;border:1px solid #89a6a0}.panel,.student-row,.reward-list article{background:#fffdf7;border:1px solid #d8d0be;border-radius:16px;box-shadow:0 5px 20px #21342b12}.panel{max-width:1180px;margin:0 auto 18px;padding:22px}.panel h2{color:#244b4b;font-size:1.1rem}.add-row{grid-template-columns:2fr 1fr auto;align-items:end;gap:15px;display:grid}.add-row label{flex-direction:column;display:flex}.section-bar{justify-content:space-between;align-items:center;gap:16px;max-width:1180px;margin:22px auto 10px;display:flex}.section-bar h2{margin:0;font-size:1rem}.check{color:#526269}.check input{min-height:auto;margin-right:7px}.roster-list{gap:10px;max-width:1180px;margin:auto;display:grid}.student-row{grid-template-columns:64px minmax(170px,1fr) 145px minmax(170px,1fr) auto;align-items:center;gap:12px;padding:10px 14px;display:grid}.student-row.archived{opacity:.6}.student-main input{background:0 0;border:0;width:100%;min-height:32px;padding:4px 0;font-size:1.05rem;font-weight:800}.student-main span{color:#778184;font-size:.75rem;display:block}.form-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.form-grid label{flex-direction:column;display:flex}.button-stack{align-items:end;gap:9px;display:flex}.inline-form{gap:10px;display:flex}.inline-form input{flex:1}.archive-list>div{border-top:1px solid #eee3d0;justify-content:space-between;align-items:center;padding:10px 0;display:flex}.muted{color:#7b8585}.setup-grid,.backup-grid{grid-template-columns:minmax(0,1.5fr) minmax(290px,.7fr);align-items:start;gap:18px;max-width:1180px;margin:auto;display:grid}.setup-grid .panel,.backup-grid .panel{width:100%;margin:0}.attendance{grid-template-columns:repeat(auto-fill,minmax(125px,1fr));gap:8px;display:grid}.attendance>button{color:#697273;background:#f5f2eb;border:2px solid #ddd3c2;border-radius:14px;min-height:116px;position:relative}.attendance>button.present{color:#173b37;background:#e9f5eb;border-color:#3a8b77}.attendance>button>span{background:#ced4cd;border-radius:50%;place-items:center;width:22px;height:22px;display:grid;position:absolute;top:7px;right:8px}.attendance>button.present>span{color:#fff;background:#3f8d72}.attendance b,.attendance small{display:block}.battle-options label{margin:18px 0;display:block}.segmented{display:flex}.segmented button{background:#f7f4ed;border:1px solid #c8c0ae;flex:1;min-height:48px}.segmented button:first-child{border-radius:10px 0 0 10px}.segmented button:last-child{border-radius:0 10px 10px 0}.segmented button.selected{color:#fff;background:#286c68;border-color:#286c68}.battle-options input,.battle-options>.primary{width:100%}.hint{color:#6e7978;margin:18px 0 0;font-size:.85rem}.battle-screen{color:#fff;background:radial-gradient(circle at 50% 20%,#355f61,#10272e 55%);min-height:100vh;padding-bottom:160px}.battle-header{background:#0c2026e8;border-bottom:1px solid #8a704b;justify-content:space-between;align-items:center;min-height:68px;padding:8px 24px;display:flex}.battle-header>div{text-align:center}.battle-header span,.battle-header b{display:block}.battle-header span{color:#e5bd65;text-transform:uppercase;letter-spacing:.13em;font-size:.7rem}.monster-zone{background:radial-gradient(at bottom,#e6a4471c,#0000 60%);justify-content:center;align-items:center;gap:40px;height:300px;display:flex}.monster{color:#5a805f;text-shadow:0 8px #1e3932,0 0 25px #d7e99044;filter:drop-shadow(0 20px 10px #0008);place-items:center;width:180px;height:190px;font-size:9rem;display:grid}.monster.wyvern{color:#758cb7}.monster.golem{color:#8c7762}.monster-info{width:min(430px,45vw)}.monster-info h1{margin-bottom:10px;font-size:clamp(1.5rem,4vw,2.5rem)}.hp-label{text-align:right;color:#ddcdb0}.hp-label b{color:#fff;font-size:1.7rem}.hp-track{background:#091519;border:1px solid #80908b;border-radius:12px;height:22px;padding:3px}.hp-track i{background:linear-gradient(90deg,#b4342e,#ed7440);border-radius:8px;height:100%;transition:width .3s;display:block}.turn-order{padding:10px 4vw}.turn-order .section-bar{max-width:none}.turn-order .section-bar h2{color:#fff}.turn-order .section-bar span{color:#b9ccc6}.turn-scroll{gap:9px;padding-bottom:10px;display:flex;overflow:auto}.turn-scroll>button{color:#fff;background:#17353a;border:2px solid #5f7774;border-radius:14px;flex:0 0 125px;min-height:111px;padding:8px}.turn-scroll>button.waiting{border-color:#e6b84f;box-shadow:0 0 0 2px #e6b84f22}.turn-scroll>button.current{background:#396c68;transform:translateY(-3px)}.turn-scroll b,.turn-scroll span{display:block}.turn-scroll span{color:#d7c786;font-size:.69rem}.turn-scroll .acted span{color:#9ec3b4}.attack-dock{z-index:30;color:#182f32;background:#f6f0e4;border-top:3px solid #d09b43;grid-template-columns:1fr 135px 180px 180px 90px 130px;align-items:center;gap:9px;min-height:126px;padding:12px 3vw;display:grid;position:fixed;bottom:0;left:0;right:0}.current-fighter{align-items:center;gap:8px;display:flex}.current-fighter small,.current-fighter b{display:block}.bonus{text-align:center}.bonus>div{justify-content:center;align-items:center;display:flex}.bonus button{border:0;border-radius:8px;width:36px;height:36px}.bonus output{min-width:45px;font-weight:800}.attack{color:#fff;border:0;border-radius:13px;height:72px;box-shadow:0 4px #0004}.attack span{margin-right:5px;font-size:1.4rem}.attack b,.attack small{display:block}.attack.standard{background:#9a4738}.attack.pattern{background:#466f9d}.undo,.finish{height:58px}.pause-overlay{z-index:25;text-align:center;background:#0b1920de;place-content:center;display:grid;position:fixed;inset:68px 0 126px}.pause-overlay>div{color:#edc469;font-size:3rem}.pause-overlay h2{margin:10px;font-size:2rem}.pause-overlay p{color:#afc0bc}.victory-banner{color:#fff;background:linear-gradient(120deg,#173d3d,#286b61);border:2px solid #d6ac57;border-radius:18px;align-items:center;gap:22px;max-width:1000px;margin:0 auto 18px;padding:22px 28px;display:flex}.victory-banner h2{margin:3px 0}.victory-banner p{color:#d7e4dc;margin:0}.victory-banner span{color:#edc76e;text-transform:uppercase;letter-spacing:.1em;font-size:.75rem}.victory-rune{color:#254945;background:#efd174;border:5px double #996b2c;border-radius:50%;flex:0 0 70px;place-items:center;width:70px;height:70px;font-size:2rem;display:grid}.reward-list{gap:9px;max-width:1000px;margin:auto;display:grid}.reward-list article{grid-template-columns:60px 1fr 110px 180px;align-items:center;gap:13px;padding:12px;display:grid}.reward-list article>div:nth-child(2) b,.reward-list article>div:nth-child(2) span,.reward-list article>div:nth-child(2) small{display:block}.reward-list small{color:#798381}.reward-list input{width:100%}.level-preview>span{font-size:.8rem}.level-preview>div,.profile-xp>div{background:#d8d5c9;border-radius:5px;height:8px;overflow:hidden}.level-preview i,.profile-xp i{background:#d5a338;height:100%;display:block}.confirm-bar{justify-content:space-between;align-items:center;gap:20px;max-width:1000px;margin:18px auto;display:flex}.confirm-bar p{color:#6d7878;margin:0}.centered{text-align:center}.centered .victory-rune{margin:auto}.modal-backdrop{z-index:100;background:#071519cc;place-items:center;padding:14px;display:grid;position:fixed;inset:0}.profile-modal{width:min(760px,100%);max-height:92vh;color:var(--ink);background:#fffaf0;border:2px solid #bc934d;border-radius:22px;grid-template-columns:250px 1fr;display:grid;position:relative;overflow:auto;box-shadow:0 30px 80px #0009}.modal-close{z-index:2;background:#e9e1d2;border:0;border-radius:50%;width:42px;height:42px;font-size:1.8rem;position:absolute;top:10px;right:12px}.profile-hero{color:#fff;text-align:center;background:radial-gradient(circle at 50% 25%,#426a66,#17373a);padding:55px 22px}.profile-hero .portrait{margin-bottom:30px;transform:scale(1.3)}.profile-hero>span{color:#e7c76e;text-transform:uppercase;letter-spacing:.12em;font-size:.75rem}.profile-hero h2{margin:5px;font-size:1.8rem}.profile-hero p{color:#b9cfca}.profile-content{padding:30px}.profile-content h3{text-transform:uppercase;letter-spacing:.08em;color:#536767;margin:18px 0 8px;font-size:.86rem}.profile-xp{grid-template-columns:1fr auto;gap:5px;display:grid}.profile-xp>div{grid-column:1/-1;height:10px}.class-picker{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.class-picker button{background:#f6f0e5;border:1px solid #cfc5b1;border-radius:10px;padding:8px 4px}.class-picker button.selected{color:#fff;background:#276762;border-color:#276762}.class-picker span{font-size:1.3rem;display:block}.abilities{gap:6px;margin:0;padding:0;list-style:none;display:grid}.abilities li{background:#ede9dc;border-radius:8px;padding:8px}.equipment{color:#6e7775;border:1px dashed #bdb5a7;border-radius:10px;align-items:center;gap:10px;margin:18px 0;padding:10px;display:flex}.equipment b,.equipment p{margin:0;display:block}.equipment p{font-size:.8rem}.backup-card{text-align:center}.backup-icon{color:#28685f;background:#dcebe3;border-radius:18px;place-items:center;width:66px;height:66px;margin:0 auto 14px;font-size:2rem;display:grid}.backup-card p{color:#687776;min-height:66px}.privacy-note{color:#493b27;background:#fff5d8;border-left:5px solid #d49f43;max-width:1180px;margin:20px auto;padding:17px}.privacy-note p{margin:4px 0 0}.loading,.first-class{text-align:center;background:radial-gradient(circle,#315752,#10272c);place-content:center;min-height:100vh;padding:25px;display:grid}.campfire-mini{filter:drop-shadow(0 0 15px #ff9a3e);font-size:4rem}.loading p,.first-class p{color:#c1d4cf}.first-class .inline-form{width:min(520px,90vw)}.toast{z-index:200;color:#fff;background:#172f32;border-left:5px solid #e8b850;border-radius:10px;padding:14px 18px;position:fixed;top:90px;right:18px;box-shadow:0 8px 30px #0006}.cloud-backup{justify-content:space-between;align-items:center;display:flex}.cloud-backup h2,.cloud-backup p{margin-bottom:5px}.cloud-backup small{color:#687776}.cloud-setup-wrap{z-index:50;background:#0b191ddd;place-items:center;padding:20px;display:grid;position:fixed;inset:74px 0 0}.cloud-setup{grid-template-columns:70px 1fr;gap:18px;display:grid;max-width:760px!important;margin:auto!important}.cloud-setup h2{margin-bottom:6px}.cloud-setup p{color:#657372}.cloud-actions{flex-wrap:wrap;gap:8px;margin:16px 0;display:flex}.warning-rune{color:#43311e;background:#f4ce69;border:4px double #9c7130;border-radius:50%;place-items:center;width:64px;height:64px;font-size:2rem;font-weight:900;display:grid}.auth-screen{min-height:100vh;color:var(--ink);background:radial-gradient(circle at 50% 25%,#315b58,#0b2027 65%);place-items:center;padding:20px;display:grid}.auth-card{text-align:center;background:#fff9ed;border:2px solid #c59a4b;border-radius:24px;width:min(430px,100%);padding:35px;box-shadow:0 28px 80px #0008}.auth-card .brand-rune{color:#f6ca62;background:#244f4e;border:2px solid #c59a4b;border-radius:50%;place-items:center;width:72px;height:72px;margin:0 auto 12px;font-size:2rem;display:grid}.auth-card .eyebrow{color:#8a672b;text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;font-weight:800}.auth-card h1{color:#173b3d;margin:5px 0 8px}.auth-card>p{color:#687675}.auth-card form{text-align:left;gap:14px;margin:25px 0 16px;display:grid}.auth-card label{flex-direction:column;display:flex}.auth-card form .primary{margin-top:5px}.auth-card>small{color:#7b827f}.auth-error{color:#8f2f25;text-align:left;background:#f8dfd8;border-radius:8px;padding:10px}.conflict-modal{width:min(720px,100%);max-height:92vh;color:var(--ink);text-align:center;background:#fff9ed;border:2px solid #d0a04a;border-radius:22px;padding:28px;overflow:auto}.conflict-modal>.warning-rune{margin:0 auto 10px}.conflict-modal>p{color:#657372}.copy-summary{text-align:left;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0;display:grid}.copy-summary article{background:#fff;border:1px solid #d9d0be;border-radius:13px;padding:15px}.copy-summary b,.copy-summary span,.copy-summary small{margin-bottom:6px;display:block}.copy-summary small{color:#78827f}.copy-summary button{width:100%;margin-top:7px}.conflict-actions{justify-content:center;gap:10px;margin:18px 0;display:flex}@media (width<=850px){.topbar{gap:8px;padding:8px 12px}.brand small,.class-switcher>span,.icon-button span,.teacher-menu>span{display:none}.brand b{font-size:.85rem}.class-switcher{flex:1}.class-switcher select{width:100%;min-width:0}.resume-button{padding:6px;font-size:.75rem}.sync-badge b{display:none}.sync-badge{padding:6px}.teacher-menu button{font-size:0}.teacher-menu button:after{content:"↪";font-size:1.1rem;text-decoration:none}.tent{top:44%;transform:scale(.72)}.tent-left{left:-20px}.tent-right{right:-20px;transform:scale(.65)}.campfire{top:43%;transform:translate(-50%)scale(.8)}.student-row{grid-template-columns:55px 1fr 130px}.student-row>select:nth-of-type(2),.student-row>button{grid-column:2/4}.setup-grid,.backup-grid{grid-template-columns:1fr}.add-row{grid-template-columns:1fr 1fr}.add-row>button{grid-column:1/-1}.form-grid{grid-template-columns:1fr}.attack-dock{grid-template-columns:1fr 1fr 1fr 1fr;padding:8px}.current-fighter{grid-column:1/3}.bonus{grid-column:3/5}.attack{height:65px}.undo,.finish{height:48px}.battle-screen{padding-bottom:232px}.pause-overlay{bottom:232px}.monster-zone{height:250px}.monster{width:120px;font-size:6rem}.monster-info{width:52vw}.profile-modal{grid-template-columns:1fr}.profile-hero{padding:24px}.profile-hero .portrait{margin-bottom:4px;transform:scale(1)}.profile-hero p{margin:0}.reward-list article{grid-template-columns:55px 1fr 100px}.level-preview{grid-column:2/4}.confirm-bar{flex-direction:column;align-items:stretch}.page-title{grid-template-columns:auto 1fr}.page-title>:last-child{grid-column:1/-1}.page-title p{font-size:.85rem}}@media (width<=520px){.topbar{height:64px}.brand>span:first-child{width:34px;height:34px}.brand b{display:none}.campsite{min-height:calc(100vh - 64px)}.camp-heading{padding:22px 10px}.camp-heading h1{font-size:1.65rem}.camp-heading p{font-size:.8rem}.party-wrap{padding-inline:8px;bottom:87px}.character-card{flex-basis:102px;min-height:161px}.portrait{transform:scale(.88)}.trees{font-size:6rem}.adventure-button{min-width:220px;bottom:20px}.page{padding:20px 12px 60px}.page-title{gap:9px}.back{padding:8px}.add-row{grid-template-columns:1fr}.add-row>button{grid-column:auto}.student-row{grid-template-columns:55px 1fr}.student-row>select,.student-row>select:nth-of-type(2),.student-row>button{grid-column:1/-1}.attendance{grid-template-columns:repeat(2,1fr)}.battle-header{padding:7px}.battle-header .secondary{padding:7px;font-size:.75rem}.monster-zone{gap:8px;height:220px}.monster{width:90px;font-size:5rem}.monster-info h1{font-size:1.35rem}.turn-order{padding-inline:10px}.turn-order .section-bar{font-size:.8rem}.attack-dock{grid-template-columns:1fr 1fr}.current-fighter{grid-column:1}.bonus{grid-column:2}.attack{height:70px}.undo,.finish{height:44px}.battle-screen{padding-bottom:270px}.pause-overlay{bottom:270px}.reward-list article{grid-template-columns:52px 1fr}.reward-list article label,.level-preview{grid-column:1/-1}.class-picker{grid-template-columns:1fr 1fr}.profile-content{padding:20px}.profile-xp{grid-template-columns:1fr}.profile-xp span{text-align:left}.inline-form{flex-direction:column}.cloud-setup-wrap{inset:64px 0 0}.cloud-setup{text-align:center;grid-template-columns:1fr}.cloud-setup>.warning-rune{margin:auto}.copy-summary{grid-template-columns:1fr}.conflict-actions{flex-direction:column}.cloud-backup{flex-direction:column;align-items:stretch;gap:12px}.auth-card{padding:25px 20px}}.auth-success{color:#276345;text-align:left;background:#dcefe3;border-radius:8px;padding:10px}.auth-link{color:#276c68;background:0 0;border:0;min-height:44px;margin-bottom:12px;font-weight:800;text-decoration:underline}.success-rune{color:#fff!important;background:#2f7457!important}.hero-avatar{filter:drop-shadow(0 6px 5px #06171955);margin:auto;display:block;overflow:visible}.hero-avatar.medium{width:104px;height:132px}.hero-avatar.small{flex:0 0 56px;width:56px;height:72px}.hero-avatar.large{width:190px;height:245px}.campsite{background:linear-gradient(#163a54 0 25%,#48645e 52%,#244636 100%);min-height:max(100vh - 74px,620px)}.sky{background:radial-gradient(circle at 72% 18%,#ffe8a722,#0000 19%),linear-gradient(#102f47,#3a6670)}.moon{filter:drop-shadow(0 0 18px #fff1a8)}.mountains{background:linear-gradient(145deg,#0000 0 28%,#294d52 28% 46%,#0000 46%),linear-gradient(220deg,#0000 0 35%,#355c59 35% 60%,#0000 60%)}.camp-path{clip-path:polygon(39% 0,61% 0,100% 100%,0 100%);background:linear-gradient(95deg,#0000,#b98b5555 24% 75%,#0000);position:absolute;inset:43% 28% 0}.mushrooms{z-index:3;color:#f08b62;letter-spacing:9px;text-shadow:0 8px #f3d8af;font-size:1.2rem;position:absolute;top:58%}.mushrooms.left{left:16%}.mushrooms.right{right:14%}.firefly{color:#ffea79;text-shadow:0 0 10px #fff060;font-size:1.6rem;font-style:normal;animation:3s ease-in-out infinite firefly;position:absolute}.firefly.f1{top:31%;left:28%}.firefly.f2{animation-delay:-1s;top:37%;right:25%}.firefly.f3{animation-delay:-2s;top:24%;left:47%}@keyframes firefly{50%{opacity:.25;transform:translate(8px,-7px)}}.campfire .fire-glow{z-index:-1;background:radial-gradient(circle,#ffc45155,#0000 68%);border-radius:50%;width:190px;height:145px;animation:1.7s ease-in-out infinite fire-pulse;position:absolute;top:-25px}.campfire .flame{animation:1.1s ease-in-out infinite alternate flame-dance}@keyframes fire-pulse{50%{opacity:.7;transform:scale(1.15)}}@keyframes flame-dance{to{transform:scale(.94,1.08)rotate(2deg)}}.party-wrap{padding-inline:clamp(10px,4vw,60px)}.party-scroll{scroll-snap-type:x proximity;overscroll-behavior-inline:contain}.character-card{scroll-snap-align:center;border-radius:70px 70px 17px 17px;flex-basis:132px;min-height:210px;padding-top:3px}.character-card .hero-avatar{transition:transform .2s}.character-card:hover .hero-avatar,.character-card:focus .hero-avatar{transform:scale(1.05)}.character-card b{font-size:.95rem}.character-card span{line-height:1.35}.profile-modal{grid-template-columns:290px 1fr;width:min(850px,100%)}.profile-modal.customizing{grid-template-columns:320px 1fr;width:min(1040px,100%)}.profile-hero{background:radial-gradient(circle at 50% 28%,#5f8d7d,#17373a 68%);flex-direction:column;justify-content:center;align-items:center;padding:35px 22px;display:flex}.profile-hero .hero-avatar{margin:0 auto 4px}.profile-content{min-width:0}.appearance-summary{flex-wrap:wrap;gap:7px;display:flex}.appearance-summary span{color:#4b625e;background:#ede7d7;border-radius:999px;padding:6px 9px;font-size:.76rem}.customize-button{margin:12px 0 2px}.future-features{grid-template-columns:1fr 1fr;gap:8px;margin-top:18px;display:grid}.future-features>div{color:#6e7775;border:1px dashed #bdb5a7;border-radius:10px;grid-template-columns:auto 1fr;column-gap:8px;padding:10px;display:grid}.future-features>div>span{grid-row:1/3;font-size:1.4rem}.future-features b,.future-features small{display:block}.creator-content{overflow:auto}.creator-heading{justify-content:space-between;align-items:start;gap:12px;display:flex}.creator-heading h2{color:#244b4b;margin:3px 0 12px}.creator-heading .eyebrow{color:#9a6c28;text-transform:uppercase;letter-spacing:.12em;font-size:.68rem;font-weight:900}.appearance-options{border:0;min-width:0;margin:0 0 15px;padding:0}.appearance-options legend{color:#536767;text-transform:uppercase;letter-spacing:.08em;margin-bottom:7px;font-size:.78rem;font-weight:900}.appearance-options>div{grid-template-columns:repeat(auto-fit,minmax(92px,1fr));gap:7px;display:grid}.appearance-options button{color:#405553;background:#fffdf7;border:2px solid #ded6c6;border-radius:11px;justify-content:center;align-items:center;gap:7px;min-height:52px;padding:6px;font-size:.75rem;font-weight:800;display:flex}.appearance-options button:hover{border-color:#7aa39a}.appearance-options button.selected{color:#17463e;background:#e4f2e9;border-color:#2f7c70;box-shadow:0 0 0 2px #2f7c7022}.appearance-options button i{border:2px solid #fff;border-radius:50%;flex:0 0 25px;width:25px;height:25px;font-style:normal;display:block;box-shadow:0 0 0 1px #8f8b82}.class-options button i{width:auto;height:auto;box-shadow:none;border:0;font-size:1.25rem}.creator-content>.primary{margin-top:4px}@media (width<=850px){.profile-modal,.profile-modal.customizing{grid-template-columns:240px 1fr}.profile-hero .hero-avatar.large{width:155px;height:200px}.character-card{flex-basis:122px}}@media (width<=620px){.profile-modal,.profile-modal.customizing{display:block}.profile-hero{min-height:220px;padding:18px}.profile-hero .hero-avatar.large{width:120px;height:155px}.profile-hero h2{font-size:1.35rem}.profile-content{padding:20px}.appearance-options>div{grid-template-columns:repeat(2,minmax(0,1fr))}.character-card{flex-basis:112px;min-height:190px}.hero-avatar.medium{width:92px;height:118px}.camp-path,.mushrooms{display:none}}.campsite{isolation:isolate;background:#173b43;min-height:max(100vh - 74px,680px)}.camp-art{z-index:0;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.scene-stars{animation:4s ease-in-out infinite twinkle}.scene-fire-glow{animation:1.8s ease-in-out infinite scene-glow}.scene-fire{transform-origin:600px 470px;animation:1.1s ease-in-out infinite alternate scene-flame}.scene-sparks circle{animation:2.2s ease-out infinite spark-rise}.scene-sparks circle:nth-child(2){animation-delay:-.7s}.scene-sparks circle:nth-child(3){animation-delay:-1.4s}.scene-fireflies circle{filter:drop-shadow(0 0 7px #fff19a);animation:2.8s ease-in-out infinite twinkle}.scene-fireflies circle:nth-child(2n){animation-delay:-1.3s}@keyframes twinkle{50%{opacity:.38}}@keyframes scene-glow{50%{opacity:.72;transform-origin:50%;transform:scale(1.08)}}@keyframes scene-flame{to{transform:scale(.96,1.05)}}@keyframes spark-rise{0%{opacity:0;transform:translateY(12px)}35%{opacity:1}to{opacity:0;transform:translateY(-28px)}}.camp-heading{z-index:4;padding-top:27px}.camp-heading:before{content:"";z-index:-1;filter:blur(4px);background:radial-gradient(#102e40aa,#0000 70%);width:min(610px,90vw);height:118px;position:absolute;top:13px;left:50%;transform:translate(-50%)}.camp-heading h1{letter-spacing:.01em;text-shadow:0 3px #17363b,0 7px 18px #071b27;font-size:clamp(2rem,4.5vw,3.35rem)}.camp-heading p{color:#e0ece3;text-shadow:0 2px 5px #09242c;font-weight:600}.camp-heading .eyebrow{color:#ffdc79;text-shadow:0 2px 5px #17323c}.camp-action{z-index:6;color:#fff4d2;text-align:left;background:linear-gradient(150deg,#6e4935ee,#3f302bee);border:2px solid #e4b45f;border-radius:15px;width:154px;min-height:60px;padding:8px 10px 8px 48px;position:absolute;top:43%;transform:rotate(-1deg);box-shadow:inset 0 1px #ffd98a66,0 8px 18px #071c2088}.camp-action:before{content:"";border:1px solid #e7b96844;border-radius:10px;position:absolute;inset:5px}.camp-action>span{color:#493022;background:#efc568;border-radius:50%;place-items:center;width:27px;height:27px;font-size:1rem;display:grid;position:absolute;top:12px;left:13px;box-shadow:0 2px #8f6035}.camp-action b,.camp-action small{display:block;position:relative}.camp-action b{font-family:Georgia,serif;font-size:.9rem}.camp-action small{color:#dfcfad;margin-top:2px;font-size:.64rem}.camp-action:hover,.camp-action:focus-visible{filter:brightness(1.12);outline-offset:2px;outline:3px solid #fff2a966;transform:translateY(-3px)rotate(0)}.roster-action{left:5%}.settings-action{right:5%;transform:rotate(1deg)}.party-wrap{z-index:8;background:linear-gradient(#0000,#0b2623a3 31%,#071c1bd9);padding:24px clamp(10px,4vw,60px) 7px;bottom:92px}.party-wrap:before{content:"Adventuring party";color:#ffe292;text-transform:uppercase;letter-spacing:.16em;text-shadow:0 2px 5px #071d22;white-space:nowrap;font:700 .7rem Georgia,serif;position:absolute;top:0;left:50%;transform:translate(-50%)}.party-scroll{gap:16px;padding-top:11px;padding-bottom:12px}.character-card{isolation:isolate;color:#fff;background:linear-gradient(#ffe1910d 0 55%,#102d2cdf 56%);border:1px solid #f2cc7966;border-radius:67px 67px 18px 18px;flex:0 0 138px;min-height:226px;padding:0 7px 8px;transition:transform .2s,border-color .2s,filter .2s;position:relative;overflow:hidden;box-shadow:inset 0 0 20px #ffd37612,0 11px 18px #061b1e88}.character-card:before{content:"";z-index:-2;background:radial-gradient(circle at 50% 68%,#ffc85e3b,#0000 66%);border-radius:50%;position:absolute;inset:38px 7px 34px}.character-card .hero-spotlight{z-index:-1;filter:blur(3px);background:radial-gradient(at bottom,#ffc95b47,#0000 68%);border-radius:50%;width:124px;height:158px;position:absolute;top:34px;left:50%;transform:translate(-50%)}.character-card .hero-avatar.medium{width:116px;height:153px;margin-top:-2px}.character-card:hover,.character-card:focus-visible{filter:brightness(1.08);outline-offset:2px;border-color:#ffe69a;outline:3px solid #ffdb7644;transform:translateY(-8px)scale(1.025)}.hero-nameplate{color:#3d2d27;background:linear-gradient(#f7e5b9,#c99757);border:1px solid #efd38d88;border-radius:10px;min-height:55px;padding:4px 5px 5px;position:absolute;bottom:7px;left:7px;right:7px;box-shadow:inset 0 1px #fff9d7,0 3px 8px #06181b99}.hero-nameplate b{white-space:nowrap;text-overflow:ellipsis;font:800 .95rem Georgia,serif;overflow:hidden;margin:0!important}.hero-nameplate small,.hero-nameplate em{font-style:normal;color:#5c4638!important;font-size:.62rem!important;display:inline-block!important}.hero-nameplate small:after{content:" · ";padding-inline:2px}.empty-party{background:#173b38dd;border-color:#f4d47c;min-height:150px;box-shadow:0 10px 30px #071d22}.adventure-button{text-transform:uppercase;letter-spacing:.055em;background:linear-gradient(#ffe383,#e9a842);border:2px solid #ffe69c;border-radius:16px;box-shadow:inset 0 1px #fffbd7,0 5px #98542d,0 12px 28px #071819cc}.adventure-button:before{content:"✦";color:#8b4b2d;margin-right:8px}.adventure-button:hover{box-shadow:inset 0 1px #fffbd7,0 4px #98542d,0 14px 30px #071819cc}.hero-avatar{filter:drop-shadow(0 8px 6px #06171966);transition:filter .2s,transform .2s}.hero-avatar.large{filter:drop-shadow(0 12px 9px #06171977)}.profile-modal{background:linear-gradient(135deg,#fffdf5,#f4ecd8);border:4px solid #d3a857;border-radius:26px;box-shadow:0 32px 90px #031419cc,inset 0 0 0 2px #fff4c4}.profile-hero{background:radial-gradient(circle at 50% 63%,#f7c45d55 0 16%,#0000 42%),linear-gradient(#315f63,#173b42 72%);border-right:2px solid #d4a85a;position:relative;overflow:hidden}.profile-hero:before{content:"✦  ·  ✧";color:#ffe78f;letter-spacing:1.7rem;opacity:.72;font-size:1.2rem;position:absolute;top:25px}.profile-hero:after{content:"";filter:blur(7px);background:#0a242755;border-radius:50%;height:24px;position:absolute;bottom:78px;left:12%;right:12%}.profile-hero>*{z-index:1;position:relative}.profile-hero .hero-avatar.large{width:210px;height:270px;margin-top:-15px}.profile-content{background:linear-gradient(135deg,#fffdf7,#f5ecdb)}.profile-content h3{color:#365e58}.appearance-summary span{background:linear-gradient(#fffaf0,#e9ddc6);border:1px solid #d5c6a7;box-shadow:0 2px 4px #253b3212}.customize-button{background:linear-gradient(#fff9e9,#ead8b7);border:2px solid #c8a45f;box-shadow:0 4px #b99a63}.future-features>div{background:#f7f0df}.profile-modal.customizing .profile-hero{background:radial-gradient(circle at 50% 65%,#ffd16666 0 18%,#0000 45%),linear-gradient(#426c68,#183b41 75%)}.creator-content{background:linear-gradient(135deg,#fffdf6,#f1e6ce)}.creator-heading{border-bottom:1px solid #ddcfb2;margin-bottom:15px;padding-bottom:10px}.appearance-options{background:#fffaf0;border:1px solid #e1d4ba;border-radius:15px;padding:11px;box-shadow:0 4px 12px #2b49350b}.appearance-options button{background:linear-gradient(#fffdf8,#eee4d1);border-color:#d7c7aa;box-shadow:0 2px #c9b795}.appearance-options button i{box-shadow:inset 0 2px 4px #0002,0 0 0 2px #fff,0 0 0 3px #a39c8c}.appearance-options button.selected{background:linear-gradient(#ecf8ee,#cfe9dc);border-color:#40887a;box-shadow:0 3px #72a693,0 0 0 3px #60a49122}.creator-content>.primary{border:2px solid #f2c65e}.student-row,.reward-list article{background:linear-gradient(135deg,#fffdf8,#f3ecde);border-color:#d4c6aa}.student-row>.hero-avatar,.reward-list .hero-avatar{background:radial-gradient(circle at bottom,#f2c45b55,#0000 68%);border-radius:45%;padding:2px}.attendance>button{background:linear-gradient(#faf7ef,#ece5d8);box-shadow:0 4px 8px #253c3012}.attendance>button.present{background:linear-gradient(#eff9ed,#dcecdf);box-shadow:0 4px 10px #235c3c22}.turn-scroll>button{background:linear-gradient(#21474a,#122e34);box-shadow:0 6px 12px #05161b88}.turn-scroll>button.current{background:linear-gradient(#4e8880,#285851);border-color:#f1ce68;box-shadow:0 0 0 3px #efcb6633,0 8px 18px #06191d}.battle-screen{background:radial-gradient(circle at 50% 28%,#49746e,#16373d 52%,#0c222a)}.victory-banner{background:radial-gradient(circle at 15%,#d1a33f44,#0000 30%),linear-gradient(120deg,#214e4a,#347868)}@media (width<=850px){.camp-action{top:42%;transform:scale(.82)}.roster-action{left:0}.settings-action{right:0}.character-card{flex-basis:126px}.character-card .hero-avatar.medium{width:104px;height:140px}.profile-hero .hero-avatar.large{width:170px;height:220px}}@media (width<=620px){.campsite{min-height:max(100vh - 64px,650px)}.camp-heading{padding-top:18px}.camp-action{width:128px;min-height:49px;padding:6px 7px 6px 39px;top:30%}.camp-action>span{width:25px;height:25px;top:9px;left:8px}.camp-action small{display:none}.party-wrap{padding-inline:7px;bottom:88px}.party-wrap:before{font-size:.62rem}.party-scroll{justify-content:flex-start}.character-card{flex-basis:116px;min-height:207px}.character-card .hero-avatar.medium{width:98px;height:132px}.hero-nameplate{min-height:51px}.profile-modal{border-width:2px}.profile-hero{border-bottom:2px solid #d4a85a;border-right:0}.profile-hero .hero-avatar.large{width:145px;height:185px;margin-top:0}.profile-hero:before{top:12px}.appearance-options{padding:8px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}.scene-fire-glow{animation:1.8s ease-in-out infinite scene-glow-fixed;transform:none}.scene-flame-core{transform-box:fill-box;transform-origin:bottom;animation:1.05s ease-in-out infinite alternate scene-flame-fixed}@keyframes scene-glow-fixed{50%{opacity:.68}}@keyframes scene-flame-fixed{to{transform:scale(.95,1.055)rotate(1deg)}}[data-layer=anchored-campfire]{transform-box:view-box}.party-wrap{background:linear-gradient(#0000,#0b2623d4 18%,#071c1bf2 48%);padding:10px clamp(10px,4vw,60px) 7px}.party-wrap:before{display:none}.camp-party-bar{justify-content:space-between;align-items:center;gap:14px;max-width:1120px;margin:0 auto;display:flex}.camp-party-bar>span{color:#ffe292;text-transform:uppercase;letter-spacing:.16em;text-shadow:0 2px 5px #071d22;white-space:nowrap;font:700 .72rem Georgia,serif}.camp-actions{gap:9px;display:flex}.camp-action,.roster-action,.settings-action{width:148px;min-height:48px;padding:6px 8px 6px 42px;position:relative;inset:auto;transform:none}.camp-action>span{width:25px;height:25px;top:9px;left:9px}.camp-action:hover,.camp-action:focus-visible,.settings-action:hover,.settings-action:focus-visible{transform:translateY(-2px)}.camp-action small{font-size:.6rem}.hero-avatar{overflow:visible}.character-card .hero-avatar.medium{width:120px;height:150px}.profile-hero .hero-avatar.large{width:220px;height:268px}.student-row>.hero-avatar,.reward-list .hero-avatar{overflow:visible}.creator-content{scrollbar-color:#c9a85f #efe4cf}.hair-options>div{grid-template-columns:repeat(auto-fit,minmax(112px,1fr))}.face-options>div{grid-template-columns:repeat(auto-fit,minmax(118px,1fr))}.hair-options button,.face-options button{min-height:48px}.hair-options button:before,.face-options button:before{color:#315e58;background:#e5eee8;border-radius:50%;flex:0 0 27px;place-items:center;width:27px;height:27px;font-size:.9rem;display:grid;box-shadow:inset 0 0 0 1px #aec7be}.hair-options button:before{content:"✂"}.face-options button:before{content:"☺"}.hair-options button.selected:before,.face-options button.selected:before{color:#fff;background:#4b897b}@media (width<=850px){.camp-party-bar{align-items:end}.camp-action,.roster-action,.settings-action{width:135px;top:auto;left:auto;right:auto;transform:none}.character-card .hero-avatar.medium{width:108px;height:136px}.profile-hero .hero-avatar.large{width:178px;height:218px}}@media (width<=620px){.camp-heading{padding-top:14px}.camp-heading p{white-space:normal;max-width:94vw;margin:0 auto}.party-wrap{padding:8px 7px 5px;bottom:86px}.camp-party-bar{flex-wrap:wrap;justify-content:center;gap:5px;display:flex}.camp-party-bar>span{text-align:center;width:100%;font-size:.61rem}.camp-actions{justify-content:center;gap:5px;width:100%}.camp-action,.roster-action,.settings-action{flex:1 1 0;width:0;min-width:0;max-width:155px;min-height:43px;padding:5px 3px 5px 34px;position:relative;inset:auto;overflow:hidden;transform:none}.camp-action>span{width:23px;height:23px;top:7px;left:6px}.camp-action b{white-space:nowrap;font-size:.72rem}.camp-action small{display:none}.party-scroll{padding-top:5px}.character-card .hero-avatar.medium{width:102px;height:128px}.profile-hero .hero-avatar.large{width:155px;height:188px}.hair-options>div,.face-options>div{grid-template-columns:repeat(2,minmax(0,1fr))}.hair-options button,.face-options button{gap:4px;padding:5px 4px;font-size:.68rem}.hair-options button:before,.face-options button:before{flex-basis:22px;width:22px;height:22px;font-size:.72rem}}.camp-heading{padding-top:18px}.camp-heading:before{height:105px;top:3px}.camp-heading h1{margin-top:0}.party-wrap{background:linear-gradient(#0000,#0b2623b8 28%,#071c1be8 64%);padding-top:6px;padding-bottom:5px;bottom:92px}.party-wrap:before{content:none}.party-scroll{padding-top:4px}.camp-nav{z-index:12;min-height:92px;padding:11px max(14px,env(safe-area-inset-right)) calc(12px + env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left));background:linear-gradient(#173b3cf5,#0b2529 72%);border-top:2px solid #d5a64f;grid-template-columns:170px minmax(230px,280px) 170px;justify-content:center;align-items:center;gap:14px;display:grid;position:absolute;bottom:0;left:0;right:0;box-shadow:0 -10px 28px #07171988,inset 0 1px #f5d78433}.camp-nav:before{content:"";pointer-events:none;border:1px solid #d7b46126;border-radius:13px;position:absolute;inset:6px 10px}.camp-nav .camp-action,.camp-nav .roster-action,.camp-nav .settings-action{width:100%;min-width:0;min-height:58px;position:relative;inset:auto;transform:none}.camp-nav .camp-action:hover,.camp-nav .camp-action:focus-visible{transform:translateY(-2px)}.camp-nav .adventure-button{width:100%;min-width:0;height:62px;margin:0;position:relative;inset:auto;transform:none}.camp-nav .adventure-button:hover,.camp-nav .adventure-button:focus-visible{transform:translateY(-2px)}.hero-nameplate{color:#281d18;background:linear-gradient(#fff1c4,#e1ad68 72%,#c78c49);border-color:#f3d58f;min-height:58px;padding:6px 7px;bottom:6px;left:6px;right:6px;box-shadow:inset 0 1px #fffdf0,0 3px 8px #06181baa}.hero-nameplate b{text-shadow:0 1px #fff0bd;white-space:nowrap;text-overflow:ellipsis;font:900 1rem/1.15 Georgia,serif;overflow:hidden;color:#241915!important;margin:0!important;display:block!important}.hero-details{justify-content:center;align-items:center;min-width:0;margin-top:4px;line-height:1;display:flex!important}.hero-nameplate small,.hero-nameplate em{text-shadow:0 1px #f9dfae;font-weight:800;line-height:1.1;color:#38271f!important;font-size:.68rem!important;display:block!important}.hero-nameplate small:after{content:"·";color:#76502f;padding-inline:4px}@media (width<=850px){.camp-nav{grid-template-columns:minmax(130px,165px) minmax(210px,260px) minmax(130px,165px);gap:9px}.camp-nav .camp-action{width:100%}.party-wrap{bottom:90px}}@media (width<=620px){.camp-heading{padding-top:10px}.camp-heading:before{height:92px;top:0}.camp-nav{min-height:82px;padding:8px 6px calc(8px + env(safe-area-inset-bottom));grid-template-columns:minmax(82px,1fr) minmax(118px,1.35fr) minmax(82px,1fr);gap:5px}.camp-nav .camp-action,.camp-nav .roster-action,.camp-nav .settings-action{text-align:center;width:100%;min-width:0;max-width:none;min-height:54px;padding:5px 4px;overflow:hidden}.camp-nav .camp-action>span{vertical-align:middle;width:21px;height:21px;margin-right:3px;display:inline-grid;position:static}.camp-nav .camp-action b{white-space:normal;font-size:.68rem;line-height:1.05;display:inline}.camp-nav .camp-action small{display:none}.camp-nav .adventure-button{min-width:0;height:58px;padding:5px 7px;font-size:.74rem;line-height:1.05}.camp-nav .adventure-button span{margin:0 3px 0 0;font-size:.9rem;display:inline}.party-wrap{padding-bottom:3px;bottom:80px}.character-card{min-height:210px}.hero-nameplate{min-height:56px;padding:5px}.hero-nameplate b{font-size:.9rem}.hero-nameplate small,.hero-nameplate em{font-size:.62rem!important}.hero-nameplate small:after{padding-inline:3px}}