/* Approved single-column concept: text-free native art + live DOM controls. */
@font-face{font-family:RoyalStatThai;src:url('/assets/ui/lobby-v3/fonts/NotoSerifThai.ttf') format('truetype');font-weight:100 900;font-display:swap}
body #pui-character-stats-dialog.stat-art-active{--stat-u:min(.60px,calc((100dvh - 24px)/1448),calc((100vw - 24px)/1086));position:fixed;inset:0;margin:auto;width:calc(1086 * var(--stat-u));height:calc(1448 * var(--stat-u));max-height:none;padding:0!important;border:0!important;border-image:none!important;border-radius:0;background:transparent!important;box-shadow:none!important;overflow:visible;isolation:isolate;color:#fff0d1;font-family:RoyalStatThai,'Noto Sans Thai',serif;font-size:14px;line-height:1.5;}
body #pui-character-stats-dialog.stat-art-active::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:url('/assets/ui/stat-allocation-v2/panel.webp') center/100% 100% no-repeat;}
body #pui-character-stats-dialog.stat-art-active>.pui-character-header{position:absolute;left:calc(80 * var(--stat-u));top:calc(84 * var(--stat-u));width:calc(946 * var(--stat-u));height:calc(84 * var(--stat-u));margin:0;padding:0;border:0;background:transparent;display:flex;align-items:center;justify-content:center;z-index:3;cursor:grab;}
body #pui-character-stats-dialog.stat-art-active>.pui-character-header h2{margin:0;padding:0;border:0;background:transparent;flex:none;width:calc(650 * var(--stat-u));text-align:center;font-family:RoyalStatThai,serif;font-size:calc(66 * var(--stat-u));font-weight:800;line-height:1.25;color:#ffe29b;text-shadow:0 2px 3px #100712;}
body #pui-character-stats-dialog.stat-art-active .pui-character-close{position:absolute;right:0;top:calc(0 * var(--stat-u));width:calc(82 * var(--stat-u));height:calc(82 * var(--stat-u));border:0;background:transparent;box-shadow:none;color:#ffe6aa;}
body #pui-character-stats-dialog.stat-art-active .pui-character-close svg{width:calc(45 * var(--stat-u));height:calc(45 * var(--stat-u));}
body #pui-character-stats-dialog.stat-art-active>.pui-character-links{display:none;}
body #pui-character-stats-dialog.stat-art-active>.pui-character-content{position:absolute;inset:0;overflow:visible;pointer-events:none;}
body #pui-character-stats-dialog.stat-art-active .adventure-stat-right,body #pui-character-stats-dialog.stat-art-active .adventure-attributes{display:contents;}
body #pui-character-stats-dialog.stat-art-active .adventure-builds,body #pui-character-stats-dialog.stat-art-active .adventure-stat-note{display:none;}
body #pui-character-stats-dialog.stat-art-active .attribute-identity{position:absolute;left:calc(190 * var(--stat-u));top:calc(212 * var(--stat-u));width:calc(332 * var(--stat-u));height:calc(64 * var(--stat-u));display:grid;grid-template-columns:1.1fr 1fr;gap:calc(20 * var(--stat-u));align-items:center;}
body #pui-character-stats-dialog.stat-art-active .attribute-player-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:calc(31 * var(--stat-u));color:#ffe8ac;}
body #pui-character-stats-dialog.stat-art-active .attribute-player-level{font-size:calc(29 * var(--stat-u));color:#fff0d9;text-align:center;white-space:nowrap;}
body #pui-character-stats-dialog.stat-art-active .adventure-attributes>header{display:contents;background:none;padding:0;margin:0;border:0;}
body #pui-character-stats-dialog.stat-art-active .adventure-attributes>header>h2{display:none;}
body #pui-character-stats-dialog.stat-art-active .adventure-attributes>header>span{position:absolute;inset:0;margin:0;padding:0;background:none;display:block;pointer-events:none;}
body #pui-character-stats-dialog.stat-art-active .adventure-attributes>header b{position:absolute;left:calc(584 * var(--stat-u));top:calc(211 * var(--stat-u));width:calc(80 * var(--stat-u));height:calc(64 * var(--stat-u));margin:0;padding:0;background:none;display:grid;place-items:center;color:#ffe9ac;font-size:calc(48 * var(--stat-u));font-variant-numeric:tabular-nums;line-height:1.3;}
body #pui-character-stats-dialog.stat-art-active .attribute-count-label{position:absolute;left:calc(670 * var(--stat-u));top:calc(223 * var(--stat-u));width:calc(130 * var(--stat-u));font-size:calc(25 * var(--stat-u));color:#f9eddf;white-space:nowrap;}
body #pui-character-stats-dialog.stat-art-active .adventure-attributes>header button{position:absolute;left:calc(836 * var(--stat-u));top:calc(214 * var(--stat-u));width:calc(148 * var(--stat-u));height:calc(57 * var(--stat-u));min-height:0;margin:0;padding:0 0 0 calc(35 * var(--stat-u));background:transparent;border:0;box-shadow:none;color:#fff0d9;font:600 calc(26 * var(--stat-u))/1.3 RoyalStatThai,serif;opacity:1;pointer-events:auto;cursor:pointer;}
body #pui-character-stats-dialog.stat-art-active .adventure-attribute-points{position:absolute;left:calc(85 * var(--stat-u));top:calc(299 * var(--stat-u));width:calc(916 * var(--stat-u));display:grid;grid-template-columns:minmax(0,1fr);grid-auto-rows:calc(143 * var(--stat-u));gap:calc(6 * var(--stat-u));}
body #pui-character-stats-dialog.stat-art-active .adventure-attribute.attr-points{position:relative;display:block;width:100%;height:100%;min-height:0;margin:0;padding:0;border:0;border-radius:0;background:none;color:#ffe1a1;box-sizing:border-box;pointer-events:none;}
body #pui-character-stats-dialog.stat-art-active .adventure-attribute.attr-points>:first-child{display:none;}
body #pui-character-stats-dialog.stat-art-active .adventure-attribute.attr-points>strong{position:absolute;left:calc(187 * var(--stat-u));top:calc(16 * var(--stat-u));font-size:calc(37 * var(--stat-u));font-weight:800;line-height:1.5;color:#ffe2a2;}
body #pui-character-stats-dialog.stat-art-active .adventure-attribute.attr-points>.attribute-effect{position:absolute;left:calc(187 * var(--stat-u));top:calc(78 * var(--stat-u));width:calc(306 * var(--stat-u));font-size:max(12px,calc(21 * var(--stat-u)));line-height:1.35;white-space:normal;color:#f1e2f5;}
body #pui-character-stats-dialog.stat-art-active .adventure-attribute.attr-points>.attribute-value{position:absolute;left:calc(490 * var(--stat-u));top:calc(28 * var(--stat-u));width:calc(175 * var(--stat-u));height:calc(77 * var(--stat-u));display:grid;place-items:center;margin:0;padding:0;border:0;border-radius:0;background:none;font-size:calc(54 * var(--stat-u));font-weight:800;color:#ffedb7;font-variant-numeric:tabular-nums;line-height:1;}
body #pui-character-stats-dialog.stat-art-active .attribute-controls{position:absolute;left:calc(690 * var(--stat-u));top:calc(31 * var(--stat-u));display:flex;gap:calc(27 * var(--stat-u));}
body #pui-character-stats-dialog.stat-art-active .attribute-controls .attribute-step{width:calc(77 * var(--stat-u));height:calc(77 * var(--stat-u));min-width:0;min-height:0;padding:0;border:0;border-radius:6px;background:transparent;box-shadow:none;color:#ffe2a0;font:800 calc(55 * var(--stat-u))/1 RoyalStatThai,serif;cursor:pointer;pointer-events:auto;}
body #pui-character-stats-dialog.stat-art-active .attribute-controls .attribute-step:disabled{opacity:.5;background:#09061166;cursor:default;}
body #pui-character-stats-dialog.stat-art-active .attribute-controls .attribute-step:hover:not(:disabled){background:#f0b2dc22;}
body #pui-character-stats-dialog.stat-art-active .attribute-preview{position:absolute;left:calc(338 * var(--stat-u));top:calc(28 * var(--stat-u));margin:0;padding:2px 5px;background:#210d30de;border-radius:4px;color:#ffe09b;font-size:max(12px,calc(19 * var(--stat-u)));line-height:1.3;}
body #pui-character-stats-dialog.stat-art-active .attribute-preview:not(.has-pending){display:none;}
body #pui-character-stats-dialog.stat-art-active .adventure-attribute-actions{position:absolute;inset:0;display:block;margin:0;padding:0;border:0;background:none;pointer-events:none;}
body #pui-character-stats-dialog.stat-art-active .attribute-message{position:absolute;left:calc(260 * var(--stat-u));top:calc(1200 * var(--stat-u));width:calc(570 * var(--stat-u));margin:0;padding:0;text-align:center;font-size:max(12px,calc(22 * var(--stat-u)));line-height:1.45;color:#f8e3f1;}
body #pui-character-stats-dialog.stat-art-active .attribute-message.bad{color:#ffb6b9;background:#1d0b25;}
body #pui-character-stats-dialog.stat-art-active .adventure-attribute-actions button{position:absolute;top:calc(1261 * var(--stat-u));height:calc(79 * var(--stat-u));min-height:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;font:800 calc(34 * var(--stat-u))/1.3 RoyalStatThai,serif;color:#fff0d1;pointer-events:auto;}
body #pui-character-stats-dialog.stat-art-active .attribute-cancel{left:calc(179 * var(--stat-u));width:calc(292 * var(--stat-u));}
body #pui-character-stats-dialog.stat-art-active .attribute-confirm{left:calc(538 * var(--stat-u));width:calc(352 * var(--stat-u));}
body #pui-character-stats-dialog.stat-art-active button:disabled{opacity:.5;cursor:default;}
body #pui-character-stats-dialog.stat-art-active button:hover:not(:disabled){filter:brightness(1.14);}
body #pui-character-stats-dialog.stat-art-active button:focus-visible{outline:2px solid #ffe4a7;outline-offset:3px;}
body #pui-character-stats-dialog.stat-art-active ::selection{background:#8c2665;color:#fff6df;}