#play{top:25px;height:calc(100% - 25px)}#class-screen,#prepare-screen{height:100%;display:flex;flex-direction:column;gap:18px}.selection-heading{position:static;left:auto;top:auto;max-width:none;margin:0}.selection-heading h1{font-size:36px;max-width:none;line-height:1.1;letter-spacing:-.7px;margin:8px 0 6px;color:#fff;text-shadow:0 3px 0 #2d4b5550}.selection-heading p{margin:0;font-size:12px;color:#f7f6e4}.selection-heading .eyebrow{font-size:8px;letter-spacing:2px;color:#fff0b8}.class-selection-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(320px,1fr);gap:22px;flex:1;min-height:0}.roster-panel{padding:25px;overflow:auto}.roster-header{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:0 0 10px}.roster-header h2{margin:0;font-size:22px}.roster-header>span{font-size:10px;background:#eee8f5;padding:6px 12px;border-radius:20px;color:#9a83af;font-weight:900}#class-filters{margin:15px 0 20px}#class-filters button{padding:8px 16px;font-size:10px}#classes{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.class-card{border:3px solid #e4deeb;background:#f3f0f7;min-height:165px;position:relative;padding:20px;display:flex;align-items:center;justify-content:center;flex-direction:column;overflow:hidden;box-shadow:0 4px 0 #d8cfe0;text-align:center}.class-card:before{content:'';position:absolute;inset:0;opacity:.4;background:radial-gradient(ellipse at 50% 0,#f8e6bb,transparent 70%);pointer-events:none}.class-card:nth-child(2):before{background:radial-gradient(ellipse at 50% 0,#a9d88f,transparent 75%)}.class-card:nth-child(3):before{background:radial-gradient(ellipse at 50% 0,#edb5db,transparent 75%)}.class-card:nth-child(4):before{background:radial-gradient(ellipse at 50% 0,#efbab0,transparent 75%)}.class-card img{width:92px;height:100px;margin:0 0 8px;filter:drop-shadow(0 4px 0 #4a355815);z-index:1}.class-card-name{display:block;font:1000 23px/1.1 Nunito;color:#594965;z-index:1}.class-card>small{display:block;font-size:10px;margin-top:7px;color:#9a879e;z-index:1}.class-card.selected{background:#fff5d9;border-color:#dfbc62;box-shadow:0 4px 0 #cda34b}.class-card.selected:after{content:'✓';color:#fff;background:#d5b255;border:2px solid white;border-radius:50%;width:23px;height:23px;right:10px;top:10px;line-height:20px;font-size:13px}.class-card:hover{border-color:#b89bcc;background:#fff7e5}.roster-tip{display:flex;gap:14px;align-items:center;padding:17px 18px;background:#eee9f5;border-radius:12px;margin-top:22px}.roster-tip img{width:33px;height:38px;object-fit:contain}.roster-tip p{font-size:11px;margin:0;color:#8f7ba0}.class-preview-wrap{height:200px;position:relative;margin:0 -12px;background:radial-gradient(ellipse at 50% 65%,#e1e7bf66,transparent 60%)}#class-preview{height:100%;width:100%;object-fit:contain;position:relative;z-index:1}.preview-shadow{position:absolute;left:50%;bottom:10px;width:135px;height:28px;transform:translateX(-50%);border-radius:50%;background:#9b946220;filter:blur(5px)}#class-sheet{padding:20px 25px;overflow:auto;display:flex;flex-direction:column;gap:10px}.sheet-top{display:flex;align-items:center;justify-content:space-between}.sheet-top .tag{font-size:8px}#hero-label{position:static;left:auto;bottom:auto;max-width:none;background:transparent;border:0;border-radius:0;box-shadow:none;padding:0;color:#5a486d;text-shadow:none;text-align:left;pointer-events:none}#hero-name{font-size:30px;line-height:1;margin:6px 0 0}#hero-role{font-size:8px;letter-spacing:1px;color:#b59c63}#class-detail{min-height:0;padding:0}.class-stats{display:flex;gap:10px;justify-content:center}.class-stats>div{position:relative;flex:1;background:#f4eff7;border:1px solid #e6deeb;border-radius:10px;text-align:center;padding:10px 5px}.class-stats img{width:17px;height:19px;object-fit:contain;vertical-align:middle;margin-right:4px}.class-stats b{font-size:17px;vertical-align:middle;color:#766080;font-weight:1000}.class-stats small{display:block;font-size:8px;margin-top:5px;color:#9c89a5}.class-records{display:block;text-align:center;font-size:8px!important;color:#a394ac;margin:9px 0 0}.passive-box{background:#fbf3df;border:1px solid #ecddb9;border-radius:10px;padding:10px 13px}.passive-box>small{font-size:8px;color:#bd9b4e;font-weight:1000;letter-spacing:1px}#hero-passive{font-size:10px;line-height:1.6;color:#8c805f;margin:6px 0 0;text-shadow:none}#class-spells>small{font-size:8px;letter-spacing:1px;color:#a38aaf;font-weight:900}.class-kit{display:flex;gap:12px;margin:10px 0}.class-kit>div{width:55px;flex:1;text-align:center}.class-kit img{width:42px;height:42px;object-fit:contain;background:#e9e1f0;border:2px solid #d6c9e3;border-radius:10px}.class-kit small{display:block;font-size:6px;color:#a28eac;margin-top:3px;font-weight:1000}#choose-hero{margin-top:auto;font-size:13px;padding:11px;box-shadow:0 4px 0 #c15e45}.preparation-grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(300px,1fr);gap:22px;flex:1;min-height:0}.destinations{padding:25px;overflow:auto}#change-hero{padding:7px 13px;font-size:10px;box-shadow:none;background:#f1ebf7;border-color:#ded5e9}.region-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:22px 0}.region-card{border:3px solid #e5dfec;border-radius:16px;overflow:hidden;padding:0;position:relative;text-align:left;background:#fffdf7;box-shadow:0 5px 0 #d8cde1;display:flex;flex-direction:column}.region-card.selected{border-color:#ddb653;background:#fff8e8;box-shadow:0 5px 0 #c7a14a}.region-art{height:230px;width:100%;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.region-art:before{content:'';position:absolute;bottom:0;left:0;right:0;height:40px;background:linear-gradient(0deg,#fffdf7,transparent);z-index:1}.region-art img{width:95%;height:85%;object-fit:contain;filter:drop-shadow(0 10px 10px #3e593e33);transform:translateY(10px)}.incarnam-art{background:linear-gradient(#b1d9e5,#e3e9bf)}.astrub-art{background:linear-gradient(#b8cf9e,#f1efd1)}.brakmar-art{background:linear-gradient(#b6a1ab,#e5c6ac)}.region-copy{padding:18px;display:flex;flex-direction:column;flex:1;gap:7px}.region-copy small{font-size:7px;letter-spacing:1px;color:#a18b67}.region-copy b{font-size:23px;font-weight:1000;color:#594669}.region-copy>span{font-size:10px;color:#95869e;line-height:1.5}.region-card em{display:none;position:absolute;right:10px;top:10px;background:#c9a850;border:2px solid #fff4cf;border-radius:50%;width:24px;height:24px;align-items:center;justify-content:center;color:#fff;font-style:normal;font-size:13px}.region-card.selected em{display:flex}.region-rules{display:flex;align-items:center;gap:15px;border:2px solid #e1d6eb;background:#f1eaf7;padding:20px;border-radius:14px}.region-rules img{width:35px;height:45px;object-fit:contain}.region-rules b{font-size:14px;color:#80668e}.region-rules p{font-size:11px;color:#9c87a6;margin:6px 0 0}#expedition{position:static;right:auto;top:auto;bottom:auto;transform:none;width:auto;padding:25px;display:flex;flex-direction:column;gap:10px;overflow:auto}#selected-hero-summary{display:flex;align-items:center;gap:15px;border-bottom:1px solid #e1d9e8;margin:0 0 12px;padding:0 0 20px}#selected-hero-summary img{width:70px;height:80px;object-fit:contain;filter:drop-shadow(0 3px 0 #3d2f5510)}#selected-hero-summary small{font-size:7px;color:#a893b3;font-weight:1000;letter-spacing:1px}#selected-hero-summary h2{font-size:25px;margin:6px 0}#selected-hero-summary p{font-size:9px;margin:0}#expedition .segmented{margin:0 0 13px;min-height:36px}.difficulty-heading{margin:5px 0}#difficulty-buttons{display:flex;gap:6px;margin:0 0 10px}#difficulty-buttons button{font-size:10px;flex:1;padding:11px 3px;box-shadow:none;border-radius:9px;background:#f1edf6;border-color:#e3d9eb}#difficulty-buttons button.selected{background:#fcf0ce;border-color:#dfc477;color:#977b3f}#difficulty-buttons b{display:block;font-size:10px}#difficulty-buttons small{display:block;font-size:8px;margin-top:6px;color:#a994ad}#loadout-preview{margin-top:10px;padding:18px 0;border-top:1px solid #e1d9e8}#loadout-preview p{font-size:10px}#start{margin-top:auto;font-size:15px;box-shadow:0 4px 0 #c15e45}#expedition .hint{margin-top:6px;font-size:8px}
@media(min-width:1450px){.class-card{min-height:205px}.class-card img{width:110px;height:120px}.class-card-name{font-size:25px}.roster-panel,#class-sheet,.destinations,#expedition{padding:25px 30px}.class-preview-wrap{height:210px}.region-art{height:270px}}
@media(max-height:820px) and (min-width:601px){.class-preview-wrap{height:135px}.class-card{min-height:140px;padding:12px}.class-card img{width:75px;height:80px}.class-card-name{font-size:19px}.class-selection-grid,.preparation-grid{gap:18px}.region-art{height:165px}.region-copy b{font-size:19px}.region-copy{padding:12px}.region-rules{padding:14px}.roster-tip{padding:11px;margin-top:15px}#class-sheet{gap:8px;padding:18px 22px}.passive-box{padding:8px 10px}.class-kit{margin:7px 0}.class-kit img{width:36px;height:36px}.class-stats{gap:6px}.class-stats>div{padding:7px 5px}.class-stats small{font-size:7px}#hero-name{font-size:25px}#expedition{padding:20px}.selection-heading h1{font-size:31px}.region-grid{margin:16px 0}}
@media(max-width:1000px){.class-selection-grid{grid-template-columns:minmax(0,1.1fr) minmax(280px,1fr);gap:15px}.roster-panel{padding:20px}.roster-header{flex-wrap:wrap}.roster-header h2{font-size:18px}.roster-header>span{font-size:8px}#class-filters button{padding:6px 10px;font-size:9px}.class-card{padding:12px;min-height:160px}.class-card img{width:75px;height:85px}.class-card-name{font-size:21px}.class-card>small{font-size:8px}.preparation-grid{grid-template-columns:minmax(0,1fr) minmax(280px,.9fr);gap:15px}.region-grid{grid-template-columns:1fr;margin:18px 0}.region-card{display:grid;grid-template-columns:100px 1fr}.region-art{height:110px}.region-copy{padding:14px}.region-copy b{font-size:20px}.region-copy small{font-size:6px}.region-copy>span{font-size:9px}.region-rules{padding:14px}.region-rules b{font-size:12px}.region-rules p{font-size:9px}}
@media(max-width:600px){#play{top:0;height:auto;padding-top:0}#class-screen,#prepare-screen{height:auto;gap:16px}.selection-heading{padding:6px 4px 0}.selection-heading h1{font-size:28px;max-width:none;line-height:1.1;margin:8px 0}.selection-heading p{display:block;font-size:10px}.selection-heading .eyebrow{font-size:6px}.class-selection-grid,.preparation-grid{display:flex;flex-direction:column;gap:16px;flex:none;min-height:0}.roster-panel,.destinations{padding:18px 14px;border-radius:17px;overflow:visible}.roster-header{margin:0}.roster-header h2{font-size:18px}.roster-header>span{font-size:8px}#class-filters{margin:14px 0}.class-grid,#classes{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.class-card{min-height:148px;padding:12px 8px;border-radius:12px}.class-card img{width:76px;height:82px;margin-bottom:5px}.class-card-name{font-size:19px}.class-card>small{font-size:8px;line-height:1.4}.class-card.selected:after{width:20px;height:20px;line-height:16px;font-size:11px;top:6px;right:6px}.roster-tip{padding:12px;gap:10px;margin-top:16px}.roster-tip img{width:25px;height:30px}.roster-tip p{font-size:9px}.class-selection-grid #class-sheet{padding:18px;overflow:visible;border-radius:17px;gap:12px}#hero-label{display:block!important;text-align:left;width:auto}#hero-name{font-size:28px}#hero-role{font-size:7px}.sheet-top .tag{font-size:7px}.class-preview-wrap{height:200px}.class-stats b{font-size:16px}.class-stats small{font-size:8px}.class-records{font-size:8px!important}#hero-passive{font-size:10px}.class-kit img{width:43px;height:43px}.class-kit small{font-size:6px}#choose-hero{font-size:14px;min-height:47px}.region-grid{gap:10px}.region-card{grid-template-columns:104px 1fr;border-radius:12px}.region-art{height:118px}.region-copy b{font-size:22px}.region-copy small{font-size:6px}.region-copy>span{font-size:9px}.region-copy{gap:5px}.region-rules p{font-size:10px}.region-rules img{width:29px;height:36px}#change-hero{font-size:8px;padding:6px 9px}#expedition{padding:20px;overflow:visible;margin:0 0 20px;border-radius:17px}#selected-hero-summary{padding-bottom:15px}#selected-hero-summary img{width:61px;height:70px}#selected-hero-summary h2{font-size:24px}#selected-hero-summary p{font-size:9px}#difficulty-buttons{gap:6px}#difficulty-buttons b{font-size:10px}#difficulty-buttons small{font-size:8px}#expedition .hint{font-size:0}#expedition .hint:after{font-size:9px}#start{margin-top:12px}}