:root{--bg:#08150f;--panel:#13271e;--panel2:#1a3428;--panel3:#102219;--line:#365543;--gold:#f3cc7f;--cream:#fff3d7;--text:#f2f6ec;--muted:#aec2b0;--mint:#a8e5b0;--red:#ff8e86;--shadow:0 18px 55px #030b08a8}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 50% -4%,#305940 0,#132c20 36%,#08150f 78%);color:var(--text);font:15px/1.5 system-ui,-apple-system,"Segoe UI",sans-serif;min-height:100vh}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid var(--gold);outline-offset:3px}button:disabled{opacity:.52;cursor:not-allowed}a{color:var(--gold)}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.14}.app{max-width:1510px;margin:0 auto;padding:0 20px 32px}.hero{position:relative;min-height:168px;display:flex;gap:26px;align-items:center;padding:20px 16px 26px;border-bottom:1px solid #77956880}.hero::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 10%,#9cbd5833,transparent 40%),linear-gradient(120deg,#092016dd,transparent);pointer-events:none}.brand-emblem{position:relative;flex:none;width:105px;height:105px;border:2px solid var(--gold);border-radius:26px;display:flex;justify-content:center;align-items:center;gap:7px;font-size:13px;color:var(--gold);background:#193329;box-shadow:inset 0 0 0 5px #a7be7e20,0 12px 24px #0008;transform:rotate(-3deg)}.brand-emblem span{font-size:44px;transform:rotate(3deg)}.hero-copy{position:relative;flex:1}.eyebrow{display:block;color:var(--gold);font-size:11px;text-transform:uppercase;letter-spacing:.18em;font-weight:850}.hero h1{margin:5px 0;color:var(--cream);font:700 clamp(39px,5vw,63px)/1.05 Georgia,serif;letter-spacing:-.045em}.hero h1 em{font-style:normal;color:var(--gold)}.hero p{margin:5px 0 0;color:#d0decd;max-width:680px}.version{position:relative;align-self:flex-start;margin-top:18px;border:1px solid #bdaa6b99;border-radius:12px;color:var(--gold);padding:9px 12px;font-weight:900;white-space:nowrap;background:#112318}.version span{display:block;color:#bdc9af;font-size:9px;letter-spacing:.15em}.app-layout{display:grid;grid-template-columns:225px minmax(0,1fr);gap:22px;margin-top:23px}.sidebar{align-self:start;position:sticky;top:15px;padding:17px 10px 13px;background:linear-gradient(160deg,#1a3529,#0b1c15);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}.sidebar-title{font-size:10px;color:#c2b886;letter-spacing:.19em;font-weight:800;padding:6px 14px 13px}.nav{display:grid;gap:7px}.nav-btn{width:100%;text-align:left;border:1px solid transparent;color:#e2f0e3;background:transparent;padding:12px 13px;border-radius:12px;font-weight:700;display:flex;align-items:center;gap:11px}.nav-btn span{font-size:18px}.nav-btn:hover{background:#27523a}.nav-btn.active{background:linear-gradient(110deg,#446d4b,#2e543d);border-color:#a5b27b;color:#fffbe8;box-shadow:inset 3px 0 0 var(--gold)}.sidebar-tip{margin:26px 7px 17px;padding:13px;border:1px solid #71895970;border-radius:13px;background:#30492c55}.sidebar-tip span{color:var(--gold);font-weight:850;font-size:13px}.sidebar-tip p{font-size:12px;color:#cfddca;margin:6px 0 0}.sidebar-bottom{border-top:1px solid #4e6857;padding:13px 14px 0;color:#d6dfc8;font-size:12px;line-height:1.7}.sidebar-bottom small{color:#86c9a3}.signout{margin:10px 8px 0;width:calc(100% - 16px);border:1px solid #647260;border-radius:8px;background:transparent;color:#e7ecd9;padding:8px}.workspace{min-width:0}.panel{display:none}.panel.active{display:block}.section-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:7px 1px 17px}.section-head h2{font:700 32px Georgia,serif;color:var(--cream);margin:5px 0 4px}.section-head p{color:var(--muted);font-size:13px;margin:0}.count-pill{white-space:nowrap;padding:9px 13px;border-radius:10px;border:1px solid #867a4f;color:var(--gold);background:#1a3023;font-weight:750}.cook-layout{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(340px,.88fr);gap:16px}.pane{min-width:0;overflow:hidden;border:1px solid var(--line);background:linear-gradient(140deg,#1b3428,#10251b);box-shadow:var(--shadow);border-radius:17px;padding:17px}.pane-head{display:flex;gap:12px;justify-content:space-between;align-items:center;margin-bottom:12px;flex-wrap:wrap}.pane-head h3{font:700 20px Georgia,serif;color:var(--gold);margin:0}.pane-head .search{min-width:210px;flex:1;max-width:320px}.search{width:100%;background:#091c15;border:1px solid #4d7159;border-radius:10px;color:var(--text);padding:10px 13px;outline:none}.search::placeholder{color:#91ae99}.chips{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:14px}.chip{padding:7px 10px;border:1px solid #506c55;border-radius:999px;background:#203b2b;color:#ddeddb;font-size:12px;white-space:nowrap}.chip.on,.chip:hover{background:#d5b972;border-color:var(--gold);color:#183020;font-weight:800}.ingredient-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;min-height:275px;align-content:start}.ingredient-card{border:1px solid #43664e;border-radius:12px;background:#1c382a;display:flex;flex-direction:column;align-items:center;padding:8px;gap:7px;min-height:154px}.ingredient-card:hover{background:#29543a;border-color:#b1c386}.ingredient-card img,.lex-icon{width:78px;height:78px;object-fit:cover;border-radius:10px;border:1px solid #537159;box-shadow:0 4px 12px #0004}.ingredient-card .name{font-size:12px;line-height:1.25;text-align:center;min-height:30px;display:flex;align-items:center}.ingredient-card .actions{display:flex;width:100%;gap:6px}.ingredient-card .actions button{flex:1;border:1px solid #7a8e67;border-radius:8px;background:#31553b;color:#f6f5e6;padding:5px;font-size:12px;font-weight:800}.ingredient-card .actions .info{flex:none;padding:5px 9px;background:#173526}.ingredient-card .actions button:hover{background:#587e55}.muted{color:var(--muted);font-size:12px}.more-wrap{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:13px;flex-wrap:wrap}.secondary{background:#253f31;color:#f4eacc;border:1px solid #647f65;border-radius:9px;padding:8px 13px;font-size:12px;font-weight:750}.secondary:hover,.ghost:hover{background:#3a6048}.ghost{background:transparent;color:var(--muted);border:1px solid #4e6856;border-radius:9px;padding:7px 11px;font-size:12px}.pot-pane{position:relative}.slots{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;margin:14px 0}.slot{position:relative;min-width:0;min-height:101px;background:#091e14;border:1px dashed #5b7b5e;border-radius:10px;color:#769783;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4px}.slot img{height:55px;width:100%;max-width:65px;object-fit:cover;border-radius:7px}.slot span{font-size:10px;text-align:center;line-height:1.1;overflow-wrap:anywhere;max-height:25px;overflow:hidden}.slot.filled{border-style:solid;background:#2c5236;color:#f9f4dc;cursor:pointer}.slot.filled:hover{border-color:#ffb69c}.slot.empty{font-size:26px}.cook-button{border:1px solid #fbe6ac;border-radius:11px;width:100%;background:linear-gradient(90deg,#dfbd6d,#f6d98c);color:#172b1e;padding:11px;font-weight:900;box-shadow:0 4px 18px #eac36d30}.cook-button:hover{filter:brightness(1.09)}.cook-button:disabled{opacity:.6}.empty-result{text-align:center;padding:34px 10px;color:var(--muted)}.empty-result span{font-size:42px}.empty-result h3{color:var(--cream);font-family:Georgia,serif;margin:8px 0}.result-card{margin-top:15px;padding:17px;border:1px solid #8a8657;border-radius:14px;background:radial-gradient(circle at right top,#5b633d66,transparent 40%),#182e24}.result-head{display:flex;align-items:center;gap:13px}.result-head .icon{font-size:37px}.result-head h3{font:700 24px Georgia,serif;color:var(--gold);margin:5px 0}.tag{display:inline-block;border-radius:6px;font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:#b7eed0;background:#32543a;padding:4px 7px;font-weight:800}.tag.possible{background:#64512c;color:#ffdfa2}.tag.unknown{background:#574134;color:#ffcfac}.result-note{color:#c1d2c2;font-size:12px;margin:10px 0}.stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:13px 0}.stat{border:1px solid #4d6656;border-radius:8px;padding:9px;background:#13291e}.stat span{display:block;color:#9fc0a9;font-size:11px}.stat strong{display:block;color:#f5e1b3;font-size:15px}.notices{padding-left:18px;color:#bdcbbd;font-size:11px;line-height:1.4}.notices li{margin:5px 0}.suggestion{width:100%;display:flex;align-items:center;justify-content:space-between;text-align:left;gap:8px;color:var(--text);background:#213f2f;border:1px solid #536952;border-radius:9px;padding:9px;margin:7px 0}.suggestion:hover{background:#2f573d}.suggestions-title{color:var(--gold);font-family:Georgia,serif;font-size:17px;margin:16px 0 8px}.detail-box{margin-top:16px}.detail-content{border:1px solid #496950;border-radius:15px;background:#153125;padding:18px}.detail-title{display:flex;gap:17px;align-items:center;margin-bottom:12px}.detail-title img{height:94px;width:94px;object-fit:cover;border-radius:12px;border:1px solid #718969}.detail-title h3{font:700 24px Georgia,serif;color:var(--gold);margin:0 0 6px}.detail-title p{margin:0;color:var(--muted)}.locations{display:flex;flex-wrap:wrap;gap:7px}.location{padding:6px 9px;border-radius:7px;background:#2e5140;border:1px solid #5b8069;font-size:12px}.recipe-toolbar{display:flex;gap:10px;align-items:center;margin-bottom:14px}.recipe-toolbar .search{flex:1}.recipe-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:12px}.recipe-card{display:flex;flex-direction:column;gap:8px;padding:16px;border:1px solid #4d684d;background:linear-gradient(140deg,#203c2c,#13291f);border-radius:13px;min-width:0}.recipe-emoji{font-size:32px}.recipe-card h3{font:700 20px Georgia,serif;color:var(--gold);margin:0}.recipe-card p{font-size:12px;color:#c9d6c7;flex:1;margin:0;overflow-wrap:anywhere}.recipe-actions{display:flex;gap:7px}.recipe-actions button{border:1px solid #668568;color:var(--cream);background:#315740;border-radius:8px;padding:7px 10px;font-size:12px}.recipe-actions .heart-btn{color:#ffb0a3;font-size:19px;line-height:1}.lex-layout{display:grid;grid-template-columns:minmax(240px,.9fr) minmax(300px,1.1fr);gap:17px}.lexicon-list{margin-top:12px;display:grid;gap:8px}.lex-entry{display:flex;align-items:center;gap:10px;background:#183527;border:1px solid #47664d;color:var(--text);text-align:left;padding:9px;border-radius:11px;width:100%}.lex-entry:hover{background:#31583c}.lex-entry img{height:54px;width:54px;object-fit:cover;border-radius:8px}.lex-entry span{font-size:13px;font-weight:750}.lex-entry small{display:block;color:#a8c0af;font-size:11px;font-weight:400}.info-pane{min-height:400px;align-self:start;position:sticky;top:15px}.placeholder{padding:28px;color:var(--muted);text-align:center;grid-column:1/-1}.effects-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.effect-card{background:linear-gradient(155deg,#213e2e,#142a1f);border:1px solid #537357;border-radius:13px;padding:18px}.effect-card>span{font-size:29px}.effect-card h3{font:700 21px Georgia,serif;color:var(--gold);margin:9px 0}.effect-card p{color:#cfdbcb;font-size:13px;margin:0}.alert{margin-top:16px;border-left:4px solid var(--gold);padding:15px 17px;background:#2b3c2a;color:#ecddbd;border-radius:9px;font-size:13px}.loading{opacity:.7}.error-msg{padding:12px;border:1px solid #a36a5b;border-radius:10px;background:#56312b;color:#ffd4c9;font-size:13px}footer{margin:30px 0 8px;text-align:center;color:#8fad94;font-size:11px;line-height:1.7}footer a{color:#d4c287}.login-card{max-width:430px;margin:12vh auto;background:linear-gradient(150deg,#214131,#10261b);padding:33px;border:1px solid #5d825e;border-radius:19px;box-shadow:var(--shadow)}.login-card .logo{font-size:49px}.login-card h1{font:700 36px Georgia,serif;color:var(--gold)}.login-card p{color:var(--muted)}.login-card label{display:block;margin:12px 0 7px}.login-card .cook-button{margin-top:15px}.login-error{color:#ffb7a7!important}
@media(max-width:1200px){.app-layout{grid-template-columns:185px minmax(0,1fr);gap:14px}.cook-layout{grid-template-columns:1fr}.ingredient-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.recipe-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-emblem{width:86px;height:86px}.hero{min-height:130px}}
@media(max-width:760px){.app{padding:0 12px 24px}.hero{gap:11px;padding:18px 4px}.brand-emblem{height:65px;width:65px;border-radius:15px}.brand-emblem span{font-size:27px}.hero p{font-size:12px}.hero h1{font-size:38px}.version{display:none}.app-layout{display:block;margin-top:15px}.sidebar{position:static;padding:8px;margin-bottom:16px}.sidebar-title,.sidebar-tip,.sidebar-bottom{display:none}.nav{display:flex;overflow-x:auto}.nav-btn{white-space:nowrap;padding:10px;font-size:12px;justify-content:center}.nav-btn span{font-size:15px}.section-head h2{font-size:28px}.pane{padding:13px}.ingredient-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.lex-layout{grid-template-columns:1fr}.info-pane{position:static;min-height:180px}.effects-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:470px){.brand-emblem{display:none}.hero h1{font-size:38px}.hero p{font-size:11px}.nav-btn{padding:9px}.section-head h2{font-size:25px}.section-head p{font-size:12px}.ingredient-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ingredient-card{min-height:145px}.recipe-grid{grid-template-columns:1fr}.effects-grid{grid-template-columns:1fr}.pane-head{align-items:stretch}.pane-head .search{max-width:none}.recipe-toolbar{flex-wrap:wrap}.recipe-toolbar .search{min-width:100%}.slots{gap:4px}.slot{min-height:81px}.slot img{height:42px}.slot span{font-size:9px}}

/* Hyrule Küche v2.1: Spielmenü, Ocarina-Bereich und schematischer Fundort-Atlas */
.game-toolbar{display:flex;gap:10px;align-items:flex-end;flex-direction:column;min-width:255px}
.game-toolbar>label{font-size:10px;color:#d6c282;font-weight:900;letter-spacing:.13em}
#game-selector{width:100%;border:1px solid #c9ad62;background:#1b3428;color:#fff5db;font-weight:750;border-radius:11px;padding:11px 12px;max-width:310px;font-size:14px;cursor:pointer}
.game-toolbar .version{font-size:12px;padding:7px 10px}
body[data-game=oot] .app-layout{display:block}
body[data-game=oot] .sidebar{display:none}
body[data-game=oot] #panel-oot{display:block}
.oot-hero{border:1px solid #938057;border-radius:18px;background:radial-gradient(ellipse at 90% 20%,#647a5838,transparent 50%),linear-gradient(115deg,#19382d,#101e1c);padding:24px;display:grid;grid-template-columns:minmax(0,1fr) 160px;gap:15px;margin-bottom:17px}
.oot-hero h3{font:700 30px Georgia,serif;color:var(--gold);margin:10px 0}
.oot-hero p{max-width:750px;font-size:14px;line-height:1.65;color:#d3dfd0;margin:7px 0}
.oot-hero .oot-soft{color:#a7bdab;font-size:12px}
.ocarina-art{position:relative;align-self:center;text-align:center;font-size:70px;filter:drop-shadow(0 8px 24px #f4d8a645)}
.ocarina-art span{display:block;margin-top:-15px;font-size:65px}
.oot-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);gap:15px}
.oot-help{font-size:13px;color:var(--muted);line-height:1.5}
.oot-checklist{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:12px}
.oot-check{cursor:pointer;display:flex;align-items:center;gap:10px;padding:12px 10px;background:#193b2b;border:1px solid #53745b;border-radius:10px;font-size:13px;min-height:49px;color:#f6f0db}
.oot-check:hover{border-color:#c9ab67;background:#28543a}
.oot-check input{accent-color:#cdb26a;width:16px;height:16px}
.oot-check.done{background:#264c36;color:#b9c9b9}
.oot-check.done span:last-child{text-decoration:line-through;opacity:.7}
.oot-num{font-size:11px;letter-spacing:.09em;color:#ecc979}
.oot-notes h3{font:700 22px Georgia,serif;color:var(--gold);margin:0 0 18px}
.oot-feature{display:flex;gap:12px;border-bottom:1px solid #416049;padding:13px 0}
.oot-feature>span{font-size:26px}
.oot-feature b{font-size:14px;color:#f6ecd0}
.oot-feature p{font-size:12px;color:#b4cbb6;margin:5px 0 0;line-height:1.5}
.oot-references{font-size:12px;color:var(--muted);line-height:1.4;margin-top:18px}
.oot-references a{color:#edcc84}
.region-atlas{border:1px solid #567c65;background:#112a1f;border-radius:16px;padding:17px;margin:0 0 17px}
.region-heading{margin-bottom:12px}
.region-heading h3{color:var(--gold);font:700 21px Georgia,serif;margin:0 0 6px}
.region-heading p{color:#b9d0bf;font-size:12px;margin:0}
.region-map{position:relative;min-height:255px;max-height:330px;aspect-ratio:2.2;margin:auto;border:1px solid #668471;border-radius:18px;background:radial-gradient(ellipse at 33% 68%,#aa986542,transparent 38%),radial-gradient(ellipse at 70% 36%,#4f8c8c55,transparent 38%),radial-gradient(ellipse at 30% 25%,#bad9ed36,transparent 36%),radial-gradient(ellipse at 70% 75%,#589f5470,transparent 48%),linear-gradient(135deg,#254838,#162b20);overflow:hidden}
.region-map:before{content:'SCHEMATISCHE ÜBERSICHT';position:absolute;left:12px;bottom:12px;color:#d2dfcf60;letter-spacing:.15em;font-size:10px;pointer-events:none}
.region-pin{position:absolute;transform:translate(-50%,-50%);display:flex;align-items:center;gap:5px;flex-direction:column;border:1px solid #a0b99f;border-radius:12px;background:#173b30e9;color:#ffedc7;padding:7px 11px;box-shadow:0 5px 13px #0006;cursor:pointer;transition:transform .15s,background .15s;min-width:82px;font-size:18px}
.region-pin span{font-size:11px;font-weight:850}
.region-pin:hover,.region-pin:focus-visible{background:#406342;transform:translate(-50%,-50%) scale(1.07);z-index:4}
.region-pin.hebra{top:20%;left:24%}.region-pin.eld{top:17%;left:64%}.region-pin.akkala{top:26%;left:87%}.region-pin.hyrule{top:44%;left:49%}.region-pin.ranelle{top:54%;left:76%}.region-pin.gerudo{top:77%;left:20%}.region-pin.necluda{top:76%;left:62%}.region-pin.phirone{top:85%;left:84%}
.atlas-note{font-size:11px;color:#9dc2a8;margin:10px 0 0}
@media(max-width:800px){.game-toolbar{min-width:195px}.oot-grid{grid-template-columns:1fr}.region-map{aspect-ratio:1.8}}
@media(max-width:630px){.hero{flex-wrap:wrap}.game-toolbar{width:100%;align-items:flex-start}.game-toolbar .version{display:none}#game-selector{max-width:none}.oot-hero{grid-template-columns:1fr}.ocarina-art{font-size:48px}.ocarina-art span{font-size:35px}.oot-hero h3{font-size:24px}.oot-checklist{grid-template-columns:1fr}.region-map{min-height:310px;aspect-ratio:1.1}.region-pin{min-width:67px;padding:6px 7px}.region-pin span{font-size:10px}.region-pin.hebra{left:22%;top:17%}.region-pin.eld{left:61%;top:19%}.region-pin.akkala{left:85%;top:37%}.region-pin.hyrule{left:37%;top:41%}.region-pin.ranelle{left:69%;top:57%}.region-pin.gerudo{left:18%;top:77%}.region-pin.necluda{left:44%;top:76%}.region-pin.phirone{left:81%;top:86%}}

/* v2.2: Ocarina-Fantasieküche, getrennt vom BOTW-Modul */
.oot-fan-studio{border:1px solid #718764;border-radius:18px;background:linear-gradient(135deg,#1d3529,#102219);padding:18px;margin-bottom:18px}
.oot-fan-top{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:15px}
.oot-fan-top h3{color:var(--gold);font:700 27px Georgia,serif;margin:7px 0 6px}
.oot-fan-top p{margin:0;color:#d2daca;font-size:13px;line-height:1.55;max-width:770px}
.oot-cook-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:15px}
.oot-cook-grid .pane{min-width:0}
.oot-material-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px}
.oot-material{display:flex;flex-direction:column;gap:6px;align-items:stretch;border:1px solid #4b6b53;background:#173628;padding:10px;border-radius:12px;min-width:0}
.oot-material>div{text-align:center}.oot-material img{width:70px;height:70px;object-fit:cover;border-radius:10px}
.oot-material>b{font-size:13px;color:#ffebc1;text-align:center}
.oot-material small{font-size:10px;color:#b2ccbb;line-height:1.35;flex:1;text-align:center}
.oot-material button,.oot-fan-recipe button{border:1px solid #baa15e;background:#315744;border-radius:8px;color:#fff0cd;padding:8px;font-weight:700;cursor:pointer}
.oot-material button:disabled{opacity:.4;cursor:default}
.oot-slots{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin:10px 0 14px}
.oot-empty-slot,.oot-filled-slot{min-height:82px;display:flex;align-items:center;justify-content:center;border:1px dashed #709079;border-radius:10px;min-width:0;background:#0b271c;color:#add0b3}
.oot-filled-slot{flex-direction:column;padding:4px;gap:4px;color:#fff0d2;cursor:pointer;font-size:11px;overflow-wrap:anywhere}
.oot-filled-slot img{width:36px;height:36px;object-fit:cover;border-radius:6px}
.oot-filled-slot span{text-align:center;max-width:100%;font-size:10px}
.oot-fan-result{padding:15px;border:1px solid #9d905a;border-radius:13px;background:#193527;margin-top:13px}
.oot-fan-result h3{font:700 23px Georgia,serif;color:var(--gold);margin:10px 0 7px}
.oot-fan-result p{font-size:13px;line-height:1.55;color:#d1dccd}
.oot-fan-note{font-size:11px!important;color:#c4d5b3!important}
.oot-fan-catalog{margin-top:18px;padding:14px;background:#132a20;border:1px solid #55705a;border-radius:14px}
.oot-fan-catalog .pane-head{margin-bottom:12px}.oot-fan-catalog h3{font:700 22px Georgia,serif;color:var(--gold)}
.oot-recipe-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.oot-fan-recipe{border:1px solid #547660;background:#203b2c;padding:12px;border-radius:12px;display:flex;flex-direction:column;min-width:0;gap:8px}
.oot-fan-recipe .oot-emoji{font-size:25px}.oot-fan-recipe h4{font:700 17px Georgia,serif;color:#ffde96;margin:0}
.oot-fan-recipe p{font-size:12px;line-height:1.5;color:#cdddcf;margin:0;flex:1}
.oot-fan-recipe small{font-size:10px;line-height:1.4;color:#abccb1}
.oot-fan-disclaimer{font-size:11px;color:#aebfae;line-height:1.6;margin:12px 2px 0}
@media(max-width:1100px){.oot-cook-grid{grid-template-columns:1fr}.oot-recipe-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.oot-fan-studio{padding:12px}.oot-fan-top{align-items:flex-start;flex-direction:column}.oot-material-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.oot-recipe-grid{grid-template-columns:1fr}.oot-slots{gap:3px}.oot-filled-slot img{width:30px;height:30px}.oot-filled-slot span{font-size:9px}.oot-fan-catalog .pane-head{flex-direction:column;align-items:stretch}}


/* v2.3 – Ocarina-Fan-Atlas, eigene Sammlung, Favoriten */
.oot-counter{color:#bfd7ba;font-size:12px;margin:8px 0}
.oot-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 14px}
.oot-toolbar .secondary.on{background:#6b5134;color:#ffe3a6;box-shadow:inset 0 0 0 1px #f4c878}
.oot-region-atlas,.oot-personal-notes{margin-top:18px;background:#142e22;border:1px solid #557962;padding:16px;border-radius:14px}
.oot-region-atlas h3,.oot-personal-notes h3{color:var(--gold);font:700 22px Georgia,serif;margin:0 0 7px}
.oot-region-atlas p,.oot-personal-notes p{font-size:12px;color:#c1d3c2;line-height:1.5;margin:0 0 12px}
.oot-region-pills{display:flex;flex-wrap:wrap;gap:8px}
.oot-region-btn{border:1px solid #5b886c;background:#173d2b;color:#e6eccc;border-radius:25px;padding:8px 12px;cursor:pointer;font-size:12px}
.oot-region-btn.on{border-color:#fac779;background:#5b5130;color:#fff1cb}
.oot-recipe-controls{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin-top:auto}
.oot-recipe-controls button:first-child{flex:1;min-width:115px}
.oot-recipe-controls .oot-tiny{padding:7px 10px;background:#1b4b37;min-width:38px;font-size:18px}
.oot-recipe-controls .oot-tiny.is-active{color:#ffd77d;background:#69512d;border-color:#f3c773}
.oot-personal-notes label:not(.oot-import-button){display:block;color:#ffdf9d;font-size:12px;font-weight:700;margin-bottom:8px}
#oot-notebook{width:100%;min-height:120px;max-height:330px;resize:vertical;background:#08221a;border:1px solid #6c896d;color:#f8f2dc;border-radius:9px;padding:11px;font:inherit;box-sizing:border-box}
.oot-notebook-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:10px}
.oot-import-button{display:inline-block;padding:9px 12px;background:#315744;color:#fff0cd;border:1px solid #baa15e;border-radius:8px;font-weight:700;font-size:12px;cursor:pointer}
@media(max-width:650px){.oot-region-atlas,.oot-personal-notes{padding:12px}.oot-recipe-controls{width:100%}.oot-toolbar{align-items:stretch}.oot-toolbar .secondary{flex:1}}

/* Hyrule Küche v2.4 – deutschsprachiger, eigens gezeichneter Regionenatlas */
.v24-atlas,.v24-catalog{background:#10271d;border:1px solid #60876b;border-radius:18px;padding:18px;margin-bottom:16px;box-shadow:0 14px 35px #03110b4a}
.v24-atlas-head,.v24-lex-head{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:14px}
.v24-atlas-head h3,.v24-lex-head h3{font:700 25px Georgia,serif;color:var(--gold);margin:0 0 5px}
.v24-atlas-head p{font-size:12px;color:#b8cbb7;margin:0}
.v24-zoom-tools{display:flex;gap:6px;flex-shrink:0}
.v24-zoom-tools button{cursor:pointer;min-height:38px;padding:0 12px;border-radius:9px;border:1px solid #9ebc9e;background:#254e3b;color:#fff2cb;font-size:17px}
.v24-zoom-tools button:last-child{font-size:12px}
.v24-zoom-tools button:hover,.v24-zoom-tools button:focus-visible{border-color:var(--gold);background:#38664b}
.v24-map-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,250px);gap:12px}
.v24-map-container{min-width:0;background:#0b2119;border:1px solid #446f62;border-radius:14px;padding:8px}
.v24-map-viewport{height:430px;width:100%;max-width:100%;overflow:auto;position:relative;border-radius:10px;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:#aec39a #16402d;cursor:grab;touch-action:pan-x pan-y;background:#0d3545}
.v24-map-viewport.v24-dragging{cursor:grabbing;user-select:none}
.v24-map-stage{position:relative;min-width:700px;aspect-ratio:1000/625;isolation:isolate}
.v24-terrain{width:100%;height:100%;display:block;filter:saturate(.9)}
.v24-marker{position:absolute;z-index:2;transform:translate(-50%,-50%);border:1px solid #d2deb4bd;background:#112a24ef;color:#ffebbd;border-radius:11px;padding:5px 7px;display:flex;flex-direction:column;align-items:center;gap:1px;cursor:pointer;font-size:17px;box-shadow:0 6px 15px #071e1b8a;min-width:67px;max-width:114px;line-height:1.15}
.v24-marker-name{font-size:11px;font-weight:800;line-height:1.12;overflow-wrap:break-word;text-align:center}
.v24-marker-total{font-size:9px;color:#b5e5bb}
.v24-marker:hover,.v24-marker:focus-visible,.v24-marker.selected{border-color:#f9d18c;background:#504c2df2;box-shadow:0 0 0 3px #ebc87945;z-index:3}
.v24-marker[data-v24-region="hebra"]{left:18%;top:17%}
.v24-marker[data-v24-region="tabanta"]{left:13%;top:46%}
.v24-marker[data-v24-region="hyrule_gebirge"]{left:36%;top:42%}
.v24-marker[data-v24-region="wald_hyrule"]{left:49%;top:16%}
.v24-marker[data-v24-region="eldin"]{left:69%;top:17%}
.v24-marker[data-v24-region="akkala"]{left:89%;top:30%}
.v24-marker[data-v24-region="hyrule_ebene"]{left:53%;top:43%}
.v24-marker[data-v24-region="ranelle"]{left:78%;top:53%}
.v24-marker[data-v24-region="gerudo"]{left:17%;top:78%}
.v24-marker[data-v24-region="plateau"]{left:37%;top:68%}
.v24-marker[data-v24-region="necluda"]{left:66%;top:74%}
.v24-marker[data-v24-region="phirone"]{left:52%;top:91%}
.v24-map-decor text{fill:#f7e4b0;font:700 19px Georgia,serif;letter-spacing:.17em;opacity:.65}.v24-map-decor path{fill:#e9dfa8;opacity:.7}
.v24-map-foot{display:flex;justify-content:space-between;flex-wrap:wrap;gap:7px;color:#b7d0ba;font-size:11px;margin:8px 4px 1px;line-height:1.4}
.v24-map-aside{border-radius:13px;border:1px solid #51725d;padding:16px;background:radial-gradient(ellipse at 30% 0%,#25563b,#142d22 70%);display:flex;flex-direction:column;gap:8px;min-width:0}
.v24-map-aside h3{font:700 21px Georgia,serif;color:#f4d18b;margin:1px 0 0;line-height:1.15}
.v24-map-aside>p{font-size:12px;color:#c4d9c6;line-height:1.55;margin:0}
.v24-map-aside label{font-weight:700;font-size:12px;color:#f0d29a;margin-top:7px}
.v24-map-aside select,.v24-filter-row select{width:100%;background:#0b231a;color:#fff3d0;border:1px solid #60816d;border-radius:9px;padding:10px;font:inherit;min-width:0}
.v24-map-aside .secondary{width:100%;padding:11px}
.v24-region-stat{display:flex;gap:9px;align-items:center;background:#123d29;border:1px solid #496b58;border-radius:11px;padding:11px;margin:4px 0}
.v24-region-stat strong{color:#ffe09d;font-size:29px;line-height:1}.v24-region-stat span{font-size:12px;color:#c1d7c5}
.v24-map-disclaimer{margin-top:auto!important;font-size:11px!important;color:#b9c6ac!important;border-top:1px solid #486853;padding-top:10px}
.v24-lex-head{margin:0 0 12px}.v24-mini-count{padding:6px 10px;background:#224936;border-radius:12px;color:#ffe4ad;font-size:12px;white-space:nowrap}
.v24-filter-row{display:grid;grid-template-columns:minmax(150px,1.4fr) minmax(110px,1fr) minmax(110px,1fr) auto;gap:9px;align-items:end;margin:8px 0 15px}
.v24-filter-row label{display:flex;flex-direction:column;gap:5px;font-size:11px;color:#cfdeca;font-weight:700;min-width:0}
.v24-filter-row input{width:100%;min-width:0}
.v24-filter-row .secondary{min-height:40px;padding:8px 12px}
.v24-lex-columns{display:grid;grid-template-columns:minmax(220px,.92fr) minmax(0,1.08fr);gap:14px;align-items:start}
.v24-lex-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;min-width:0}
.v24-lex-entry{min-width:0;display:flex;gap:8px;align-items:center;text-align:left;padding:9px;border:1px solid #446c53;border-radius:11px;background:#193529;color:#fff0d1;cursor:pointer}
.v24-lex-entry:hover,.v24-lex-entry:focus-visible,.v24-lex-entry.is-selected{background:#2c5039;border-color:#e5bd79}
.v24-lex-entry img{width:51px;height:51px;flex-shrink:0;border-radius:9px;object-fit:cover;background:#254937}
.v24-lex-entry b{display:block;font-size:12px;overflow-wrap:anywhere}
.v24-lex-entry small{display:block;color:#b7d4b9;font-size:10px;line-height:1.3;margin-top:3px}
.v24-info-pane{padding:17px;position:sticky;top:10px;min-width:0}
.v24-detail-heading{display:flex;align-items:center;gap:14px}
.v24-detail-heading img{width:92px;height:92px;object-fit:cover;border-radius:15px;background:#153d2b;border:1px solid #6b866b}
.v24-detail-heading h3{font:700 27px Georgia,serif;color:var(--gold);margin:3px 0 0}
.v24-detail-heading .muted{font-size:12px}
.v24-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:16px 0}
.v24-detail-stat{border:1px solid #557762;border-radius:10px;background:#112e21;padding:10px;min-width:0}
.v24-detail-stat span{display:block;color:#bdd5c1;font-size:11px}.v24-detail-stat b{font-size:14px;color:#f6eed7;overflow-wrap:anywhere}
.v24-section-small{font:700 19px Georgia,serif;color:#f1d294;margin:15px 0 6px}
.v24-location-row{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}
.v24-location-tag{font-size:11px;padding:5px 8px;border-radius:8px;border:1px solid #5b8866;color:#d3e8d0;background:#214a34}
.v24-recipes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;margin-top:10px}
.v24-recipes button{border:1px solid #506e53;background:#203f2d;text-align:left;color:#f2dbab;border-radius:9px;cursor:pointer;padding:9px;font-size:12px}
.v24-recipes button:hover{border-color:#f2cf89}
.v24-detail-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:11px}
.v24-detail-actions button{flex:1;border:1px solid #a99359;border-radius:9px;background:#345b40;color:#fff3cc;padding:11px;cursor:pointer;font-weight:700;min-width:140px;font-size:12px}
.v24-detail-actions button:hover{background:#55764c}
.v24-detail-note{font-size:11px;line-height:1.6;color:#bac8b5;margin:12px 0 0}
.v24-source-note{font-size:11px;color:#b2c5b2;line-height:1.6;margin:5px 3px 15px}.v24-source-note a{color:#efce82;text-decoration:underline}
@media(max-width:1180px){.v24-map-grid{grid-template-columns:1fr}.v24-map-aside{display:grid;grid-template-columns:minmax(0,1fr) minmax(160px,.65fr);align-items:center}.v24-map-aside .eyebrow,.v24-map-aside h3,.v24-map-aside>p:first-of-type,.v24-map-disclaimer{grid-column:1}.v24-map-aside .v24-region-stat,.v24-map-aside label,.v24-map-aside select,.v24-map-aside .secondary{grid-column:2}.v24-map-aside .v24-region-stat{grid-row:1/3}.v24-map-viewport{height:385px}}
@media(max-width:800px){.v24-lex-columns{grid-template-columns:1fr}.v24-info-pane{position:static}.v24-filter-row{grid-template-columns:repeat(2,minmax(0,1fr))}.v24-filter-row label:first-child{grid-column:1/-1}.v24-atlas-head{align-items:flex-start}.v24-atlas-head h3{font-size:23px}.v24-map-viewport{height:370px}}
@media(max-width:550px){.v24-atlas,.v24-catalog{padding:11px}.v24-atlas-head{flex-direction:column}.v24-zoom-tools{width:100%}.v24-zoom-tools button{flex:1}.v24-map-viewport{height:340px}.v24-marker{max-width:101px}.v24-map-aside{display:flex}.v24-map-foot{font-size:10px}.v24-filter-row{grid-template-columns:1fr 1fr}.v24-filter-row label:first-child,.v24-filter-row .secondary{grid-column:1/-1}.v24-lex-list{grid-template-columns:repeat(2,minmax(0,1fr))}.v24-lex-entry{padding:6px;gap:6px}.v24-lex-entry img{width:42px;height:42px}.v24-lex-entry b{font-size:11px}.v24-recipes{grid-template-columns:1fr}.v24-detail-heading img{width:75px;height:75px}.v24-detail-heading h3{font-size:23px}}
/* Auf größeren Bildschirmen möglichst alle Kartenregionen sofort zeigen. */
@media(min-width:801px){.v24-map-viewport{height:470px}}