*,*:before,*:after{box-sizing:border-box}:root{--tex-parchment: url(https://uxpwmfziwmuomdrskleg.supabase.co/storage/v1/object/public/textures/parchment-dark.webp);--tex-parchment-lt: url(https://uxpwmfziwmuomdrskleg.supabase.co/storage/v1/object/public/textures/parchment-light.webp);--tex-grain: url(https://uxpwmfziwmuomdrskleg.supabase.co/storage/v1/object/public/textures/grain.webp);--portrait-placeholder: url(https://uxpwmfziwmuomdrskleg.supabase.co/storage/v1/object/public/textures/portrait-placeholder.webp);--bg-base: #171009;--bg-panel: #211a12;--bg-panel-raised: #2c2116;--bg-parchment: #e3d4b0;--border-frame: #5e472a;--border-frame-active: #9c7a3e;--divider: #37291b;--text-primary: #ece0c6;--text-secondary: #a99a78;--text-muted: #766652;--text-on-parchment: #241b12;--accent: #c19340;--accent-bright: #e8c46a;--accent-deep: #8f6a26;--brick: #a8452f;--hp-fill-from: #4f8a3d;--hp-fill-to: #6fae4c;--hp-fill-mid: #e0962b;--hp-fill-low: #e0432e;--hp-track: #150f09;--danger: #b23a2e;--mana: #6d5bd0;--xp-fill: #9a6dd4;--warning: #c19340;--rarity-common: #b8b0a0;--rarity-uncommon: #7aba30;--rarity-rare: #4a90d9;--rarity-epic: #b15fe0;--rarity-legendary: #e89a2b;--class-warrior:#8a3a2c;--class-rogue:#4a5340;--class-cleric:#b48a3e;--class-archer:#5e6b3a;--class-occultist:#5a4a78;--class-entertainer:#8a3f63;--wash-berserker:#8a3a2c;--wash-brigand:#6a4636;--wash-paladin:#9f6235;--wash-ranger:#745233;--wash-horseman:#724252;--wash-gladiator:#8a3c47;--wash-assassin:#4a5340;--wash-zealot:#7f6e3f;--wash-poacher:#545f3d;--wash-graverobber:#524e5c;--wash-swashbuckler:#6a4951;--wash-bishop:#b48a3e;--wash-sentinel:#897a3c;--wash-exorcist:#876a5b;--wash-reveler:#9f6450;--wash-marksman:#5e6b3a;--wash-soulshot:#5c5a59;--wash-bard:#74554e;--wash-lich:#5a4a78;--wash-bokor:#72446d;--wash-maestro:#8a3f63;--radius: 3px;--frame:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='90' height='90'%3E%3Cfilter id='r' x='-20%25' y='-20%25' width='140%25' height='140%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.07' numOctaves='2' seed='4' result='n'/%3E%3CfeDisplacementMap in='SourceGraphic' in2='n' scale='4'/%3E%3C/filter%3E%3Cg filter='url(%23r)' fill='none'%3E%3Crect x='8' y='8' width='78' height='78' rx='2' stroke='%23000000' stroke-opacity='0.4' stroke-width='3.8'/%3E%3Crect x='6' y='6' width='78' height='78' rx='2' stroke='%235e472a' stroke-width='3.6'/%3E%3C/g%3E%3C/svg%3E") 14 round;--frame-active:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='90' height='90'%3E%3Cfilter id='r' x='-20%25' y='-20%25' width='140%25' height='140%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.07' numOctaves='2' seed='4' result='n'/%3E%3CfeDisplacementMap in='SourceGraphic' in2='n' scale='4'/%3E%3C/filter%3E%3Cg filter='url(%23r)' fill='none'%3E%3Crect x='8' y='8' width='78' height='78' rx='2' stroke='%23000000' stroke-opacity='0.4' stroke-width='3.8'/%3E%3Crect x='6' y='6' width='78' height='78' rx='2' stroke='%239c7a3e' stroke-width='3.6'/%3E%3C/g%3E%3C/svg%3E") 14 round;--frame-danger:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='90' height='90'%3E%3Cfilter id='r' x='-20%25' y='-20%25' width='140%25' height='140%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.07' numOctaves='2' seed='4' result='n'/%3E%3CfeDisplacementMap in='SourceGraphic' in2='n' scale='4'/%3E%3C/filter%3E%3Cg filter='url(%23r)' fill='none'%3E%3Crect x='8' y='8' width='78' height='78' rx='2' stroke='%23000000' stroke-opacity='0.4' stroke-width='3.8'/%3E%3Crect x='6' y='6' width='78' height='78' rx='2' stroke='%237a2e26' stroke-width='3.6'/%3E%3C/g%3E%3C/svg%3E") 14 round;--frame-ink:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='90' height='90'%3E%3Cfilter id='r' x='-20%25' y='-20%25' width='140%25' height='140%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.08' numOctaves='2' seed='6' result='n'/%3E%3CfeDisplacementMap in='SourceGraphic' in2='n' scale='3.5'/%3E%3C/filter%3E%3Cg filter='url(%23r)' fill='none'%3E%3Crect x='6' y='6' width='78' height='78' rx='2' stroke='%23000000' stroke-width='4.2'/%3E%3C/g%3E%3C/svg%3E") 14 round;--ring-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='90' height='90'%3E%3Cfilter id='r' x='-20%25' y='-20%25' width='140%25' height='140%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.08' numOctaves='2' seed='6' result='n'/%3E%3CfeDisplacementMap in='SourceGraphic' in2='n' scale='2.5'/%3E%3C/filter%3E%3Cg filter='url(%23r)' fill='none'%3E%3Crect x='2' y='2' width='86' height='86' rx='2' stroke='%23ffffff' stroke-width='2.4'/%3E%3C/g%3E%3C/svg%3E")}body{margin:0;background:radial-gradient(120% 70% at 50% -10%,rgba(193,147,64,.08),transparent 55%),radial-gradient(140% 120% at 50% 50%,transparent 55%,rgba(0,0,0,.5) 100%),var(--bg-base);color:var(--text-primary);font-family:Spectral,Georgia,serif;-webkit-font-smoothing:antialiased}button{font-family:inherit;color:inherit}input,select,textarea{font-family:inherit}h1,h2,h3{font-family:Cinzel,serif;letter-spacing:.03em}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9;background:var(--tex-grain) repeat}.panel{position:relative;border-radius:var(--radius);border:10px solid transparent;border-image:var(--frame);padding:.9rem;margin-bottom:.75rem;background:var(--bg-panel)}.panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-radius:inherit;background:var(--tex-parchment) center/cover no-repeat;-webkit-mask:linear-gradient(to right,transparent,#000 40px,#000 calc(100% - 40px),transparent),linear-gradient(to bottom,transparent,#000 40px,#000 calc(100% - 40px),transparent);-webkit-mask-composite:source-in;mask:linear-gradient(to right,transparent,#000 40px,#000 calc(100% - 40px),transparent),linear-gradient(to bottom,transparent,#000 40px,#000 calc(100% - 40px),transparent);mask-composite:intersect}.panel--danger{border-image:var(--frame-danger)}.panel--active{border-image:var(--frame-active)}.corner{display:none}.portrait-frame{position:relative;aspect-ratio:1 / 1;overflow:hidden;border-radius:var(--radius);border:9px solid transparent;border-image:var(--frame);background:var(--bg-panel-raised) var(--portrait-placeholder) center/cover no-repeat}.portrait-frame>img{width:100%;height:100%;object-fit:cover;display:block}.portrait-frame:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;pointer-events:none;background:var(--wash, var(--border-frame-active));-webkit-mask:var(--ring-mask) center/100% 100% no-repeat;mask:var(--ring-mask) center/100% 100% no-repeat}.port-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:34px;height:46px;display:grid;place-items:center;background:#140c06bd;border:1px solid var(--border-frame-active);color:var(--accent);font-size:1.3rem;cursor:pointer;border-radius:3px;font-family:Cinzel,serif;line-height:1}.port-arrow:disabled{opacity:.3;cursor:default}.port-arrow.left{left:4px}.port-arrow.right{right:4px}.seg{display:flex;gap:4px;background:var(--bg-panel);border-radius:4px;padding:4px;border:1px solid var(--border-frame)}.seg button{flex:1;padding:.5rem .25rem;border:none;border-radius:3px;cursor:pointer;background:transparent;color:var(--text-secondary);font-family:Cinzel,serif;font-size:.8rem;letter-spacing:.03em;text-transform:uppercase;position:relative}.seg button[aria-selected=true]{background:var(--accent);color:#1c1409}.seg button .seg-pick{display:block;font-size:.62rem;opacity:.85;text-transform:none;font-family:Spectral,serif;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.seg button[aria-selected=true] .seg-pick{color:#2a1d08}.seg button .seg-dot{position:absolute;top:3px;right:6px;width:6px;height:6px;border-radius:50%;background:var(--accent)}.seg button[aria-selected=true] .seg-dot{background:#1c1409}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.choice{text-align:left;padding:.7rem;border-radius:4px;cursor:pointer;background:var(--bg-panel-raised);color:var(--text-primary);border:2px solid var(--border-frame)}.choice[aria-pressed=true]{border-color:var(--accent);background:#34281733;box-shadow:inset 0 0 0 1px var(--accent)}.choice .ttl{font-family:Cinzel,serif;font-size:.92rem}.choice .sub{font-size:.72rem;color:var(--text-secondary);margin-top:2px}.bar{height:11px;border-radius:4px;background:var(--hp-track);box-shadow:inset 0 2px 4px #0009;border:1px solid rgba(0,0,0,.5);overflow:hidden;position:relative}.hp-fill{height:100%;border-radius:3px;position:relative}.hp-fill:after{content:"";position:absolute;inset:1px 1px auto 1px;height:3px;border-radius:3px;background:linear-gradient(90deg,#ffffff4d,#ffffff0d)}.port{width:56px;height:56px;border-radius:4px;background:radial-gradient(circle at 50% 35%,#3a2d20,#1c150f);border:2px solid var(--class-color, var(--border-frame));box-shadow:inset 0 0 10px #0009;display:grid;place-items:center;overflow:hidden}.turn{position:relative;overflow:hidden}.turn:after{content:"";position:absolute;width:240px;height:240px;right:-60px;top:-90px;border-radius:50%;pointer-events:none;background:radial-gradient(circle,rgba(193,147,64,.15),transparent 70%)}@keyframes ddPulse{0%,to{transform:scale(1);box-shadow:0 4px 14px #c1934066}50%{transform:scale(1.08);box-shadow:0 6px 20px #c19340a6}}