@font-face{font-family:MiddleEarth;src:url(../../../fonts/MiddleEarth.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Ringbearer;src:url(../../../fonts/Ringbearer.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{--font-body: Arial, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;--font-mono: "Fira Code", monospace;--color-bg-0: rgb(202, 216, 228);--color-bg-1: hsl(209, 36%, 86%);--color-bg-2: hsl(224, 44%, 95%);--color-surface: #ffffff;--color-border: #dee2e6;--color-theme-1: #0044ff9a;--color-theme-2: #4075a6;--color-text: rgba(0, 0, 0, .7);--column-width: 42rem;--column-margin-top: 4rem;font-family:var(--font-body);color:var(--color-text);--bg: var(--color-bg-1);--text: var(--color-text);--surface: var(--color-surface);--border: var(--color-border);--accent: var(--color-theme-1);--muted: rgba(0, 0, 0, .54);--control-padding: .5rem .75rem;--control-radius: 8px;--shadow: 0 6px 18px rgba(2, 6, 23, .08)}:root[data-theme=dark]{--color-bg-0: #0f172a;--color-bg-1: #1e293b;--color-bg-2: #334155;--color-surface: #1e293b;--color-border: #475569;--color-theme-1: #60a5fa;--color-theme-2: #93c5fd;--color-text: #f1f5f9;--bg: var(--color-bg-1);--text: var(--color-text);--surface: var(--color-surface);--border: var(--color-border);--accent: var(--color-theme-1);--muted: #9fb0c5;--shadow: 0 8px 24px rgba(2, 8, 23, .55)}:root[data-theme=fantasy]{--font-body: "EB Garamond", serif;--font-heading: "Cinzel", serif;--font-smalltitle: "Ringbearer", serif;--font-display: "MiddleEarth", serif;--color-bg-0: #0d0b09;--color-bg-1: #1a1712;--color-bg-2: #26211d;--color-surface: #26211d;--color-border: #5c3a21;--color-theme-1: #c5a059;--color-theme-2: #2d4628;--color-text: #e0d5bf;--bg: var(--color-bg-1);--text: var(--color-text);--surface: var(--color-surface);--border: var(--color-border);--accent: var(--color-theme-1);--muted: #8c8270;--shadow: 0 10px 30px rgba(0, 0, 0, .6);--texture-stone: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.7' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");--texture-parchment: url("data:image/svg+xml,%3Csvg viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='p'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.04' numOctaves='5'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23p)' opacity='0.08'/%3E%3C/svg%3E");--texture-metal: url("data:image/svg+xml,%3Csvg viewBox='0 0 50 50' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='m'%3E%3CfeTurbulence type='turbulence' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23m)' opacity='0.03'/%3E%3C/svg%3E");--corner-flourish: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Cpath d='M2 2 Q20 5 38 2 M2 2 Q5 20 2 38' stroke='%23C5A059' stroke-width='0.5' fill='none' opacity='0.3'/%3E%3C/svg%3E")}[data-theme=light],[data-theme=dark],[data-theme=fantasy]{--bg: var(--color-bg-1);--text: var(--color-text);--surface: var(--color-surface);--border: var(--color-border);--accent: var(--color-theme-1)}body{min-height:100vh;margin:0;background-attachment:fixed;background-color:var(--bg);color:var(--text);transition:background-color .3s ease,color .3s ease,border-color .3s ease;font-family:var(--font-body)}[data-theme=fantasy] body{background-color:var(--color-bg-1);background-image:var(--texture-stone),linear-gradient(180deg,rgba(0,0,0,.1) 0%,transparent 30%,transparent 70%,rgba(0,0,0,.15) 100%);background-attachment:fixed}[data-theme=fantasy] body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at center,transparent 40%,rgba(0,0,0,.2) 100%);pointer-events:none;z-index:50}[data-theme=fantasy] body:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='dust'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3'/%3E%3CfeColorMatrix type='matrix' values='1 0 0 0 0.8 0 1 0 0 0.7 0 0 1 0 0.5 0 0 0 1 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23dust)' opacity='0.015'/%3E%3C/svg%3E");pointer-events:none;z-index:51;mix-blend-mode:overlay}[data-theme=fantasy] h1{font-family:var(--font-display);text-transform:uppercase;letter-spacing:2px;color:var(--color-theme-1)}[data-theme=fantasy] h2,[data-theme=fantasy] h3,[data-theme=fantasy] h4{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:2px;color:var(--color-theme-1)}[data-theme=fantasy] .card,[data-theme=fantasy] article{border:3px double var(--color-border);background-image:linear-gradient(to bottom right,#ffffff08,#0003)}[data-theme=fantasy] button,[data-theme=fantasy] .button{font-family:var(--font-heading);letter-spacing:1px}h1,h2,p{font-weight:400}p{line-height:1.5}a{color:var(--color-theme-1);text-decoration:none}a:hover{text-decoration:underline}h1{font-size:2rem;text-align:center}h2{font-size:1rem}pre{font-size:16px;font-family:var(--font-mono);background-color:#ffffff73;border-radius:3px;box-shadow:2px 2px 6px #ffffff40;padding:.5em;overflow-x:auto;color:var(--text)}.text-column{display:flex;max-width:48rem;flex:.6;flex-direction:column;justify-content:center;margin:0 auto}input,button{font-size:inherit;font-family:inherit}button:focus:not(:focus-visible){outline:none}@media(min-width:720px){h1{font-size:2.4rem}}.visually-hidden{border:0;clip:rect(0 0 0 0);height:auto;margin:0;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}:where(input,textarea,select,button){font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border);padding:var(--control-padding);border-radius:var(--control-radius);transition:background-color .12s ease,border-color .12s ease,box-shadow .12s ease,color .12s ease}input::placeholder,textarea::placeholder{color:var(--muted);opacity:.95}input:focus,textarea:focus,select:focus,button:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 6px #3b82f61f}button:hover{border-color:var(--accent);background:linear-gradient(180deg,#3b82f60f,#3b82f605);transform:translateY(-1px)}.btn{background:var(--accent);color:#fff;border:1px solid rgba(0,0,0,.08);padding:.6rem 1rem;border-radius:10px;box-shadow:0 8px 20px #0c1e3d29}.btn:hover{filter:brightness(1.03);box-shadow:0 12px 30px #0c1e3d38}textarea{min-height:120px;resize:vertical}button{cursor:pointer}.surface{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1rem;box-shadow:var(--shadow)}[data-theme=fantasy] ::selection{background:var(--color-theme-2);color:#1a0f0a}[data-theme=fantasy] .card,[data-theme=fantasy] .surface,[data-theme=fantasy] article,[data-theme=fantasy] .post-card{background-color:#1a1712eb;background-image:var(--texture-parchment),linear-gradient(135deg,rgba(197,160,89,.03) 0%,transparent 50%,rgba(0,0,0,.1) 100%);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid var(--color-border);border-radius:2px;box-shadow:inset 0 1px #c5a05914,inset 0 0 30px #0006,0 8px 32px #00000080;position:relative;overflow:hidden}[data-theme=fantasy] .card:before,[data-theme=fantasy] .surface:before,[data-theme=fantasy] article:before,[data-theme=fantasy] .post-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(197,160,89,.2) 20%,rgba(197,160,89,.5) 50%,rgba(197,160,89,.2) 80%,transparent);pointer-events:none}[data-theme=fantasy] .card:after,[data-theme=fantasy] .surface:after,[data-theme=fantasy] article:after,[data-theme=fantasy] .post-card:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(197,160,89,.15) 30%,rgba(197,160,89,.15) 70%,transparent);pointer-events:none}[data-theme=fantasy] button,[data-theme=fantasy] .btn,[data-theme=fantasy] .login-btn,[data-theme=fantasy] .settings-btn{font-family:var(--font-heading);letter-spacing:1px;border-radius:4px;text-transform:uppercase;transition:all .2s}[data-theme=fantasy] .btn{background-color:#3e3025;background-image:var(--texture-metal),linear-gradient(to bottom,rgba(255,255,255,.05) 0%,transparent 40%,rgba(0,0,0,.2) 100%);border:1px solid #7d6b50;color:#c5a059;box-shadow:inset 0 1px #ffffff1a,inset 0 -1px #0000004d,0 2px 8px #00000080;text-shadow:0 2px 2px rgba(0,0,0,.8);position:relative}[data-theme=fantasy] .btn:before{content:"";position:absolute;inset:1px;border:1px solid rgba(197,160,89,.1);border-radius:3px;pointer-events:none}[data-theme=fantasy] .btn:hover{background-color:#4e3e32;background-image:var(--texture-metal),linear-gradient(to bottom,rgba(255,255,255,.08) 0%,transparent 40%,rgba(0,0,0,.15) 100%);border-color:#c5a059;box-shadow:inset 0 1px #ffffff26,0 0 15px #c5a05933,0 4px 12px #0006;color:#ebc876}[data-theme=fantasy] button:not(.btn){background-image:var(--texture-metal)}[data-theme=fantasy] button:hover{filter:brightness(1.15)}[data-theme=fantasy] input,[data-theme=fantasy] textarea,[data-theme=fantasy] select{background-color:#00000059;background-image:var(--texture-parchment),linear-gradient(to bottom,rgba(0,0,0,.1),transparent);border:1px solid #5c4a35;color:#e6d5b8;border-radius:4px;font-family:var(--font-body);box-shadow:inset 0 2px 4px #0000004d}[data-theme=fantasy] input:focus,[data-theme=fantasy] textarea:focus{background-color:#00000073;background-image:var(--texture-parchment),linear-gradient(to bottom,rgba(0,0,0,.15),transparent);border-color:#c5a059;box-shadow:inset 0 2px 4px #0000004d,0 0 12px #c5a05926}[data-theme=fantasy] table{background-color:#1a1712cc;background-image:var(--texture-parchment);border:1px solid var(--color-border)}[data-theme=fantasy] th{background-color:#3e3025e6;background-image:var(--texture-metal);color:#c5a059;border-bottom:2px solid var(--color-border);font-family:var(--font-heading);text-transform:uppercase;letter-spacing:1px}[data-theme=fantasy] td{border-bottom:1px solid rgba(92,74,53,.5)}[data-theme=fantasy] tr:hover td{background-color:#c5a0590d}[data-theme=fantasy] dialog,[data-theme=fantasy] .modal,[data-theme=fantasy] .dialog{background-color:#1a1712fa;background-image:var(--texture-parchment),linear-gradient(135deg,rgba(197,160,89,.02) 0%,transparent 100%);border:2px solid var(--color-border);box-shadow:inset 0 1px #c5a0591a,0 25px 80px #000c}[data-theme=fantasy] nav,[data-theme=fantasy] header,[data-theme=fantasy] .navbar{background-color:#0d0b09f2;background-image:var(--texture-stone),linear-gradient(to bottom,#0000,#0000004d);border-bottom:1px solid var(--color-border);box-shadow:0 2px 20px #00000080}[data-theme=fantasy] footer{background-color:#0d0b09f2;background-image:var(--texture-stone);border-top:1px solid var(--color-border)}[data-theme=fantasy] ::-webkit-scrollbar{width:12px}[data-theme=fantasy] ::-webkit-scrollbar-track{background:#1a1712;background-image:var(--texture-stone);border-left:1px solid #3e3025}[data-theme=fantasy] ::-webkit-scrollbar-thumb{background:#3e3025;background-image:var(--texture-metal);border:1px solid #5c4a35;border-radius:0}[data-theme=fantasy] ::-webkit-scrollbar-thumb:hover{background:#5c4a35;border-color:#c5a059}[data-theme=fantasy] a{text-decoration-thickness:1px}[data-theme=fantasy] a:hover{color:var(--color-theme-2)}
