/* One material palette across the brand, portfolio, and working demos. */
body[data-premium]{--premium-gold:#e0c28a;--premium-ink:#080e0b;--premium-surface:#111c15;--premium-rim:#b79b6245;--gold:#e0c28a;--gold2:#f0ddb5;--muted:#b6bdb5;color-scheme:dark;background:radial-gradient(ellipse at 100% 0,#c6a36312,transparent 44%),radial-gradient(ellipse at 0 24%,#31614b12,transparent 45%),#080e0b}
body[data-premium]:not([data-premium="game"]){font-family:'Noto Sans Thai',system-ui,sans-serif}
body[data-premium] :where(button,a,summary,input,select,textarea):focus-visible{outline:2px solid #f1d9a7;outline-offset:4px}
body[data-premium] :where(input,textarea,select){accent-color:#d9bc81}
body[data-premium] :where(input,textarea)::placeholder{color:#9aa89d;opacity:1}
body[data-premium] :where(button,a,summary){-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.ui-icon{display:inline-block;width:1.15em;height:1.15em;flex:none;vertical-align:-.17em;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
button>.ui-icon{margin-inline-end:.3em}button>.ui-icon:last-child{margin-inline-end:0}
body[data-premium="portal"] :where(.site-header,.work-header,header){background:#08100bf5;border-bottom-color:#c3a36635}
body[data-premium="portal"] :where(.app-card,.search-result,.showcase-card){background:linear-gradient(145deg,#17241c,#0c140f);border-color:#b79b623d;box-shadow:0 12px 30px #00000012}
body[data-premium="portal"] :where(.icon-box,.hub-icon,.universe-icon){background:linear-gradient(135deg,#27342a,#101912);border-color:#d8bd805c;box-shadow:inset 0 1px 0 #f3ddb51a,0 5px 18px #0003;color:#ead09a}
body[data-premium="portal"] :where(.brand img,.app-icon,.guide-identity img,.demo-icons img){filter:drop-shadow(0 4px 7px #0004)}
body[data-premium="portal"] :where(.primary,.action,.result-primary){transition:background .18s,border-color .18s,box-shadow .18s}
body[data-premium="portal"] :where(.primary,.action):hover{box-shadow:0 4px 20px #d5b47618}
body[data-premium="portal"] :where(.filters button,.work-filters button,.directory-tools input,.search-field){border-color:#b79b6240}
body[data-premium="portal"] :where(.filters button[aria-pressed="true"],.work-filters button[aria-pressed="true"]){border-color:#dec28a}
body[data-premium="detail"] .detail-intro{padding-inline:24px;border:1px solid #b79b6238;border-radius:12px;background:linear-gradient(125deg,#142218a6,#0a110ccc);margin-bottom:28px}
body[data-premium="detail"] .detail-meta{padding:24px;border:1px solid #cbb27a38;border-radius:10px;background:linear-gradient(140deg,#24322785,#0c160f);min-width:0}
body[data-premium="detail"] .detail-preview{border-color:#bca06b52;border-radius:12px;overflow:hidden;background:#0c140f;box-shadow:0 20px 50px #0003}
body[data-premium="detail"] .detail-preview>a{display:block}
body[data-premium="detail"] .detail-preview figcaption{background:#101b13;border-color:#b79b6230;color:#c0c6ba}
body[data-premium="detail"] .demo-panel{border-color:#cdb17a55;background:linear-gradient(140deg,#1c2b21,#101811);border-radius:12px;box-shadow:0 14px 35px #0002}
body[data-premium="detail"] .status-label{color:#b7dbce}
body[data-premium="detail"] .feature-no{font-family:Georgia,serif;color:#dfc591}
body[data-premium="detail"] .work-header{background:#08100bf5}
body[data-premium="detail"] .feature-list article{border-color:#b79b6235}
body[data-premium="followcam"] .followcam-feature{padding-inline:24px;border:1px solid #c4a97045;border-radius:12px;background:linear-gradient(135deg,#142218a6,#0c120d)}
body[data-premium="followcam"] .followcam-feature h1{font-size:clamp(2.5rem,7vw,5rem);line-height:1.2;margin:16px 0;color:#e0c28a;overflow-wrap:anywhere}
body[data-premium="followcam"] .fc-facts{background:linear-gradient(135deg,#223124,#101911);border-radius:12px;border-color:#c4a97045}
body[data-premium="followcam"] .fc-detail{border-top:1px solid #b79b6235}
body[data-premium="followcam"] .fx-control{display:flex;width:max-content;max-width:100%;margin-bottom:18px}
.demo-return{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:7px 12px;margin-bottom:12px;border:1px solid #c7ac7545;border-radius:8px;color:#ebd5a8;background:#0e1b13;font-size:.8125rem;text-decoration:none;font-family:'Noto Sans Thai',system-ui,sans-serif}
.demo-return[hidden]{display:none!important}.demo-return:hover{border-color:#e4c88d;background:#1d2e20}
body[data-premium="viewer"] .viewer-bar{background:linear-gradient(105deg,#132119,#080e0b);border-color:#c3a36645;box-shadow:0 3px 14px #0004}
body[data-premium="viewer"] .viewer-loading,body[data-premium="viewer"] .viewer-empty{background:radial-gradient(ellipse at 70% 35%,#866d3e18,transparent 55%),#0a130d}
body[data-premium="viewer"] .viewer-bar :where(a,button){border-color:#c1a26950;border-radius:8px}
body[data-premium="viewer"] #app-frame{background:#080e0b}
body[data-premium] :where(#guide-dialog,#image-dialog){border-color:#c9ac7655;box-shadow:0 30px 90px #0008}
body[data-premium="business"]{--bg:#080e0b;--bg2:#101c14;--panel:#132219e8;--panel2:#1b2a20;--line:#bda46c35;--line2:#cbb47d45;--text:#f2f0e7;--txt:#f2f0e7;--white:#f2f0e7;--cyan:#c3dfd3;--cyan2:#e4eee1;--card:#f0e7d6;--card2:#e7dac1;--ink:#17201a;--shadow:0 14px 35px #0004}
body[data-premium="business"] :where(.topbar,.bottom-nav,.bottomnav,.tabs,.bottom){background:#09130ff5;border-color:#cbb47d38}
body[data-premium="business"] :where(.panel,.card,.hero){border-color:#c1a16a40;background:linear-gradient(145deg,#1c2b20e8,#101a14f2);box-shadow:0 12px 32px #0002}
body[data-premium="business"] :where(.paper){background:linear-gradient(135deg,#f2e9d8,#e4d7bd);border-color:#ceb783;color:#17201a}
body[data-premium="business"] .paper :where(p,.mini,.muted,small),body[data-premium="business"] .paper.task.done h4{color:#526251}
body[data-premium="business"] :where(.qicon,.brandmark:not(.brandmark-logo)){background:linear-gradient(135deg,#344334,#131e15);border:1px solid #dcc18b66;border-radius:14px;color:#f1dba8;box-shadow:inset 0 1px 0 #f7e5be20}
body[data-premium="business"] .qicon>.ui-icon{width:26px;height:26px}
body[data-premium="business"] :where(.nav-btn>.ui-icon){display:block;width:21px;height:21px;margin:0 auto 5px}
body[data-premium="business"] .nav-btn.active{color:#f0d59b}
body[data-premium="business"] .brandmark-logo{background:#112017;border-color:#ddc18a50}
body[data-premium="business"] :where(.btn-gold,.btn.gold){background:linear-gradient(110deg,#bf9b55,#eed8a1,#c5a368);border-color:#edce92;color:#142015}
body[data-premium="game"]{background:radial-gradient(ellipse at 12% 0,#24583c28,transparent 48%),radial-gradient(ellipse at 95% 10%,#b18e4e18,transparent 40%),#070d0a}
body[data-premium="game"] :where(.glass,.card.help-card){background:linear-gradient(140deg,#17251bea,#0e1813e8);border-color:#c7ac7548;box-shadow:inset 0 1px 0 #f0ddb511,0 10px 30px #0002}
body[data-premium="game"] .cyberBtn{background:linear-gradient(110deg,#bb9959,#ead2a0,#c4a56d);border-color:#f0dba4;color:#111b14;text-shadow:none;box-shadow:0 4px 22px #bf9b5520}
body[data-premium="game"] .controls .btn{border-color:#bca06b60;background:#17271ce6}
body[data-premium="game"] .controls .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px}
body[data-premium="game"] .controls .btn>.ui-icon{margin:0}
body[data-premium="game"] .controls .btn.primary{background:linear-gradient(110deg,#c5a365,#ead2a0);color:#142015;border-color:#dec48f}
body[data-premium="game"] .controls .btn:disabled{opacity:.48}
body[data-premium="game"] .stage{border-color:#c0a36f60;box-shadow:0 16px 50px #0004}
body[data-premium="game"] .hint>.ui-icon,body[data-premium="game"] .hint b>.ui-icon{color:#edcf95}
body[data-premium="game"] .modal-box{background:linear-gradient(135deg,#17271cec,#0a120ef5);border-color:#cbb37c80;box-shadow:0 20px 70px #0007}
body[data-premium="game"] .modal-box .rules-pair>div{background:#17271d;border-color:#cbb37c35}
body[data-premium="game"] .modal-box button[onclick^="startGame"],body[data-premium="game"] .modal-box button[onclick^="restartMission"]{background:linear-gradient(110deg,#c5a365,#ebd5a7);color:#142017;border:1px solid #e7d2a1;box-shadow:0 4px 22px #c7a36520}
body[data-premium="game"] #bootView .neon{border-color:#cab07865;box-shadow:0 15px 50px #0004}
body[data-premium="game"] :where(#bootView,#menuView) :where(.text-cyan-300,.text-pink-400){color:#e6ce9c}
@media(max-width:700px){body[data-premium="detail"] .detail-intro,body[data-premium="followcam"] .followcam-feature{padding-inline:18px}body[data-premium="detail"] .detail-meta{padding:18px}body[data-premium="detail"] .detail-intro{gap:26px}body[data-premium="detail"] .demo-panel{padding:22px}}
@media(prefers-reduced-motion:reduce){body[data-premium] :where(.primary,.action,.result-primary){transition:none}}