.tutorial-card{display:flex;align-items:center;gap:18px;border:1px solid #665f40;background:linear-gradient(110deg,#323d2b,#1b2c22);padding:18px 20px;border-radius:5px;margin-bottom:18px}.tutorial-number{font:28px var(--serif);color:var(--gold);white-space:nowrap}.tutorial-number span{font:11px var(--sans);color:var(--muted);margin-left:5px}.tutorial-card>div:nth-child(2){flex:1}.tutorial-card h3{font:20px var(--serif);margin:7px 0}.tutorial-card p{font-size:11px;line-height:1.8;color:#adba9f;max-width:680px}.tutorial-actions{display:flex;flex-direction:column;align-items:center;gap:2px}.tutorial-actions .text-button{font-size:9px;padding:8px}.story-banner{border:1px solid #6b6d45;background:radial-gradient(ellipse at 100% 0,#53614455,transparent 65%),#1b2c22;padding:34px;border-radius:6px;margin:30px 0}.story-banner h2{font-size:36px;margin:15px 0}.story-banner p{font:17px/1.9 var(--serif);color:#bdc9af;max-width:850px}.story-steps{display:flex;align-items:center;max-width:400px;margin:26px 0}.story-steps>span{width:32px;height:32px;display:grid;place-content:center;border:1px solid #526143;border-radius:50%;color:#839b79;font-size:11px;flex-shrink:0}.story-steps>span.reached{color:#e7d095;background:#4b5233;border-color:#9d915e}.story-steps i{flex:1;height:1px;background:#4c5d40}.story-objectives{display:flex;flex-direction:column;gap:12px;margin:20px 0 25px;font-size:12px;color:#9aac93}.story-objectives .done{color:#b7d09b}.story-banner>button{margin-right:9px;margin-bottom:8px}.chapter-title{font:24px var(--serif);color:#e0c886;padding-top:10px}.npc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.npc-card{padding:25px;border:1px solid var(--line);background:var(--panel);border-radius:5px;text-align:center}.npc-card>img{width:100px;height:100px;display:block;margin:5px auto 23px;filter:drop-shadow(0 8px 9px #0003)}.npc-card h3{font:25px var(--serif);margin:13px 0}.npc-card p{font-size:11px;color:var(--muted);margin:12px 0 22px}.npc-card .eyebrow{font-size:8px;letter-spacing:1px}.dungeon-card{display:grid;grid-template-columns:190px 1fr;gap:30px;border:1px solid #606b62;background:radial-gradient(ellipse at 0 50%,#4f667044,transparent 60%),#192820;border-radius:6px;padding:32px;margin:28px 0}.dungeon-art{display:grid;place-content:center}.dungeon-art img{width:160px;height:160px;filter:drop-shadow(0 0 20px #89b9a322)}.dungeon-card h2,.shop-card h2{font-size:30px;margin:12px 0 18px}.dungeon-card p,.shop-card>div>p{font-size:12px;line-height:1.9;color:var(--muted)}.dungeon-rooms{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:22px 0}.dungeon-rooms>div{display:flex;align-items:center;gap:10px;border:1px solid #3f5143;border-radius:4px;padding:12px 9px;background:#26392d}.dungeon-rooms img{width:40px;height:40px;flex-shrink:0}.dungeon-rooms span{color:var(--muted);font-size:9px}.dungeon-rooms strong{display:block;font-size:10px;color:#d4ddc4;margin:6px 0}.dungeon-rooms small{font-size:8px}.dungeon-rooms .cleared{border-color:#62754e;background:#2e412c}.dungeon-hint{margin:18px 0!important;color:#c3bd96!important}.dungeon-card button{margin:0 7px 8px 0}.shop-card{border:1px solid var(--line);background:var(--panel);border-radius:6px;padding:30px;margin:25px 0}.shop-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin-top:24px}.shop-grid article{padding:20px;border:1px solid #3c5039;border-radius:4px;background:#22352a;text-align:center}.shop-grid img{width:70px;height:70px}.shop-grid h3{font:21px var(--serif);margin:15px 0}.shop-grid p{font-size:10px;color:var(--muted);margin-bottom:18px;line-height:1.8}.settings-card{max-width:800px;background:var(--panel);border:1px solid var(--line);border-radius:5px;padding:28px}.settings-card h3{font:25px var(--serif);margin-bottom:20px}.setting-row{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:18px 0;gap:20px}.setting-row>span{font-size:13px}.setting-row small{display:block;font-size:10px;color:var(--muted);margin-top:7px}.setting-row input[type=checkbox]{display:block;width:20px;height:20px;margin:0;padding:0;accent-color:#c8b276;flex-shrink:0}.setting-row input[type=range]{display:block;width:150px;padding:0;margin:0;accent-color:#c8b276}.help-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:26px 0}.help-grid p{font-size:12px;color:var(--muted);line-height:1.9;margin:18px 0}.help-grid strong{color:#c7d0b7}.help-hero{width:65px;height:65px;float:right;margin:0 0 15px 18px}.tutorial-checklist{border:1px solid var(--line);background:var(--panel);border-radius:5px;padding:28px}.tutorial-checklist>h2{font-size:28px;margin-bottom:22px}.tutorial-checklist>div{display:flex;gap:17px;padding:18px 0;border-top:1px solid var(--line)}.tutorial-checklist>div>span{font-size:20px;color:var(--gold)}.tutorial-checklist p{font-size:12px;color:var(--muted);line-height:1.8;margin-top:9px}.tutorial-checklist strong{font-size:13px}.inventory-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:0 0 22px;flex-wrap:wrap}.inventory-toolbar>div{display:flex;gap:8px}.inventory-toolbar .is-active{border-color:var(--gold);color:var(--gold)}.inventory-toolbar>span{font-size:12px;color:#a8ba98}.item-comparison{font-size:11px;display:flex;gap:13px;flex-wrap:wrap;min-height:56px;margin-bottom:15px;color:var(--muted)}.item-comparison small{display:block;width:100%;font-size:9px;color:#91a087}.positive{color:#b4d797}.negative{color:#d39b87}.item-card .text-button{justify-content:center;font-size:10px;padding-bottom:0}.item-card p{margin-bottom:14px}.item-card.rarity-Selten{border-color:#63768a}.item-card.rarity-Episch{border-color:#9981ad;background:linear-gradient(140deg,#3a30462b,transparent),var(--panel)}.item-card.rarity-Episch>.eyebrow{color:#bfa5d4}.story-quest{margin-top:24px}.dialogue-heading{display:flex;gap:20px;align-items:center}.dialogue-heading img{width:85px;height:85px;flex-shrink:0}.dialogue-heading h2{margin:10px 0}.dialogue-line{font:20px/1.9 var(--serif)!important;color:#d0d9bd!important;margin:25px 0!important}.dialogue-objective{padding:18px;border:1px solid #495e3d;border-radius:4px;background:#23382a}.dialogue-objective strong{font:21px var(--serif)}.dialogue-objective p{margin-top:10px}.enemy-intent{font-size:11px;background:#24382a;border:1px solid #47603d;color:#b7ca9d;border-radius:3px;padding:11px 13px;margin-top:16px;line-height:1.8}.enemy-intent.danger{background:#4a3729;border-color:#9e7652;color:#edd49e}.battle-effects{min-height:29px;display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:9px 0}.battle-effects>span{font-size:9px;border:1px solid #5d765c;border-radius:3px;padding:5px 7px;color:#c8d4b5;background:#2a412e}.battle-effects .effect-poison{border-color:#9c7f61;color:#dbc49c}.battle-effects .effect-burn{border-color:#a27658;color:#e4b995}.battle-effects .effect-chill{border-color:#7397a1;color:#b4d6d9}.battle-effects small{font-size:9px;color:#879d7c}.battle-actions{grid-template-columns:repeat(3,minmax(0,1fr));margin:12px 0 18px}.battle-actions button{min-height:62px}.battle-actions small{line-height:1.6}.battle-stage{min-height:190px;margin:16px 0}.fighter>img{height:95px;width:95px}.adventure-shortcut{margin-top:16px;font-size:10px}.sidebar{overflow-y:auto}.sidebar>nav,.sidebar>.brand,.sidebar>.chapter,.sidebar>.sidebar-quest{flex-shrink:0}.sidebar-quest{margin-top:28px}.sidebar .nav-item{padding-top:11px;padding-bottom:11px}.chapter-finished{border-color:#c3ad6e;background:radial-gradient(ellipse at 80% 0,#a1a56533,transparent 65%),#223626}.take-hit{animation:hit-flash .3s ease-out}.result.victory .result-mark{animation:reward-rise .5s ease-out}@keyframes hit-flash{0%{transform:translateX(0)}25%{transform:translateX(7px);filter:brightness(1.7)}65%{transform:translateX(-4px)}100%{transform:translateX(0)}}@keyframes reward-rise{from{opacity:0;transform:translateY(12px) scale(.8)}to{opacity:1;transform:translateY(0) scale(1)}}.motion-off *{animation:none!important;transition:none!important}
@media(max-width:1200px){.dungeon-card{grid-template-columns:120px 1fr;gap:20px;padding:25px}.dungeon-art img{width:115px;height:115px}.dungeon-rooms{grid-template-columns:1fr}.dungeon-rooms>div{padding:10px 13px}.dungeon-rooms img{width:35px;height:35px}.dungeon-rooms strong{display:inline;margin:0 8px}.npc-card{padding:20px}.tutorial-card{gap:14px;padding:16px}.tutorial-card h3{font-size:18px}.tutorial-actions button{font-size:10px}}
@media(max-width:980px){.sidebar{overflow:visible}.story-banner{padding:27px}.story-banner h2{font-size:32px}.tutorial-card{align-items:start}.tutorial-actions{align-self:center}.npc-grid{gap:14px}.npc-card .eyebrow{font-size:7px}.shop-grid{gap:12px}.shop-grid article{padding:16px}.shop-grid h3{font-size:19px}}
@media(max-width:760px){.sidebar{inset:auto 0 0;width:100%;height:74px;padding:5px 5px 8px;background:#14251bf5;border-right:0;border-top:1px solid #506043;display:block;z-index:30;backdrop-filter:blur(10px)}.sidebar .brand,.sidebar .chapter,.sidebar .sidebar-quest,.sidebar .sidebar-bottom{display:none}.sidebar nav{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));width:100%;height:100%;gap:2px;margin:0}.sidebar .nav-item{padding:5px 1px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-width:0;font-size:8px;text-align:center;line-height:1.15;overflow-wrap:anywhere}.sidebar .nav-item>span{font-size:20px;line-height:20px;width:auto;height:20px}.sidebar .nav-item i{display:none}main{margin-left:0;padding-bottom:74px}.tutorial-card{flex-wrap:wrap;gap:12px}.tutorial-card>div:nth-child(2){min-width:200px}.tutorial-actions{width:100%;flex-direction:row;justify-content:space-between}.tutorial-card p{font-size:12px}.tutorial-card h3{font-size:21px}.story-banner{margin-top:20px;padding:25px}.story-banner h2{font-size:31px}.story-banner p{font-size:16px}.npc-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.npc-card{padding:16px 10px}.npc-card>img{height:75px;width:75px;margin-bottom:17px}.npc-card h3{font-size:23px}.npc-card p{font-size:10px}.npc-card button{font-size:9px;padding:9px 5px}.dungeon-card{grid-template-columns:1fr;padding:25px}.dungeon-art{height:100px}.dungeon-art img{width:105px;height:105px}.dungeon-rooms{grid-template-columns:1fr}.dungeon-card h2{font-size:29px}.shop-grid{grid-template-columns:1fr}.shop-grid article{display:grid;grid-template-columns:70px 1fr;align-items:center;text-align:left;gap:8px}.shop-grid img{grid-row:1/3}.shop-grid h3{margin:0}.shop-grid p{margin:0}.shop-grid button{grid-column:1/-1;margin-top:10px}.help-grid{grid-template-columns:1fr}.help-grid .info-card{padding:25px}.settings-card{padding:24px}.battle-actions{grid-template-columns:repeat(3,minmax(0,1fr))}#toast{left:50%;bottom:90px;max-width:calc(100vw - 28px)}}
@media(max-width:480px){.topbar h1{max-width:235px;font-size:19px}.content{padding:14px 12px 0}.player-strip{padding:15px}.player-name strong{font-size:13px}.player-name small{font-size:10px}.map-stage{height:400px}.tutorial-number{font-size:30px}.tutorial-number span{font-size:11px}.tutorial-card{padding:16px}.tutorial-card>div:nth-child(2){min-width:180px}.tutorial-card .eyebrow{font-size:8px}.tutorial-card p{font-size:12px}.tutorial-card h3{font-size:21px}.tutorial-actions{gap:8px}.tutorial-actions .text-button{font-size:9px}.story-banner{padding:22px}.story-banner h2{font-size:29px;line-height:1.3}.story-banner p{font-size:16px}.story-banner>button{width:100%}.story-objectives{font-size:12px;line-height:1.7}.npc-grid{grid-template-columns:1fr}.npc-card{display:grid;grid-template-columns:80px 1fr;text-align:left;gap:8px 17px;padding:19px}.npc-card>img{grid-column:1;grid-row:1/4;width:78px;height:78px;margin:0}.npc-card>.eyebrow{font-size:8px}.npc-card h3{margin:0}.npc-card p{margin:0;font-size:11px}.npc-card>button{grid-column:1/-1;font-size:11px;margin-top:8px}.dungeon-card{padding:22px;gap:15px}.dungeon-card>div>button{width:100%;margin-right:0}.dungeon-card p{font-size:12px}.dungeon-rooms strong{display:block;margin:5px 0;font-size:12px}.dungeon-rooms span{font-size:10px}.dungeon-rooms small{font-size:10px}.dungeon-rooms img{width:44px;height:44px}.shop-card{padding:22px}.shop-card h2{font-size:28px}.shop-grid article{padding:16px}.settings-card{padding:22px}.settings-card h3{font-size:24px}.setting-row>span{font-size:12px}.setting-row small{font-size:10px;line-height:1.7;max-width:230px}.setting-row input[type=range]{width:115px}.tutorial-checklist{padding:22px}.tutorial-checklist p{font-size:12px}.inventory-toolbar .secondary{padding:9px 14px}.inventory-toolbar{gap:18px}.item-card h3{font-size:23px}.item-card p{font-size:12px}.item-card .eyebrow{font-size:9px}.item-comparison{font-size:12px}.item-comparison small{font-size:10px}.battle-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.battle-actions>button:last-child{grid-column:auto}.battle-actions button{font-size:10px;padding:10px 7px;min-height:59px}.battle-actions small{font-size:9px}.battle-log{min-height:92px}.battle-log p{font-size:10px}.battle-stage{min-height:160px;padding:12px;margin:12px 0}.fighter>img{height:75px;width:75px}.fighter strong{font-size:11px}.enemy-intent{font-size:10px}.battle-effects>span{font-size:9px}.dialogue-heading img{width:75px;height:75px}.dialogue-line{font-size:19px!important}.dialogue-heading .eyebrow{font-size:8px}.modal .button-row>*{flex:1}.modal .button-row button{min-width:135px}.map-location{font-size:8px}.nearby-row strong{font-size:12px}.nearby-row small{font-size:10px}.selection-info p{font-size:12px}.selection-title h2{font-size:25px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
