: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}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}