:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.pou-watermark{position:fixed;bottom:18px;right:0;width:180px;max-width:32vw;opacity:1;filter:contrast(160%) brightness(1.2) drop-shadow(0 8px 22px rgba(0,0,0,.75));mix-blend-mode:normal;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:2}@media(max-width:600px){.pou-watermark{opacity:1;width:140px;right:2px}}select option{color:#111!important;background-color:#f5f5f5!important}select option:hover{background-color:#e6e6e6!important}select option:checked,select option[selected]{background-color:#dedede!important}.pixelated{image-rendering:pixelated;-webkit-image-rendering:pixelated;-moz-image-rendering:crisp-edges}.pou-dynbg{--px: 0px;--py: 0px;--c1: 255, 170, 70;--c2: 180, 60, 40;--c3: 30, 15, 25;--c4: 10, 10, 12;background:radial-gradient(1200px 900px at 50% 40%,#0000,#00000059 60%,#000000bf),radial-gradient(700px 520px at calc(20% + var(--px)) calc(20% + var(--py)),rgba(var(--c1),.28),rgba(var(--c1),0) 60%),radial-gradient(650px 540px at calc(78% - var(--px)) calc(30% + var(--py)),rgba(var(--c2),.26),rgba(var(--c2),0) 62%),radial-gradient(900px 700px at 50% 85%,rgba(var(--c3),.55),rgba(var(--c4),0) 60%),linear-gradient(120deg,rgba(var(--c4),1),rgba(var(--c3),1) 30%,rgba(var(--c2),.55) 55%,rgba(var(--c1),.4) 75%,rgba(var(--c4),1));background-size:100% 100%,140% 140%,150% 150%,120% 120%,220% 220%;background-position:50% 50%,0% 0%,100% 0%,50% 100%,0% 50%;animation:pou-bg-drift 18s linear infinite;will-change:background-position,filter;transform:translateZ(0)}.pou-dynbg[data-variant=ember]{--c1: 255, 170, 70;--c2: 194, 86, 36;--c3: 52, 34, 26;--c4: 10, 10, 12}.pou-dynbg[data-variant=moonlit]{--c1: 120, 210, 198;--c2: 80, 102, 180;--c3: 26, 34, 48;--c4: 8, 10, 16}.pou-dynbg[data-variant=ashen]{--c1: 230, 198, 92;--c2: 168, 168, 186;--c3: 46, 46, 58;--c4: 10, 10, 12}@keyframes pou-bg-drift{0%{background-position:50% 50%,0% 10%,100% 0%,50% 100%,0% 50%}50%{background-position:50% 50%,40% 30%,70% 20%,50% 90%,100% 50%}to{background-position:50% 50%,0% 10%,100% 0%,50% 100%,0% 50%}}.pou-dynbg:after{content:"";position:absolute;inset:0;pointer-events:none;background-image:repeating-linear-gradient(0deg,#ffffff05 0px 1px,#00000005 2px 3px),repeating-linear-gradient(90deg,#ffffff03 0px 1px,#00000003 2px 3px);mix-blend-mode:overlay;opacity:.55;animation:pou-grain 6s steps(8) infinite}@keyframes pou-grain{0%{transform:translate3d(-2%,-2%,0)}25%{transform:translate3d(2%,-1%,0)}50%{transform:translate3d(1%,2%,0)}75%{transform:translate3d(-1%,1%,0)}to{transform:translate3d(-2%,-2%,0)}}@media(prefers-reduced-motion:reduce){.pou-dynbg{animation:none}.pou-dynbg:after{animation:none}}:root{--base-font-size: 16px;--left-col: clamp(360px, 32vw, 520px);--main-gap: 20px}html,body{height:100%;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:var(--base-font-size);-webkit-text-size-adjust:100%;text-size-adjust:100%}*,*:before,*:after{box-sizing:border-box}#root{height:100%}.stats-scroll{overflow:auto;min-height:0;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding-bottom:18px}.app-title{font-size:46px}.app-tagline{font-size:16px}@media(max-height:860px){.app-title{font-size:38px;line-height:1.02}.app-tagline{font-size:14px}.app-header{margin-bottom:10px!important}.app-main{grid-template-columns:clamp(320px,30vw,470px) 1fr;gap:16px}.stats-scroll{overflow:hidden!important;overscroll-behavior:none!important;-webkit-overflow-scrolling:auto;scrollbar-width:none!important;padding-bottom:28px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.18) transparent}.stats-scroll::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}.stats-scroll::-webkit-scrollbar-track{background:transparent}.stats-scroll::-webkit-scrollbar-thumb{background:#ffffff2e;border-radius:999px;border:3px solid transparent;background-clip:content-box}.stats-scroll::-webkit-scrollbar-thumb:hover{background:#ffffff42;border:3px solid transparent;background-clip:content-box}.stats-scroll svg,.stats-scroll canvas{overflow:visible!important;display:block}.left-panel{min-height:0;overflow:hidden!important}.right-panel .character-box{height:min(680px,88%)!important;max-height:100%!important}}@media(max-height:760px){.app-title{font-size:34px}.app-header{margin-bottom:8px!important}.app-main{grid-template-columns:clamp(300px,30vw,440px) 1fr;gap:14px}.stats-scroll{padding-bottom:36px}.right-panel .character-box{height:min(620px,86%)!important}}@media(min-aspect-ratio:3/2)and (max-aspect-ratio:16/10){:root{--base-font-size: 15px;--left-col: clamp(340px, 30vw, 480px);--main-gap: 16px}}@media(min-aspect-ratio:16/10){:root{--base-font-size: 16px}}@media(max-aspect-ratio:4/3){:root{--base-font-size: 15px;--left-col: clamp(320px, 38vw, 440px);--main-gap: 14px}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.app-shell{width:100%;max-width:none;margin:0;padding:22px;position:relative;z-index:1;display:flex;flex-direction:column;height:100dvh;min-height:0;font-family:ui-serif,Georgia,Cambria,Times New Roman,Times,serif;color:#e9e6df;box-sizing:border-box}.app-main{display:grid;grid-template-columns:var(--left-col) 1fr;gap:var(--main-gap);align-items:stretch;flex:1 1 auto;min-height:0;overflow:hidden;width:100%;max-width:100%}.app-header{flex:0 0 auto}.left-panel,.right-panel{min-height:0;height:100%}.left-panel{display:flex;flex-direction:column}.left-panel>div[style*="flex: 1"]{min-height:0}@media(max-height:860px),(max-width:1400px)and (max-height:900px){:root{--base-font-size: 15px}.app-title{font-size:38px!important;line-height:1.02!important}.app-tagline{font-size:13px!important;margin-top:4px!important}.app-header{margin-bottom:10px!important}.app-main{grid-template-columns:clamp(300px,28vw,440px) 1fr!important;gap:14px!important}.left-panel{padding:14px!important}.stats-scroll h3{margin-bottom:8px!important}.stat-row,.StatRow{padding-top:8px!important;padding-bottom:8px!important}.sigilPulse{transform:scale(.78);transform-origin:top center}.right-panel{border-radius:16px!important}.right-panel .character-box{transform:scale(.92);transform-origin:center}}@media(max-height:860px){.right-panel .character-overlay{padding:14px!important}.right-panel .character-box{transform:scale(.88);transform-origin:center}}@media(max-height:760px){:root{--base-font-size: 14px}.app-title{font-size:34px!important}.app-main{grid-template-columns:clamp(280px,30vw,410px) 1fr!important;gap:12px!important}.sigilPulse{transform:scale(.7)}.right-panel .character-box{transform:scale(.86)}}@media(max-height:760px){.right-panel .character-overlay{padding:10px!important}.right-panel .character-box{transform:scale(.82)}}@media(max-height:860px){.left-panel h2{margin-bottom:6px!important}.left-panel p{margin-top:4px!important}.left-panel .stats-scroll>div{margin-bottom:6px}}.right-panel{backface-visibility:hidden;transform:translateZ(0);-webkit-transform:translateZ(0)}.right-overlay{position:absolute;inset:0;pointer-events:none}.right-overlay--blend{inset:-1px;transform:translateZ(0)}.right-overlay--vignette{inset:-1px}@media(max-height:860px){.stats-scroll h3{margin:0 0 6px!important}.stat-row{padding-top:6px!important;padding-bottom:6px!important;line-height:1.12!important}.stat-row hr{margin:6px 0!important}.stat-row,.stat-row *{font-size:14px!important}.sigilPulse{transform:scale(.82);transform-origin:top center}}@media(max-height:860px){.left-panel p{white-space:nowrap}}@media(max-height:760px){.stat-row,.stat-row *{font-size:13px!important}.sigilPulse{transform:scale(.74)}}@media(max-height:860px){.stats-scroll{overflow:hidden!important;overscroll-behavior:none!important;scrollbar-width:none!important}.stats-scroll::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}}.pou-scroll{position:relative;border-radius:18px;border:1px solid rgba(214,186,120,.16);background:radial-gradient(120% 100% at 50% 0%,#fff0d21a,#0000 55%),radial-gradient(120% 140% at 50% 100%,#00000061,#0000 65%),linear-gradient(180deg,#1e1a14eb,#12100deb);box-shadow:0 18px 45px #0000008c,inset 0 1px #ffffff0d,inset 0 -1px #00000059;overflow:hidden}.pou-scroll:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.1;background:repeating-linear-gradient(0deg,#ffffff08 0px 1px,#0000 3px 6px);mix-blend-mode:overlay}.pou-scroll:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(90% 120% at 0% 50%,#00000073,#0000 55%),radial-gradient(90% 120% at 100% 50%,#00000073,#0000 55%);opacity:.55}.pou-scroll__header{position:relative;z-index:1;display:flex;gap:16px;align-items:flex-start;justify-content:space-between;padding:16px 18px 12px;border-bottom:1px solid rgba(214,186,120,.12);background:linear-gradient(180deg,#fff0d20f,#0000)}.pou-scroll__title{margin:0;font-size:18px;letter-spacing:.3px;color:#f4dfaaeb;text-shadow:0 1px 0 rgba(0,0,0,.65)}.pou-scroll__subtitle{margin-top:6px;font-size:12.5px;color:#dcd2bebf}.pou-scroll__titleRow{display:flex;align-items:baseline;gap:12px}.pou-scroll__titleRight{font-size:13px;color:#dcd2beb3;opacity:.85;font-weight:400}.pou-scroll__headerRight{display:flex;align-items:center;gap:10px}.pou-scroll__body{position:relative;z-index:1;padding:14px 18px 18px;max-height:62vh;overflow:auto}.pou-scroll__body::-webkit-scrollbar{width:10px}.pou-scroll__body::-webkit-scrollbar-track{background:#00000040;border-left:1px solid rgba(214,186,120,.08)}.pou-scroll__body::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#d6ba7859,#d6ba782e);border:1px solid rgba(214,186,120,.18);border-radius:999px}.pou-scroll__body::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#d6ba7873,#d6ba7838)}.pou-scroll__body{scrollbar-width:thin;scrollbar-color:rgba(214,186,120,.35) rgba(0,0,0,.25)}.pou-md{display:flex;flex-direction:column;gap:8px}.pou-md__toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px}.pou-md__modes button,.pou-md__tools button{appearance:none;border:1px solid rgba(255,255,255,.06);background:#ffffff05;color:#efe8db;padding:6px 8px;border-radius:8px;cursor:pointer;font-weight:700;font-size:13px}.pou-md__modes button.active{background:#ffffff14;border-color:#ffffff29}.pou-md__tools button:hover,.pou-md__modes button:hover{filter:brightness(1.06)}.pou-md__textarea{width:100%;min-height:420px;resize:vertical;padding:12px;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:#0000005c;color:#efe8db;line-height:1.5;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;outline:none}.pou-md__preview{padding:12px;border-radius:12px;border:1px solid rgba(255,255,255,.06);background:linear-gradient(180deg,#ffffff05,#0000001f);color:#efe8db;min-height:420px}.pou-md__render h1{font-family:Georgia,Times New Roman,serif;color:#d9c9a6;margin:0 0 8px}.pou-md__render h2{font-family:Georgia,Times New Roman,serif;color:#e6d7b8;margin:6px 0 8px}.pou-md__render p{margin:6px 0;color:#efe8db}.pou-md__render blockquote{border-left:3px solid rgba(210,180,140,.18);padding-left:12px;color:#e9e1d3;margin:8px 0;background:#d2b48c05}.pou-md__render ul,.pou-md__render ol{margin:8px 0 8px 20px}.pou-md__render hr{border:none;border-top:1px solid rgba(210,180,140,.12);margin:12px 0}