*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}:root{--obsidian: #07050a;--void: #0d0a10;--ash: #15101a;--ash-elevated: #1e1626;--ember: #2a1e2f;--gold-bright: #ffd166;--gold: #e0a82e;--gold-dim: #8a6518;--gold-border: #4a3812;--blood-bright: #e63946;--blood: #b91c2c;--blood-deep: #6b0f1a;--emerald: #3cb371;--emerald-dim: #1e6342;--azure: #5b9fd8;--azure-dim: #2a5578;--cream: #f5ead0;--cream-dim: #b8a581;--cream-faint: #7a6a55;--glass: rgba(30, 22, 38, .65);--glass-strong: rgba(30, 22, 38, .85);--glass-border: rgba(224, 168, 46, .18);--glass-border-bright: rgba(224, 168, 46, .4);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .8);--shadow-md: 0 4px 12px rgba(0, 0, 0, .7), 0 1px 3px rgba(0, 0, 0, .9);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .8), 0 4px 8px rgba(0, 0, 0, .6);--shadow-xl: 0 24px 48px rgba(0, 0, 0, .9), 0 8px 16px rgba(0, 0, 0, .6);--glow-gold: 0 0 24px rgba(255, 209, 102, .35), 0 0 12px rgba(255, 209, 102, .5);--glow-gold-soft: 0 0 16px rgba(255, 209, 102, .22);--glow-blood: 0 0 24px rgba(230, 57, 70, .45), 0 0 12px rgba(230, 57, 70, .6);--glow-emerald: 0 0 20px rgba(60, 179, 113, .35);--inner-highlight: inset 0 1px 0 rgba(255, 255, 255, .06), inset 0 -1px 0 rgba(0, 0, 0, .4);--mini-cell-size: 44px}html,body,#root{height:100%;overflow:hidden}body{font-family:Crimson Text,Georgia,serif;font-size:16px;line-height:1.55;color:var(--cream);background:radial-gradient(ellipse at 20% 10%,rgba(185,28,44,.08) 0%,transparent 50%),radial-gradient(ellipse at 80% 90%,rgba(224,168,46,.06) 0%,transparent 55%),radial-gradient(ellipse at 50% 50%,var(--ash) 0%,var(--void) 70%,var(--obsidian) 100%);background-attachment:fixed;-webkit-user-select:none;user-select:none;overscroll-behavior:none;min-height:100vh}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1;background-image:repeating-linear-gradient(90deg,rgba(255,255,255,.009) 0 1px,transparent 1px 3px),repeating-linear-gradient(0deg,rgba(0,0,0,.02) 0 1px,transparent 1px 3px);mix-blend-mode:overlay;opacity:.4}a{color:var(--gold);cursor:pointer;text-decoration:none;transition:color .15s,text-shadow .15s}a:hover{color:var(--gold-bright);text-shadow:0 0 8px rgba(255,209,102,.5)}.muted{color:var(--cream-dim)}.small{font-size:13px}button{font-family:Cormorant Garamond,Georgia,serif;font-size:14px;font-weight:500;padding:8px 18px;color:var(--cream);background:linear-gradient(180deg,var(--ember) 0%,var(--ash-elevated) 100%);border:1px solid var(--gold-border);cursor:pointer;border-radius:4px;letter-spacing:.5px;box-shadow:var(--shadow-sm),var(--inner-highlight);transition:all .15s ease-out;touch-action:manipulation}button:hover{border-color:var(--gold);color:var(--gold-bright);box-shadow:var(--shadow-md),var(--glow-gold-soft),var(--inner-highlight);transform:translateY(-1px)}button:active{transform:translateY(0);box-shadow:var(--shadow-sm),inset 0 2px 4px #00000080}button:disabled{opacity:.35;cursor:not-allowed;transform:none;box-shadow:var(--shadow-sm)}button.danger{background:linear-gradient(180deg,var(--blood) 0%,var(--blood-deep) 100%);border-color:var(--blood);color:var(--cream)}button.danger:hover{border-color:var(--blood-bright);color:#fff;box-shadow:var(--shadow-md),var(--glow-blood),var(--inner-highlight)}button.primary-action{background:linear-gradient(180deg,var(--gold) 0%,var(--gold-dim) 100%);color:var(--obsidian);font-weight:700;font-size:15px;padding:12px 24px;border-color:var(--gold-bright);box-shadow:var(--shadow-md),var(--glow-gold-soft),var(--inner-highlight);text-transform:uppercase;letter-spacing:1.5px}button.primary-action:hover{box-shadow:var(--shadow-lg),var(--glow-gold),var(--inner-highlight);transform:translateY(-2px)}input,textarea{font-family:Cormorant Garamond,Georgia,serif;font-size:16px;padding:10px 14px;color:var(--cream);background:#07050a99;border:1px solid var(--gold-border);border-radius:4px;width:100%;box-shadow:inset 0 2px 4px #00000080;transition:all .2s}input:focus,textarea:focus{outline:none;border-color:var(--gold);box-shadow:inset 0 2px 4px #00000080,0 0 0 3px #e0a82e26,var(--glow-gold-soft)}input::placeholder{color:var(--cream-faint);font-style:italic}.page{position:relative;max-width:960px;margin:0 auto;padding:40px 48px;background:var(--glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:var(--cream);border:1px solid var(--glass-border);border-radius:8px;box-shadow:var(--shadow-xl),var(--inner-highlight);z-index:2;overflow-y:auto;max-height:100vh}.page:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(224,168,46,.06) 0%,transparent 50%,rgba(185,28,44,.04) 100%);pointer-events:none;border-radius:8px}.page h1{font-family:Cinzel,serif;font-size:36px;font-weight:700;color:transparent;background:linear-gradient(180deg,var(--gold-bright) 0%,var(--gold) 60%,var(--gold-dim) 100%);-webkit-background-clip:text;background-clip:text;margin-bottom:28px;letter-spacing:3px;text-align:center;text-shadow:0 0 40px rgba(255,209,102,.2);position:relative}.page h1:after{content:"";display:block;width:120px;height:1px;margin:12px auto 0;background:linear-gradient(90deg,transparent 0%,var(--gold) 50%,transparent 100%)}.page label{display:block;margin:18px 0 8px;font-family:Cinzel,serif;font-size:11px;color:var(--gold);text-transform:uppercase;letter-spacing:2px;font-weight:600}.page .error{color:var(--blood-bright);margin-top:12px;padding:10px 14px;background:#b91c2c26;border:1px solid var(--blood);border-radius:4px;font-size:14px}.page .actions{margin-top:32px;display:flex;gap:12px;justify-content:center}.auth-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;position:relative;z-index:2}.auth-wrap .page{max-width:440px}.faction-picker{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:20px}@media (max-width: 640px){.faction-picker{grid-template-columns:1fr;gap:12px}.page{margin:0;padding:28px 20px;border-radius:0;border-left:0;border-right:0}.page h1{font-size:28px}}.faction-card{position:relative;display:flex;flex-direction:column;gap:6px;padding:22px 20px;background:linear-gradient(145deg,var(--ash-elevated) 0%,var(--ash) 100%);border:1px solid var(--gold-border);border-radius:6px;cursor:pointer;transition:all .2s ease-out;box-shadow:var(--shadow-md),var(--inner-highlight);overflow:hidden}.faction-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 0%,rgba(224,168,46,.08) 0%,transparent 60%);opacity:0;transition:opacity .25s;pointer-events:none}.faction-card:hover{border-color:var(--gold-dim);transform:translateY(-2px);box-shadow:var(--shadow-lg),var(--inner-highlight)}.faction-card:hover:before{opacity:1}.faction-card.selected{border-color:var(--gold);box-shadow:var(--shadow-lg),var(--glow-gold),var(--inner-highlight);background:linear-gradient(145deg,var(--ember) 0%,var(--ash-elevated) 100%)}.faction-card.selected:before{opacity:1}.faction-card input{display:none}.faction-card .fc-emblem{font-size:44px;line-height:1;color:var(--gold);margin-bottom:6px;filter:drop-shadow(0 0 12px rgba(255,209,102,.4));position:relative;z-index:1}.faction-card.selected .fc-emblem{color:var(--gold-bright)}.faction-card .fc-name{font-family:Cinzel,serif;font-size:18px;color:var(--cream);font-weight:600;letter-spacing:1px;position:relative;z-index:1}.faction-card .fc-theme{font-family:Cormorant Garamond,serif;font-size:12px;color:var(--cream-dim);text-transform:uppercase;letter-spacing:1.5px;font-style:italic;position:relative;z-index:1}.faction-card .fc-blurb{font-family:Crimson Text,serif;font-size:14px;color:var(--cream);margin-top:8px;line-height:1.5;position:relative;z-index:1}.faction-card .fc-bonus{font-family:Cinzel,serif;font-size:12px;color:var(--gold-bright);margin-top:8px;padding-top:8px;border-top:1px solid var(--gold-border);letter-spacing:.5px;position:relative;z-index:1}.faction-card .fc-bonus-list{list-style:none;padding:10px 0 0;margin:10px 0 0;border-top:1px solid var(--gold-border);position:relative;z-index:1;display:flex;flex-direction:column;gap:5px}.faction-card .fc-bonus-list li{font-family:Cormorant Garamond,serif;font-size:13px;color:var(--gold-bright);padding-left:14px;position:relative;line-height:1.35}.faction-card .fc-bonus-list li:before{content:"◆";position:absolute;left:0;top:2px;color:var(--gold-dim);font-size:7px}.mini-cell{aspect-ratio:1 / 1;min-height:var(--mini-cell-size);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:var(--cream);position:relative;background-size:cover;background-position:center;background-repeat:no-repeat;filter:saturate(.55) brightness(.7);transition:filter .2s,transform .15s,box-shadow .15s}.mini-cell.terrain-plain{background-image:url(/tiles/plain.png)}.mini-cell.terrain-forest{background-image:url(/tiles/forest.png)}.mini-cell.terrain-hill{background-image:url(/tiles/hill.png)}.mini-cell.terrain-cavern{background-image:url(/tiles/cavern.png)}.mini-cell.terrain-water{background-image:url(/tiles/water.png)}.mini-cell.terrain-path{background-image:url(/tiles/path.png)}.mini-cell.terrain-sand{background-image:url(/tiles/sand.png)}.mini-cell.terrain-ruined_village{background:linear-gradient(135deg,#2a1a0a,#1a0f04)}.mini-cell.terrain-watchtower{background:linear-gradient(135deg,#1a1a2a,#0d0d18)}.mini-cell.terrain-burned_forest{background:linear-gradient(135deg,#1a0a0a,#0f0505)}.mini-cell.void{background:var(--obsidian);opacity:.5}.mini-cell.safe{box-shadow:inset 0 0 0 1px var(--emerald),inset 0 0 8px #3cb37140}.mini-cell.clickable{cursor:pointer}.mini-cell.clickable:hover{filter:saturate(1) brightness(1);box-shadow:inset 0 0 0 2px var(--gold-bright),var(--glow-gold-soft);z-index:2}.mini-cell .me{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:var(--gold-bright);font-size:24px;font-weight:900;text-shadow:0 0 3px var(--obsidian),0 0 8px rgba(0,0,0,.9),0 0 16px rgba(255,209,102,.8);pointer-events:none;z-index:3;animation:pulse-me 2.4s ease-in-out infinite}@keyframes pulse-me{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.mini-cell .npc-badge{position:absolute;bottom:2px;right:2px;background:var(--blood-bright);color:#fff;font-size:9px;padding:1px 4px;border-radius:8px;line-height:1.2;box-shadow:0 0 6px #e6394699,var(--shadow-sm);font-family:Cinzel,serif;font-weight:700;z-index:2}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:100;display:flex;align-items:center;justify-content:center;padding:16px}.modal{background:var(--glass-strong);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);color:var(--cream);border:1px solid var(--glass-border-bright);border-radius:10px;max-width:520px;width:100%;max-height:88vh;overflow-y:auto;padding:24px;box-shadow:var(--shadow-xl),var(--inner-highlight);position:relative}.modal:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at top,rgba(224,168,46,.08) 0%,transparent 70%);pointer-events:none;border-radius:10px}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:14px;border-bottom:1px solid var(--glass-border);position:relative}.modal-head h2{font-family:Cinzel,serif;font-size:20px;color:var(--gold-bright);letter-spacing:2px;text-shadow:0 0 20px rgba(255,209,102,.3)}.modal-close{background:transparent;border:none;padding:4px 12px;color:var(--cream-dim);font-size:24px;cursor:pointer;border-radius:4px;box-shadow:none;transition:color .15s}.modal-close:hover{color:var(--blood-bright);background:transparent;transform:none}.shop-tabs{display:flex;gap:6px;margin-bottom:14px}.shop-tabs button{flex:1}.shop-tabs button.active{background:linear-gradient(180deg,var(--gold) 0%,var(--gold-dim) 100%);color:var(--obsidian);font-weight:700;border-color:var(--gold-bright);box-shadow:var(--glow-gold-soft),var(--inner-highlight)}.shop-list{list-style:none;padding:0;display:grid;gap:8px}.shop-list li{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;background:linear-gradient(145deg,var(--ash-elevated) 0%,var(--ash) 100%);border:1px solid var(--gold-border);border-radius:6px;transition:all .15s}.shop-list li:hover{border-color:var(--gold-dim);transform:translate(2px)}.shop-list .shop-info strong{color:var(--cream);font-family:Crimson Text,serif;font-size:15px}.shop-list .qty{background:var(--gold-border);color:var(--gold-bright);padding:1px 6px;border-radius:3px;font-size:11px;margin-left:4px;font-family:Cinzel,serif;font-weight:700}.shop-stats{display:flex;gap:10px;flex-wrap:wrap;font-size:12px;margin-top:4px;color:var(--cream-dim)}.error.toast{position:fixed;bottom:80px;left:16px;right:16px;background:linear-gradient(135deg,var(--blood) 0%,var(--blood-deep) 100%);color:var(--cream);padding:14px 18px;border-radius:6px;font-size:14px;z-index:200;text-align:center;border:1px solid var(--blood-bright);box-shadow:var(--shadow-lg),var(--glow-blood);cursor:pointer}.inv-list{list-style:none;padding:0;display:grid;gap:8px}.inv-item{padding:14px;background:linear-gradient(145deg,var(--ash-elevated) 0%,var(--ash) 100%);border:1px solid var(--gold-border);border-radius:6px;transition:all .15s}.inv-item:hover{border-color:var(--gold-dim)}.inv-item.equipped{border-color:var(--gold);box-shadow:var(--glow-gold-soft),var(--inner-highlight)}.inv-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.inv-head strong{color:var(--cream);font-family:Crimson Text,serif;font-size:16px}.inv-head .qty{background:var(--gold-border);color:var(--gold-bright);padding:1px 6px;border-radius:3px;font-size:11px;font-weight:700;font-family:Cinzel,serif}.equipped-tag{color:var(--gold-bright);font-size:11px;font-family:Cinzel,serif;letter-spacing:1px;text-shadow:0 0 8px rgba(255,209,102,.5)}.inv-stats{display:flex;gap:12px;flex-wrap:wrap;font-size:13px;margin:8px 0 10px;color:var(--cream-dim)}.inv-actions{display:flex;gap:8px;flex-wrap:wrap}.inv-actions button{padding:6px 12px;font-size:13px}@media (min-width: 1024px){body{-webkit-user-select:text;user-select:text;font-size:16px;overflow:hidden}.krt-view{width:100vw;height:100vh;display:grid;grid-template-rows:64px 1fr 52px;grid-template-areas:"header" "body" "statsbar";gap:0;position:relative;z-index:2}.krt-header{grid-area:header;display:flex;align-items:center;justify-content:space-between;padding:0 28px;background:linear-gradient(180deg,var(--ash-elevated) 0%,var(--ash) 100%);border-bottom:1px solid var(--gold-border);box-shadow:var(--shadow-md);position:relative}.krt-header:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent 0%,var(--gold) 20%,var(--gold-bright) 50%,var(--gold) 80%,transparent 100%);opacity:.4}.krt-logo{font-family:Cinzel,serif;font-size:28px;font-weight:700;color:transparent;background:linear-gradient(180deg,var(--gold-bright) 0%,var(--gold) 60%,var(--gold-dim) 100%);-webkit-background-clip:text;background-clip:text;letter-spacing:6px;text-shadow:0 0 30px rgba(255,209,102,.25);filter:drop-shadow(0 2px 4px rgba(0,0,0,.8))}.krt-player{display:flex;align-items:center;gap:14px;font-family:Cormorant Garamond,serif;font-size:14px;color:var(--cream-dim)}.krt-player strong{color:var(--cream);font-family:Cinzel,serif;font-size:15px;letter-spacing:.8px}.krt-faction-badge{padding:4px 12px;background:linear-gradient(135deg,var(--ember) 0%,var(--ash) 100%);border:1px solid var(--gold-dim);font-size:11px;color:var(--gold-bright);font-family:Cinzel,serif;letter-spacing:1.5px;border-radius:4px;text-transform:uppercase;box-shadow:var(--shadow-sm),var(--inner-highlight)}.krt-body{grid-area:body;display:grid;grid-template-columns:340px 1fr 320px;gap:14px;padding:14px;min-height:0;overflow:hidden}.krt-panel{background:var(--glass);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:8px;box-shadow:var(--shadow-lg),var(--inner-highlight);overflow:hidden;position:relative;display:flex;flex-direction:column}.krt-panel-header{padding:10px 16px;background:linear-gradient(180deg,var(--ember) 0%,transparent 100%);border-bottom:1px solid var(--glass-border);font-family:Cinzel,serif;font-size:11px;color:var(--gold);letter-spacing:2px;text-transform:uppercase;font-weight:600;flex-shrink:0;display:flex;align-items:center;justify-content:space-between}.krt-panel-body{padding:14px 16px;overflow-y:auto;flex:1;min-height:0}.krt-panel-body::-webkit-scrollbar{width:6px}.krt-panel-body::-webkit-scrollbar-track{background:transparent}.krt-panel-body::-webkit-scrollbar-thumb{background:var(--gold-border);border-radius:3px}.krt-panel-body::-webkit-scrollbar-thumb:hover{background:var(--gold-dim)}.krt-map{display:flex;flex-direction:column;min-height:0}.krt-map-grid{display:grid;gap:2px;background:var(--obsidian);padding:2px;border-radius:6px;box-shadow:inset 0 2px 8px #000c,0 0 0 1px var(--gold-border);margin-bottom:12px}.krt-map-grid .mini-cell{min-height:0;aspect-ratio:1 / 1;width:100%;border-radius:2px}.krt-pos{font-family:Cinzel,serif;font-size:12px;color:var(--cream-dim);text-align:center;letter-spacing:2px;text-transform:uppercase;padding:6px 0}.krt-cd{background:linear-gradient(135deg,var(--blood) 0%,var(--blood-deep) 100%);color:var(--cream);padding:6px 12px;border-radius:4px;font-size:13px;text-align:center;font-family:Cinzel,serif;letter-spacing:1px;border:1px solid var(--blood-bright);box-shadow:var(--shadow-sm),var(--glow-blood);animation:pulse-cd 1.2s ease-in-out infinite}@keyframes pulse-cd{0%,to{box-shadow:var(--shadow-sm),0 0 12px #e639464d}50%{box-shadow:var(--shadow-sm),0 0 20px #e6394699}}.krt-prose{display:flex;flex-direction:column;min-height:0}.krt-prose-body{overflow-y:auto;padding:20px 24px;flex:1;min-height:0}.krt-prose-body::-webkit-scrollbar{width:6px}.krt-prose-body::-webkit-scrollbar-thumb{background:var(--gold-border);border-radius:3px}.krt-tile-name{font-family:Cinzel,serif;font-size:28px;font-weight:700;color:transparent;background:linear-gradient(180deg,var(--gold-bright) 0%,var(--gold) 100%);-webkit-background-clip:text;background-clip:text;letter-spacing:2px;margin-bottom:6px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.krt-terrain-tag{display:inline-block;font-family:Cinzel,serif;font-size:10px;color:var(--cream-faint);padding:2px 10px;border:1px solid var(--gold-border);border-radius:3px;letter-spacing:2px;text-transform:uppercase;margin-bottom:14px;background:#07050a66}.krt-desc{font-family:Crimson Text,serif;font-size:16px;line-height:1.7;color:var(--cream);margin-bottom:20px;padding:14px 18px;background:#07050a59;border-left:3px solid var(--gold);border-radius:0 6px 6px 0;font-style:italic}.krt-desc:first-letter{font-size:32px;color:var(--gold-bright);font-family:Cinzel,serif;float:left;line-height:1;padding-right:6px;padding-top:2px}.krt-section{margin-bottom:18px}.krt-section-title{font-family:Cinzel,serif;font-size:11px;color:var(--gold);letter-spacing:2.5px;text-transform:uppercase;font-weight:600;margin-bottom:10px;padding-bottom:6px;border-bottom:1px solid var(--glass-border);display:flex;align-items:center;gap:8px}.krt-section-title:before{content:"◆";color:var(--gold-dim);font-size:8px}.krt-npc-box{display:flex;align-items:center;justify-content:space-between;gap:12px;background:linear-gradient(145deg,var(--ash-elevated) 0%,var(--ash) 100%);border:1px solid var(--gold-border);border-radius:6px;padding:12px 16px;margin-bottom:8px;transition:all .15s;box-shadow:var(--shadow-sm),var(--inner-highlight)}.krt-npc-box:hover{border-color:var(--blood);transform:translate(3px);box-shadow:var(--shadow-md),0 0 12px #b91c2c33,var(--inner-highlight)}.krt-npc-name{font-family:Cinzel,serif;font-size:15px;color:var(--cream);font-weight:600;letter-spacing:.5px;margin-bottom:2px}.krt-npc-meta{font-family:Cormorant Garamond,serif;font-size:12px;color:var(--cream-dim)}.krt-action{display:inline-flex;align-items:center;gap:6px;font-family:Cinzel,serif;font-size:12px;color:var(--cream-dim);padding:6px 14px;background:linear-gradient(180deg,var(--ash-elevated) 0%,var(--ash) 100%);border:1px solid var(--gold-border);border-radius:4px;cursor:pointer;letter-spacing:1px;text-transform:uppercase;transition:all .15s;box-shadow:var(--shadow-sm),var(--inner-highlight);margin-right:6px;margin-bottom:6px}.krt-action:before{content:"▸";color:var(--gold-dim);font-size:10px}.krt-action:hover{color:var(--gold-bright);border-color:var(--gold);box-shadow:var(--shadow-md),var(--glow-gold-soft),var(--inner-highlight);transform:translateY(-1px);text-decoration:none}.krt-action:hover:before{color:var(--gold-bright)}.krt-action.danger{color:var(--blood-bright);border-color:var(--blood-deep);background:linear-gradient(180deg,#b91c2c4d,#6b0f1a33)}.krt-action.danger:before{content:"⚔";color:var(--blood-bright)}.krt-action.danger:hover{color:#fff;border-color:var(--blood-bright);background:linear-gradient(180deg,var(--blood) 0%,var(--blood-deep) 100%);box-shadow:var(--shadow-md),var(--glow-blood),var(--inner-highlight)}.krt-flags{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.krt-flag{display:inline-block;padding:3px 10px;background:var(--ash-elevated);border:1px solid var(--gold-border);font-family:Cinzel,serif;font-size:10px;color:var(--cream-dim);border-radius:3px;letter-spacing:1.5px;text-transform:uppercase}.krt-flag.safe{border-color:var(--emerald);color:var(--emerald);box-shadow:0 0 8px #3cb37133}.krt-flag.danger{border-color:var(--blood-bright);color:var(--blood-bright);box-shadow:0 0 8px #e6394633}.krt-combat{background:linear-gradient(145deg,var(--ash-elevated) 0%,var(--ash) 100%);border:1px solid var(--gold-border);border-radius:6px;padding:16px 18px;margin-bottom:16px;box-shadow:var(--shadow-md),var(--inner-highlight)}.krt-combat.outcome-win{border-color:var(--emerald);box-shadow:var(--shadow-md),var(--glow-emerald),var(--inner-highlight)}.krt-combat.outcome-lose{border-color:var(--blood-bright);box-shadow:var(--shadow-md),var(--glow-blood),var(--inner-highlight)}.krt-combat h2{font-family:Cinzel,serif;font-size:18px;color:var(--gold-bright);margin-bottom:12px;letter-spacing:2px}.krt-combat.outcome-win h2{color:var(--emerald)}.krt-combat.outcome-lose h2{color:var(--blood-bright)}.krt-combat-badge{display:block;text-align:center;font-family:Cinzel,serif;font-weight:700;font-size:13px;letter-spacing:3px;padding:8px 14px;margin-bottom:12px;border-radius:4px;border:1px solid var(--gold-bright);background:linear-gradient(135deg,#ffd16633,#e0a82e1a);color:var(--gold-bright);text-shadow:0 0 12px rgba(255,209,102,.6);box-shadow:var(--glow-gold-soft),var(--inner-highlight);animation:badge-pulse 1s ease-in-out}.krt-combat-badge.crit{border-color:var(--gold-bright);color:var(--gold-bright);background:linear-gradient(135deg,#ffd1664d,#e0a82e26);box-shadow:var(--glow-gold),var(--inner-highlight)}.krt-combat-badge.dodge{border-color:var(--azure);color:var(--azure);background:linear-gradient(135deg,#5b9fd840,#2a557826);text-shadow:0 0 12px rgba(91,159,216,.6);box-shadow:0 0 20px #5b9fd84d,var(--inner-highlight)}.krt-combat-badge.first-strike{border-color:var(--blood-bright);color:var(--blood-bright);background:linear-gradient(135deg,#e6394640,#6b0f1a26);text-shadow:0 0 12px rgba(230,57,70,.7);box-shadow:var(--glow-blood),var(--inner-highlight)}@keyframes badge-pulse{0%{transform:scale(.9);opacity:0}50%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}.krt-combat .good{color:var(--emerald)}.krt-combat table{width:100%;font-size:13px}.krt-combat th{text-align:left;color:var(--cream-dim);font-weight:400;width:55%;font-family:Cormorant Garamond,serif;padding:2px 0}.krt-combat td{text-align:right;color:var(--cream);font-family:Cinzel,serif;font-size:13px}.krt-combat .bad{color:var(--blood-bright)}.krt-sidebar{display:flex;flex-direction:column;min-height:0}.krt-sidebar-section{padding:14px 16px;border-bottom:1px solid var(--glass-border);flex-shrink:0}.krt-sidebar-section:last-child{border-bottom:none;flex:1;min-height:0;overflow-y:auto}.krt-sidebar-section:last-child::-webkit-scrollbar{width:6px}.krt-sidebar-section:last-child::-webkit-scrollbar-thumb{background:var(--gold-border);border-radius:3px}.krt-sb-title{font-family:Cinzel,serif;font-size:10px;color:var(--gold);letter-spacing:2.5px;text-transform:uppercase;font-weight:600;margin-bottom:10px;display:flex;align-items:center;gap:6px}.krt-sb-title:before{content:"◆";color:var(--gold-dim);font-size:7px}.krt-char-head{display:flex;align-items:center;gap:12px;margin-bottom:12px}.krt-char-portrait{width:52px;height:52px;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,var(--ember) 0%,var(--ash) 100%);border:2px solid var(--gold);border-radius:50%;font-size:26px;color:var(--gold-bright);box-shadow:var(--shadow-md),var(--glow-gold-soft),var(--inner-highlight);flex-shrink:0}.krt-char-info{flex:1;min-width:0}.krt-char-name{font-family:Cinzel,serif;font-size:16px;color:var(--cream);font-weight:600;letter-spacing:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.krt-char-sub{font-family:Cormorant Garamond,serif;font-size:12px;color:var(--cream-dim)}.krt-hp-fancy{margin-bottom:4px}.krt-hp-bar-lg{position:relative;height:16px;background:linear-gradient(180deg,var(--obsidian) 0%,var(--void) 100%);border:1px solid var(--gold-border);border-radius:8px;overflow:hidden;box-shadow:inset 0 2px 4px #000c,0 1px #ffffff0a}.krt-hp-fill-lg{height:100%;background:linear-gradient(180deg,var(--blood-bright) 0%,var(--blood) 50%,var(--blood-deep) 100%);box-shadow:0 0 12px #e6394680,inset 0 1px #fff3;transition:width .4s cubic-bezier(.4,0,.2,1);position:relative}.krt-hp-fill-lg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.15) 50%,transparent 100%);animation:hp-shimmer 3s linear infinite}@keyframes hp-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.krt-hp-text-lg{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-family:Cinzel,serif;font-size:11px;font-weight:700;color:var(--cream);text-shadow:0 1px 2px rgba(0,0,0,.9);letter-spacing:1px}.krt-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:8px}.krt-stat-cell{display:flex;align-items:center;justify-content:space-between;padding:6px 10px;background:#07050a66;border:1px solid var(--gold-border);border-radius:4px}.krt-stat-cell .stat-label{font-family:Cinzel,serif;font-size:9px;color:var(--cream-dim);letter-spacing:1.5px;text-transform:uppercase}.krt-stat-cell .stat-value{font-family:Cinzel,serif;font-size:14px;color:var(--cream);font-weight:700}.krt-stat-cell.gold .stat-value{color:var(--gold-bright);text-shadow:0 0 8px rgba(255,209,102,.3)}.krt-stat-cell.ehre .stat-value{color:var(--azure)}.krt-equip{display:flex;gap:8px;margin-top:10px}.krt-equip-slot{flex:1;display:flex;align-items:center;gap:8px;padding:8px 10px;background:#07050a66;border:1px solid var(--gold-border);border-radius:4px;min-width:0}.krt-equip-slot.filled{border-color:var(--gold-dim)}.krt-equip-icon{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--ember);border:1px solid var(--gold-border);border-radius:4px;font-size:16px;color:var(--gold);flex-shrink:0}.krt-equip-info{min-width:0;flex:1}.krt-equip-label{font-family:Cinzel,serif;font-size:9px;color:var(--cream-faint);letter-spacing:1.5px;text-transform:uppercase}.krt-equip-name{font-family:Crimson Text,serif;font-size:12px;color:var(--cream);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.krt-equip-slot:not(.filled) .krt-equip-name{color:var(--cream-faint);font-style:italic}.krt-inv-compact{list-style:none;padding:0;display:grid;gap:4px}.krt-inv-row{display:flex;align-items:center;gap:8px;padding:6px 10px;background:#07050a66;border:1px solid var(--gold-border);border-radius:4px;font-size:13px;transition:all .15s}.krt-inv-row:hover{border-color:var(--gold-dim);background:#2a1e2f80}.krt-inv-row.equipped{border-color:var(--gold)}.krt-inv-name{flex:1;min-width:0;color:var(--cream);font-family:Crimson Text,serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.krt-inv-qty{color:var(--gold-bright);font-size:11px;font-family:Cinzel,serif;font-weight:700}.krt-inv-actions-inline{display:flex;gap:4px}.krt-inv-actions-inline a{font-family:Cinzel,serif;font-size:9px;color:var(--cream-dim);letter-spacing:1px;text-transform:uppercase;padding:2px 6px;border-radius:3px;background:var(--ember);border:1px solid var(--gold-border)}.krt-inv-actions-inline a:hover{color:var(--gold-bright);border-color:var(--gold)}.krt-feed{list-style:none;padding:0;display:grid;gap:3px;margin:0}.krt-feed-item{padding:5px 10px;background:#07050a66;border-left:2px solid var(--gold-border);border-radius:0 3px 3px 0;font-family:Crimson Text,serif;font-size:12px;color:var(--cream-dim);line-height:1.35}.krt-feed-item:first-child{color:var(--cream);border-left-color:var(--gold-bright);background:#2a1e2f80}.krt-statsbar{grid-area:statsbar;display:flex;align-items:center;gap:24px;padding:0 28px;background:linear-gradient(0deg,var(--ash-elevated) 0%,var(--ash) 100%);border-top:1px solid var(--gold-border);font-family:Cinzel,serif;font-size:13px;position:relative;box-shadow:var(--shadow-md)}.krt-statsbar:before{content:"";position:absolute;left:0;right:0;top:-1px;height:1px;background:linear-gradient(90deg,transparent 0%,var(--gold) 30%,var(--gold-bright) 50%,var(--gold) 70%,transparent 100%);opacity:.4}.krt-statsbar-item{display:flex;align-items:center;gap:8px;color:var(--cream-dim);letter-spacing:1.5px;text-transform:uppercase;font-size:11px}.krt-statsbar-item .val{color:var(--cream);font-size:14px;font-weight:700}.krt-statsbar-item.gold .val{color:var(--gold-bright);text-shadow:0 0 10px rgba(255,209,102,.4)}.krt-statsbar-item.ehre .val{color:var(--azure)}.krt-statsbar-item.xp .val{color:var(--emerald)}.krt-statsbar-nav{margin-left:auto;display:flex;gap:14px}.krt-statsbar-nav a{font-family:Cinzel,serif;font-size:11px;color:var(--cream-dim);letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;padding:4px 10px;border-radius:3px;transition:all .15s}.krt-statsbar-nav a:hover{color:var(--gold-bright);background:var(--ember);text-shadow:0 0 8px rgba(255,209,102,.3)}.pgs-view{display:none!important}}.wmap-wrap{position:relative;width:100%;height:100%;min-height:280px;background:var(--void);border-radius:6px;overflow:hidden;box-shadow:inset 0 2px 12px #000000e6}.wmap-svg{width:100%;height:100%;display:block;touch-action:none}.wmap-controls{position:absolute;top:8px;right:8px;display:flex;flex-direction:column;gap:4px;z-index:10}.wmap-ctrl{width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-family:Cinzel,serif;font-size:16px;font-weight:700;background:var(--glass-strong);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid var(--gold-border);color:var(--gold-bright);border-radius:4px;cursor:pointer;padding:0;box-shadow:var(--shadow-sm),var(--inner-highlight);transition:all .15s}.wmap-ctrl:hover{border-color:var(--gold);box-shadow:var(--glow-gold-soft),var(--inner-highlight)}.wmap-ctrl.wmap-stop{width:auto;padding:0 10px;background:linear-gradient(180deg,var(--blood) 0%,var(--blood-deep) 100%);border-color:var(--blood-bright);color:var(--cream);font-size:11px;letter-spacing:1.5px;box-shadow:var(--shadow-sm),var(--glow-blood),var(--inner-highlight);animation:stop-pulse 1.2s ease-in-out infinite}@keyframes stop-pulse{0%,to{box-shadow:var(--shadow-sm),0 0 8px #e6394666,var(--inner-highlight)}50%{box-shadow:var(--shadow-sm),0 0 18px #e63946b3,var(--inner-highlight)}}.wmap-tile rect{transition:stroke .15s,fill .15s}.wmap-tile.hover rect{filter:brightness(1.2)}.wmap-tile.current rect:first-child{filter:drop-shadow(0 0 8px rgba(255,209,102,.6))}@media (max-width: 1023px){.krt-view{display:none!important}body{padding:env(safe-area-inset-top) 0 0 0}.pgs-view{display:flex;flex-direction:column;height:100vh;height:100dvh;position:relative;z-index:2}.pgs-status{height:48px;min-height:48px;display:flex;align-items:center;gap:10px;padding:0 14px;background:linear-gradient(180deg,var(--ash-elevated) 0%,var(--ash) 100%);border-bottom:1px solid var(--gold-border);font-family:Cinzel,serif;font-size:12px;overflow:hidden;flex-shrink:0;box-shadow:var(--shadow-md)}.pgs-status:after{content:"";position:absolute;left:0;right:0;top:47px;height:1px;background:linear-gradient(90deg,transparent 0%,var(--gold) 50%,transparent 100%);opacity:.5;pointer-events:none}.pgs-stat{display:flex;align-items:center;gap:4px;white-space:nowrap;color:var(--cream-dim);letter-spacing:1px;text-transform:uppercase;font-size:10px}.pgs-stat .val{font-weight:700;font-size:13px;color:var(--cream)}.pgs-stat.hp .val{color:var(--blood-bright);text-shadow:0 0 8px rgba(230,57,70,.4)}.pgs-stat.gold .val{color:var(--gold-bright);text-shadow:0 0 8px rgba(255,209,102,.4)}.pgs-stat.ehre .val{color:var(--azure)}.pgs-main{flex:1;min-height:0;padding:12px 14px;overflow-y:auto;-webkit-overflow-scrolling:touch;background:transparent}.pgs-main::-webkit-scrollbar{width:4px}.pgs-main::-webkit-scrollbar-thumb{background:var(--gold-border);border-radius:2px}.pgs-tile-card{background:var(--glass);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--glass-border);border-radius:8px;padding:14px 16px;margin-bottom:12px;box-shadow:var(--shadow-md),var(--inner-highlight)}.pgs-tile-name{font-family:Cinzel,serif;font-size:20px;color:transparent;background:linear-gradient(180deg,var(--gold-bright) 0%,var(--gold) 100%);-webkit-background-clip:text;background-clip:text;letter-spacing:1.5px;font-weight:700;margin-bottom:4px}.pgs-terrain-tag{display:inline-block;font-family:Cinzel,serif;font-size:9px;color:var(--cream-faint);padding:2px 8px;border:1px solid var(--gold-border);border-radius:3px;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:10px}.pgs-desc{font-family:Crimson Text,serif;font-size:15px;line-height:1.55;color:var(--cream);font-style:italic;padding:10px 12px;background:#07050a66;border-left:2px solid var(--gold);border-radius:0 4px 4px 0}.pgs-section-title{font-family:Cinzel,serif;font-size:10px;color:var(--gold);text-transform:uppercase;letter-spacing:2px;font-weight:600;margin:14px 0 8px;display:flex;align-items:center;gap:6px}.pgs-section-title:before{content:"◆";font-size:7px;color:var(--gold-dim)}.pgs-npc-box{display:flex;align-items:center;justify-content:space-between;gap:10px;background:linear-gradient(145deg,var(--ash-elevated) 0%,var(--ash) 100%);border:1px solid var(--gold-border);border-radius:6px;padding:10px 14px;margin-bottom:8px;box-shadow:var(--shadow-sm),var(--inner-highlight)}.pgs-npc-name{font-family:Cinzel,serif;font-size:14px;color:var(--cream);font-weight:600;letter-spacing:.5px}.pgs-npc-meta{font-family:Cormorant Garamond,serif;font-size:12px;color:var(--cream-dim);margin-top:2px}.pgs-action{display:inline-flex;align-items:center;gap:4px;font-family:Cinzel,serif;font-size:11px;color:var(--cream-dim);padding:6px 12px;background:linear-gradient(180deg,var(--ash-elevated) 0%,var(--ash) 100%);border:1px solid var(--gold-border);border-radius:4px;cursor:pointer;letter-spacing:1px;text-transform:uppercase;box-shadow:var(--shadow-sm),var(--inner-highlight);margin-right:6px;margin-bottom:4px}.pgs-action:before{content:"▸";color:var(--gold-dim);font-size:9px}.pgs-action:active{color:var(--gold-bright);border-color:var(--gold);background:var(--ember)}.pgs-flags{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}.pgs-flag{display:inline-block;padding:2px 8px;background:var(--ash-elevated);border:1px solid var(--gold-border);font-family:Cinzel,serif;font-size:9px;color:var(--cream-dim);border-radius:3px;letter-spacing:1.5px;text-transform:uppercase}.pgs-flag.safe{border-color:var(--emerald);color:var(--emerald)}.pgs-map-view{display:flex;flex-direction:column;align-items:center;gap:12px;padding:4px 0}.pgs-map-grid{display:grid;gap:2px;background:var(--obsidian);padding:3px;border-radius:6px;width:100%;max-width:340px;box-shadow:inset 0 2px 8px #000c,0 0 0 1px var(--gold-border)}.pgs-map-grid .mini-cell{min-height:60px;border-radius:2px}.pgs-map-pos{font-family:Cinzel,serif;font-size:11px;color:var(--cream-dim);letter-spacing:2px;text-transform:uppercase}.pgs-dpad{display:grid;grid-template-areas:". up ." "left center right" ". down .";grid-template-columns:1fr 1fr 1fr;gap:6px;padding:10px 16px;background:linear-gradient(180deg,var(--ash) 0%,var(--ash-elevated) 100%);border-top:1px solid var(--gold-border);flex-shrink:0;box-shadow:var(--shadow-md)}.pgs-dpad-btn{min-height:58px;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,var(--ember) 0%,var(--ash-elevated) 100%);border:1px solid var(--gold-border);border-radius:6px;font-size:26px;color:var(--gold);font-family:Cinzel,serif;cursor:pointer;touch-action:manipulation;box-shadow:var(--shadow-sm),var(--inner-highlight);transition:all .1s}.pgs-dpad-btn:active:not(:disabled){background:linear-gradient(180deg,var(--gold) 0%,var(--gold-dim) 100%);color:var(--obsidian);transform:scale(.95);box-shadow:inset 0 2px 6px #00000080}.pgs-dpad-btn:disabled{opacity:.25}.pgs-dpad-btn.up{grid-area:up}.pgs-dpad-btn.down{grid-area:down}.pgs-dpad-btn.left{grid-area:left}.pgs-dpad-btn.right{grid-area:right}.pgs-dpad-center{grid-area:center;display:flex;align-items:center;justify-content:center}.pgs-dpad-cd{font-family:Cinzel,serif;font-size:12px;color:var(--blood-bright);text-shadow:0 0 8px rgba(230,57,70,.5);letter-spacing:1px}.pgs-tabs{display:grid;grid-template-columns:repeat(4,1fr);height:56px;min-height:56px;background:linear-gradient(180deg,var(--ash-elevated) 0%,var(--ash) 100%);border-top:1px solid var(--gold-border);padding-bottom:env(safe-area-inset-bottom);flex-shrink:0;box-shadow:var(--shadow-lg)}.pgs-tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;background:transparent;border:none;border-radius:0;color:var(--cream-faint);font-family:Cinzel,serif;font-size:9px;letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;padding:0;box-shadow:none;transition:all .15s}.pgs-tab:active{background:var(--ember);box-shadow:none;transform:none}.pgs-tab.active{color:var(--gold-bright);background:linear-gradient(180deg,rgba(224,168,46,.1) 0%,transparent 100%);box-shadow:inset 0 2px 0 var(--gold-bright);text-shadow:0 0 8px rgba(255,209,102,.3)}.pgs-tab .tab-icon{font-size:20px;line-height:1}.pgs-tab.active .tab-icon{filter:drop-shadow(0 0 6px rgba(255,209,102,.5))}.pgs-tab .tab-label{font-size:9px}.pgs-combat{background:var(--glass-strong);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--gold-border);border-radius:8px;padding:14px;margin-bottom:14px;box-shadow:var(--shadow-md),var(--inner-highlight)}.pgs-combat h2{font-family:Cinzel,serif;font-size:17px;color:var(--gold-bright);margin-bottom:10px;letter-spacing:1.5px}.pgs-combat.outcome-win h2{color:var(--emerald)}.pgs-combat.outcome-lose h2{color:var(--blood-bright)}.pgs-combat table{width:100%;font-size:13px;margin-bottom:8px}.pgs-combat th{text-align:left;color:var(--cream-dim);font-weight:400;font-family:Cormorant Garamond,serif;padding:2px 0}.pgs-combat td{text-align:right;color:var(--cream);font-family:Cinzel,serif}.pgs-combat .bad{color:var(--blood-bright)}.pgs-inv-list{list-style:none;padding:0;display:grid;gap:8px}.pgs-inv-item{padding:12px;background:linear-gradient(145deg,var(--ash-elevated) 0%,var(--ash) 100%);border:1px solid var(--gold-border);border-radius:6px;box-shadow:var(--shadow-sm),var(--inner-highlight)}.pgs-inv-item.equipped{border-color:var(--gold);box-shadow:var(--shadow-sm),var(--glow-gold-soft)}.pgs-inv-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:6px}.pgs-inv-head strong{color:var(--cream);font-family:Cinzel,serif;font-size:14px;letter-spacing:.5px}.pgs-inv-acts{display:flex;gap:6px;flex-wrap:wrap}.pgs-inv-acts button{padding:5px 12px;font-size:12px}.pgs-char-stats{display:grid;grid-template-columns:1fr 1fr;gap:6px}.pgs-char-stat{display:flex;flex-direction:column;gap:2px;padding:10px 12px;background:linear-gradient(145deg,var(--ash-elevated) 0%,var(--ash) 100%);border:1px solid var(--gold-border);border-radius:6px;font-family:Cinzel,serif}.pgs-char-stat .label{color:var(--cream-dim);font-size:9px;letter-spacing:1.5px;text-transform:uppercase}.pgs-char-stat .value{color:var(--cream);font-size:16px;font-weight:700}.pgs-feed-list{list-style:none;padding:0;display:grid;gap:3px}.pgs-feed-item{padding:6px 10px;background:#07050a66;border-left:2px solid var(--gold-border);border-radius:0 3px 3px 0;font-family:Crimson Text,serif;font-size:13px;color:var(--cream-dim);line-height:1.4}.pgs-feed-item:first-child{color:var(--cream);border-left-color:var(--gold-bright);background:#2a1e2f80}}.race-choose{--race-accent: var(--gold-bright);--race-accent-dim: var(--gold);--race-accent-deep: var(--gold-dim);--race-glow: rgba(255, 209, 102, .28);--rc-split-top: 58%;--rc-split-bottom: 52%;position:fixed;top:0;right:0;bottom:0;left:0;color:var(--cream);overflow:hidden;background:var(--obsidian)}.race-waldelf{--race-accent: #8fe1a5;--race-accent-dim: #3fa06a;--race-accent-deep: #184f2d;--race-glow: rgba(60, 179, 113, .38);--splash-size: auto 100vh;--splash-pos: -10vw 50%}.race-nordmensch{--race-accent: #d6e6f5;--race-accent-dim: #6a9bc4;--race-accent-deep: #2b4668;--race-glow: rgba(160, 200, 235, .35);--splash-size: auto 100vh;--splash-pos: -8vw 50%}.race-aschgeborener{--race-accent: #ff9a4d;--race-accent-dim: #d25316;--race-accent-deep: #6a1f08;--race-glow: rgba(255, 120, 50, .42);--splash-size: auto 100vh;--splash-pos: -6vw 50%}.rc-splash{position:absolute;top:0;right:0;bottom:0;left:0;background-position:var(--splash-pos, 0% 50%);background-size:var(--splash-size, contain);background-repeat:no-repeat;background-color:var(--race-accent-deep);clip-path:polygon(0 0,var(--rc-split-top) 0,var(--rc-split-bottom) 100%,0 100%)}.rc-splash-vignette{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;clip-path:polygon(0 0,var(--rc-split-top) 0,var(--rc-split-bottom) 100%,0 100%);background:radial-gradient(ellipse 60% 55% at 35% 50%,transparent 0%,rgba(0,0,0,.35) 60%,rgba(0,0,0,.75) 100%),linear-gradient(90deg,transparent 0%,transparent 65%,rgba(7,5,10,.45) 100%)}.rc-seam{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:2;clip-path:polygon(calc(var(--rc-split-top) - .25%) 0,calc(var(--rc-split-top) + .25%) 0,calc(var(--rc-split-bottom) + .25%) 100%,calc(var(--rc-split-bottom) - .25%) 100%);background:linear-gradient(180deg,transparent 0%,var(--race-accent-dim) 8%,var(--race-accent) 50%,var(--race-accent-dim) 92%,transparent 100%);filter:drop-shadow(0 0 14px var(--race-accent)) drop-shadow(0 0 4px var(--race-accent));opacity:.85}.rc-seam:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;clip-path:polygon(calc(var(--rc-split-top) - 2%) 0,calc(var(--rc-split-top) + 2%) 0,calc(var(--rc-split-bottom) + 2%) 100%,calc(var(--rc-split-bottom) - 2%) 100%);background:linear-gradient(180deg,transparent 0%,var(--race-glow) 50%,transparent 100%);filter:blur(12px);opacity:.6}.rc-panel{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;padding:calc(56px + 3vh) max(56px,6vw) 5vh max(40px,5vw);display:flex;flex-direction:column;justify-content:center;gap:26px;background:linear-gradient(95deg,transparent 0%,transparent var(--rc-split-bottom),rgba(7,5,10,.55) calc(var(--rc-split-bottom) + 6%),rgba(7,5,10,.92) 100%);pointer-events:none}.rc-panel>*{pointer-events:auto}.rc-hero,.rc-panel .rc-form{margin-left:auto;width:100%;max-width:540px}.rc-hero{display:flex;flex-direction:column;align-items:flex-start;gap:6px;text-align:left}@keyframes rc-reveal{0%{opacity:0;transform:translateY(14px);filter:blur(6px)}to{opacity:1;transform:none;filter:none}}.rc-reveal{animation:rc-reveal .65s cubic-bezier(.2,.8,.2,1) both}.rc-emblem{font-size:clamp(48px,4.6vw,72px);line-height:1;color:var(--race-accent);text-shadow:0 0 60px var(--race-glow),0 0 20px var(--race-accent-dim);margin-bottom:4px}.rc-name{font-family:Cinzel,serif;font-size:clamp(32px,3.4vw,56px);letter-spacing:3px;line-height:.95;text-transform:uppercase;color:var(--race-accent);text-shadow:0 0 48px var(--race-glow),0 2px 10px rgba(0,0,0,.9);margin:0;font-weight:700;white-space:nowrap}.rc-epithet{font-family:Cormorant Garamond,serif;font-size:16px;letter-spacing:3.5px;text-transform:uppercase;color:var(--cream-dim);margin:4px 0 14px;text-shadow:0 1px 4px rgba(0,0,0,.9);position:relative;padding-bottom:12px}.rc-epithet:after{content:"";position:absolute;bottom:0;left:0;width:200px;height:1px;background:linear-gradient(to right,var(--race-accent-deep) 0%,var(--race-accent-dim) 30%,transparent 100%);opacity:.7}.rc-lore{font-family:Crimson Text,serif;font-size:17px;line-height:1.65;font-style:italic;color:var(--cream);text-shadow:0 1px 4px rgba(0,0,0,.85);max-width:480px}.rc-traits{list-style:none;padding:0;margin:28px 0 0;display:flex;flex-direction:column;gap:8px}.rc-traits li{font-family:Cormorant Garamond,serif;font-size:14.5px;line-height:1.45;color:var(--cream-dim);text-shadow:0 1px 4px rgba(0,0,0,.85);position:relative;padding-left:20px}.rc-traits li:before{content:"◆";position:absolute;left:2px;top:2px;color:var(--race-accent);font-size:9px;text-shadow:0 0 8px var(--race-glow)}.rc-topbar{position:fixed;top:0;left:0;right:0;height:56px;z-index:5;padding:0 max(20px,2.5vw);display:flex;align-items:center;gap:18px;background:linear-gradient(to bottom,#07050ab8,#07050a73);border-bottom:1px solid rgba(255,255,255,.05);backdrop-filter:blur(14px) saturate(1.1);-webkit-backdrop-filter:blur(14px) saturate(1.1);box-shadow:0 2px 18px #0006}.rc-topbar-mark{font-size:14px;color:var(--race-accent);text-shadow:0 0 12px var(--race-glow);letter-spacing:2px;font-family:Cinzel,serif;transition:color .4s ease,text-shadow .4s ease}.rc-topbar-tabs{display:flex;gap:4px;margin-left:auto}.rc-tab{all:unset;cursor:pointer;position:relative;display:flex;align-items:center;gap:8px;padding:10px 18px;color:var(--cream-faint);font-family:Cinzel,serif;font-size:11px;letter-spacing:2.5px;text-transform:uppercase;transition:color .25s ease,background .25s ease;border-radius:3px}.rc-tab[data-race=waldelf]{--tab-hue: #8fe1a5;--tab-glow: rgba(60, 179, 113, .35)}.rc-tab[data-race=nordmensch]{--tab-hue: #d6e6f5;--tab-glow: rgba(160, 200, 235, .35)}.rc-tab[data-race=aschgeborener]{--tab-hue: #ff9a4d;--tab-glow: rgba(255, 120, 50, .45)}.rc-tab:hover{color:var(--tab-hue);background:#ffffff08}.rc-tab.active{color:var(--tab-hue)}.rc-tab.active:after{content:"";position:absolute;left:14px;right:14px;bottom:4px;height:2px;background:linear-gradient(to right,transparent 0%,var(--tab-hue) 50%,transparent 100%);box-shadow:0 0 10px var(--tab-glow)}.rc-tab-emblem{font-size:16px;text-shadow:0 0 10px var(--tab-glow)}.rc-form{display:flex;flex-direction:column;gap:14px}.rc-form label{font-family:Cinzel,serif;font-size:11px;letter-spacing:3px;text-transform:uppercase;color:var(--race-accent-dim);text-shadow:0 1px 4px rgba(0,0,0,.85);margin-bottom:-6px}.rc-form input{padding:14px 18px;background:#07050a9e;border:1px solid var(--glass-border);border-bottom-color:var(--race-accent-deep);border-radius:3px;color:var(--cream);font-family:Crimson Text,serif;font-size:17px;outline:none;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.rc-form input:focus{background:#07050ad1;border-color:var(--race-accent-dim);border-bottom-color:var(--race-accent);box-shadow:0 0 0 3px var(--race-glow)}.rc-form .error{padding:8px 12px;background:#e6394626;border-left:3px solid var(--blood-bright);border-radius:3px;color:var(--blood-bright);font-family:Crimson Text,serif;font-size:14px}.rc-submit{padding:14px 22px;font-family:Cinzel,serif;font-size:14px;letter-spacing:3px;text-transform:uppercase;background:linear-gradient(to bottom,var(--race-accent),var(--race-accent-deep));color:var(--obsidian);border:none;border-radius:4px;cursor:pointer;box-shadow:0 4px 18px var(--race-glow),inset 0 1px #ffffff4d;transition:transform .15s ease,box-shadow .2s ease,opacity .15s ease;font-weight:700}.rc-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 28px var(--race-glow),inset 0 1px #ffffff4d}.rc-submit:disabled{opacity:.4;cursor:not-allowed}.rc-hint{position:absolute;bottom:14px;left:50%;transform:translate(-50%);z-index:4;font-family:Cormorant Garamond,serif;font-size:11px;letter-spacing:3px;color:var(--cream-faint);text-transform:uppercase;text-shadow:0 1px 4px rgba(0,0,0,.9);pointer-events:none}@media (max-width: 900px){.race-choose{--rc-split-top: 100%;--rc-split-bottom: 100%}.rc-splash{clip-path:none;inset:0 0 auto 0;height:42vh}.rc-splash-vignette{clip-path:none;inset:0 0 auto 0;height:42vh;background:linear-gradient(180deg,transparent 0%,transparent 60%,rgba(7,5,10,.85) 100%),radial-gradient(ellipse 60% 80% at 50% 40%,transparent 0%,rgba(0,0,0,.4) 100%)}.rc-seam{clip-path:none;inset:calc(42vh - 2px) 0 auto 0;height:4px;background:linear-gradient(90deg,transparent 0%,var(--race-accent-dim) 20%,var(--race-accent) 50%,var(--race-accent-dim) 80%,transparent 100%);filter:drop-shadow(0 0 8px var(--race-accent))}.rc-seam:before{display:none}.rc-panel{padding:calc(42vh + 20px) 16px 100px;justify-content:flex-start;background:linear-gradient(180deg,transparent 0%,rgba(7,5,10,.9) 4%,rgba(7,5,10,.95) 100%)}.rc-hero,.rc-panel .rc-form{margin:0 auto;max-width:540px}.rc-hero{align-items:center;text-align:center}.rc-epithet:after{left:50%;transform:translate(-50%)}.rc-lore{max-width:none}.rc-traits li{padding-left:20px;text-align:left}.rc-hint{display:none}.rc-topbar{height:52px;padding:0 10px;gap:8px}.rc-topbar-mark{display:none}.rc-topbar-tabs{margin:0;flex:1 1 auto;justify-content:space-around}.rc-tab{padding:8px 10px;font-size:9.5px;letter-spacing:1.5px;gap:5px}.rc-tab-emblem{font-size:14px}}