:root{color-scheme:dark;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans KR","Malgun Gothic",sans-serif;--bg:#0c1020;--panel:#151d30;--line:#ffffff17;--text:#e8ecf5;--muted:#a2aec6;--accent:#bba4fb;--mint:#9ce1d0}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-size:13px;line-height:1.7;word-break:keep-all;overflow-wrap:anywhere}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}button,a,input,select,summary{outline-offset:3px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--mint)}[hidden]{display:none!important}h1,h2,h3,p{margin:0}h1,h2,h3{letter-spacing:-.03em;line-height:1.3}
.button{display:inline-flex;align-items:center;justify-content:center;gap:14px;border:1px solid var(--line);border-radius:5px}.fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.fields label{display:flex;flex-direction:column;gap:7px;font-size:10px;color:var(--muted);min-width:0}.checkbox{display:flex;align-items:center;gap:8px}.checkbox input{flex-shrink:0}.muted{color:var(--muted);font-size:11px;line-height:1.95;margin-bottom:20px}.results-header{display:flex;align-items:center;justify-content:space-between;gap:20px}.results-header>div{display:flex;gap:8px}.result-controls{display:grid;gap:13px}.empty{font-size:12px;color:#8595b2;background:#ffffff03;padding:30px 20px;border:1px dashed var(--line);text-align:center;margin-top:20px}fieldset{min-width:0;margin:0 0 18px;border:1px solid var(--line);border-radius:6px;padding:17px 18px 20px}legend{font-size:11px;padding:0 6px;color:#cbd5e8}.table-scroll{overflow-x:auto}
.metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin:22px 0}.metric{background:#151f32;border:1px solid #ffffff1c;border-radius:6px;padding:18px}.metric span{font-size:10px;color:var(--muted);display:block}.metric strong{font-size:23px;font-weight:550;display:block;margin:8px 0 4px;color:var(--accent);letter-spacing:-.03em}.metric small{font-size:9px;color:#8294b1}.warning{border-left:2px solid #c1a7f1;background:#bba4fb09;padding:14px 18px;color:#c8b9e5;font-size:11px;line-height:1.9;margin:22px 0}.ledger-table{width:100%;border-collapse:collapse;font-size:11px;margin-top:20px}.ledger-table th{text-align:left;font-size:10px;font-weight:450;color:#8394b3}.ledger-table th,.ledger-table td{padding:13px 10px;border-bottom:1px solid var(--line);vertical-align:top}.ledger-table td{color:#c9d3e5}.ledger-table tr>td:first-child{color:#e2e7f2;width:125px}.ledger-table small{font-size:9px;color:var(--muted)}.chart{margin-top:20px;border:1px solid var(--line);border-radius:6px;padding:20px}.chart h2{font-size:15px;margin-bottom:22px}.chart-row{display:grid;grid-template-columns:90px 1fr 40px;align-items:center;gap:15px;font-size:11px;margin:15px 0}.chart-bar{height:8px;background:#bba4fb;border-radius:2px}.chart-row>span:last-child{text-align:right;color:var(--muted)}.timeline{list-style:none;padding:0;margin:25px 0}.timeline li{display:grid;grid-template-columns:110px 1fr;gap:20px;padding:19px 0;border-bottom:1px solid var(--line)}.timeline time{font-size:11px;color:var(--accent)}.timeline h3{font-size:13px}.timeline p{font-size:11px;color:var(--muted);margin-top:6px}.outfits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.outfit{padding:25px 18px;background:#151e32;border:1px solid var(--line);border-radius:8px}.outfit>span{display:grid;place-items:center;font-size:50px;height:100px;background:radial-gradient(#bba4fb22,transparent 70%);color:var(--accent)}.outfit h3{font-size:14px;margin-top:18px}.outfit p{font-size:11px;color:var(--muted);line-height:1.9;margin-top:10px}.outfit small{color:#a38abd;font-size:10px}.saved-row{display:flex;align-items:center;gap:20px;background:#151e32;border:1px solid var(--line);border-radius:6px;margin-top:13px;padding:20px}.saved-row>div{flex:1;min-width:0}.saved-row h3{font-size:13px}.saved-row small{font-size:10px;color:var(--muted)}.saved-row .button{flex-shrink:0}dialog{width:min(600px,calc(100% - 30px));max-height:85vh;overflow-y:auto;background:#151e32;color:var(--text);border:1px solid #bba4fb55;border-radius:11px;padding:25px}dialog::backdrop{background:#040815bf}.dialog-top{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:15px}.dialog-top h2{font-size:20px}.dialog-top button{background:none;border:0;color:var(--muted);font-size:28px}dialog dl{display:grid;grid-template-columns:100px 1fr;gap:13px;font-size:12px}dialog dt{color:var(--muted)}dialog dd{margin:0;overflow-wrap:anywhere}.detail-actions{display:flex;gap:10px;margin-top:25px;flex-wrap:wrap}.is-embedded .demo-top{display:none}.is-embedded .demo-layout{min-height:100vh}.is-embedded .demo-main{padding:18px 24px 35px}.is-embedded .demo-sidebar{padding-top:24px}

/* PC 2.2.49 visual structure: home, shared titlebar, illustration rail, numbered forms. */
:root{--bg:#061225;--panel:#091a30;--line:#24476b;--text:#eef5ff;--muted:#8fa8c9;--accent:#8d7bff;--mint:#76dfbf}body{background:#061225}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.demo-sitebar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:10px 22px;border-bottom:1px solid #25436b;background:#07172b;font-size:10px;color:#a7bfde}.demo-sitebar b{color:#b6a8ff;font-weight:550}.demo-sitebar small{font-size:9px;color:#7692b5}.is-embedded .demo-sitebar{display:none}.pc-home{position:relative;min-height:850px;min-height:max(760px,calc(100vh - 39px));overflow:hidden;isolation:isolate;display:flex;align-items:center;justify-content:center;background:#030e2a}.home-character{position:absolute;top:0;height:100%;width:33%;object-fit:cover;z-index:-3;pointer-events:none}.home-character-left{left:0;object-position:50% 50%}.home-character-right{right:0;object-position:50% 50%}.home-shade{position:absolute;inset:0;z-index:-2;pointer-events:none;background:linear-gradient(90deg,transparent 18%,#030d28c9 33%,#030d28d9 66%,transparent 82%),radial-gradient(ellipse at 50% 30%,#273a8733,transparent 65%)}.home-hub{width:min(660px,calc(100% - 50px));padding:25px 0 45px;text-align:center}.home-logo{display:block;width:350px;max-width:70%;height:auto;margin:0 auto -4px;filter:drop-shadow(0 0 22px #6f8cff26)}.home-motto{font-size:13px;color:#bcdbfc;letter-spacing:.05em;margin-bottom:30px}.home-apps{display:grid;grid-template-columns:1fr 1fr;gap:28px}.home-apps article{border:1px solid #42669f;border-radius:15px;padding:27px 20px 20px;background:#061430e8;box-shadow:0 20px 45px #02071940}.home-apps article>img{width:115px;height:115px;object-fit:contain;margin:0 auto 13px}.home-apps h2{font-size:20px;color:#eef5ff;line-height:1.5;letter-spacing:-.04em}.home-apps p{font-size:13px;color:#b2d0f1;line-height:1.55;margin-top:13px}.home-start{display:flex;align-items:center;justify-content:center;gap:20px;width:100%;min-height:45px;margin-top:20px;background:linear-gradient(100deg,#1097ff,#2752d5);border:1px solid #78c0ff;border-radius:9px;color:#fff;font-size:15px;font-weight:650}.home-start:hover{filter:brightness(1.15)}.home-start.purple{background:linear-gradient(100deg,#9348ff,#6435dc);border-color:#c595ff}.home-start>span{font-size:22px;line-height:1}.home-common{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:20px}.home-common button,.home-common a{display:flex;flex-direction:column;align-items:center;gap:7px;justify-content:center;background:#091a36e8;border:1px solid #385a89;border-radius:10px;padding:13px 5px;color:#c8dafa;font-size:12px;min-height:73px}.home-common span{font-size:22px;line-height:1}.home-common button:hover,.home-common a:hover{background:#193565}.home-bottom{font-size:17px;font-weight:650;margin-top:35px;color:#e8f1ff}.home-bottom small{font-size:11px;font-weight:400;color:#8ba7d4}.pc-app{min-height:calc(100vh - 38px);background:#061225}.pc-titlebar{display:flex;align-items:center;gap:13px;min-height:61px;padding:7px 16px;border-bottom:1px solid #23446f;background:linear-gradient(100deg,#0c1836,#07111f)}.pc-brand{display:flex;align-items:center;gap:10px;min-width:220px;flex:1}.pc-brand>img{width:34px;height:34px;object-fit:contain}.pc-brand strong{display:block;font-size:14px;font-weight:650;white-space:nowrap}.pc-brand small{display:block;font-size:7px;letter-spacing:2px;color:#718db4;margin-top:3px}.pc-brand>span{font-size:9px;color:#849fc5;white-space:nowrap}.pc-titlebar>nav{display:flex;gap:5px;align-items:center}.pc-titlebar>nav>button{min-height:36px;padding:9px 11px;border:1px solid transparent;border-radius:6px;background:transparent;color:#b8c9e2;font-size:10px;white-space:nowrap}.pc-titlebar>nav>button[aria-current=page]{background:linear-gradient(120deg,#2c3c99,#4530ad);border-color:#7d75ff;color:white}.pc-titlebar>nav>button:hover{background:#17325a}.app-switch{display:flex;align-items:center;gap:6px;border-left:1px solid #25436b;padding-left:12px}.app-switch>span{font-size:7px;letter-spacing:1px;color:#718ab2}.app-switch>:is(button,.app-link){padding:3px;width:33px;height:33px;border:1px solid #294c73;border-radius:7px;background:#091b31;display:grid;place-items:center}.app-switch>:is(button,.app-link)[aria-pressed=true]{background:#4934b4;border-color:#8c82ff}.app-switch img{width:27px;height:27px;object-fit:contain}.window-decor{font-size:16px;color:#9fb6d6;white-space:nowrap;padding-left:10px}.pc-layout{display:grid;grid-template-columns:clamp(210px,20.5vw,315px) minmax(0,1fr);min-height:calc(100vh - 100px)}.pc-sidebar{overflow:hidden;border-right:1px solid #23436c;position:relative;background:#07111e}.pc-sidebar img{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 30%}.demo-main,.is-embedded .demo-main{padding:12px 16px 0;display:flex;flex-direction:column;min-width:0;min-height:790px;background:#061225}.workspace-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:0 0 10px;min-height:34px}.workspace-heading>div:first-child{display:flex;align-items:baseline;gap:15px;flex-wrap:wrap}.workspace-heading h2{font-size:20px;font-weight:650;color:#eff7ff}.workspace-heading p{font-size:10px;margin:0;color:#7d99bb;letter-spacing:0}.workspace-heading>div:last-child{display:flex;gap:7px;flex-shrink:0}.button{border-color:#31577e;border-radius:5px;min-height:33px;padding:7px 12px;background:#0d253f;color:#e1edfb;font-size:10px;font-weight:550}.button.ghost{background:#0b2037;color:#c2d6f0}.button.primary{background:linear-gradient(105deg,#8170ff,#4c4aff 65%,#904bff);color:#fff;border-color:#9185ff}.button:hover{border-color:#91a6ed}.saved-search-bar{display:flex;gap:7px;margin-bottom:10px;align-items:center}.saved-search-bar>select{flex:1;min-width:0}.saved-search-bar>.button{flex-shrink:0}.search-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-bottom:9px}.pc-card{background:linear-gradient(120deg,#091a30,#07172b);border:1px solid #17436d;border-radius:9px;overflow:hidden;min-width:0}.pc-card.full{grid-column:1/-1}.pc-card-head{display:flex;align-items:center;gap:8px;padding:8px 11px;border-bottom:1px solid #204368;background:#0c223c;min-height:43px;flex-wrap:wrap}.section-number{display:inline-flex;justify-content:center;align-items:center;width:30px;height:28px;background:linear-gradient(120deg,#69c8ff,#8c78ff);color:#05203d;border-radius:6px;font-size:17px;line-height:1;font-weight:750;flex-shrink:0}.pc-card h3{font-size:13px;color:#7dd5ff;letter-spacing:-.02em}.pc-card-head small{font-size:9px;color:#7f9cbf}.pc-card-body{padding:12px 11px 13px}.pc-field-grid{display:grid;grid-template-columns:64px minmax(0,1fr) 64px minmax(0,1fr);align-items:center;gap:9px 7px}.field-label{font-size:10px;color:#b7cee8;line-height:1.5}.field-control{min-width:0}.field-control input,.field-control select{width:100%}input,select{background:#07182c;color:#e4effc;border-color:#31577e;border-radius:5px;min-height:33px;height:33px;font-size:11px;padding:6px 8px}.pc-range{display:flex;align-items:center;gap:5px;min-width:0}.pc-range input{min-width:0;flex:1;width:0}.pc-range span{font-size:10px;color:#95b1d2}.equipment-identity>.item-query,.equipment-identity>.field-control.item-query{grid-column:span 3}.item-query{display:flex;gap:7px}.item-query>input{flex:1;width:0}.item-query>select{width:110px;flex-shrink:0}.normal-star-note{grid-column:span 2}.detailed-scissors{display:contents}.pc-hint{font-size:9px;color:#7997ba;line-height:1.8;margin:10px 0 0}.pc-field-grid .pc-hint{margin:0}.checkbox{font-size:10px;color:#aec7e6;margin-top:13px;gap:7px}.checkbox input{min-height:13px;width:13px;height:13px;border-radius:0}.rank-settings{margin-top:11px;border-top:1px solid #1b3858;padding-top:8px}.rank-settings summary{font-size:9px;color:#91afd3;cursor:pointer}.rank-settings>.pc-field-grid{margin-top:10px}.option-top{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:9px}.option-top>label{display:flex;align-items:center;gap:8px;font-size:10px;color:#a8c3e3}.option-top>label>select{width:110px}.pc-option-rows{display:grid;gap:7px}.pc-option-row{display:grid;grid-template-columns:39px minmax(65px,1fr) 58px 60px 25px;align-items:center;gap:6px}.pc-option-row>span{font-size:10px;color:#b9d2f0}.pc-option-row input,.pc-option-row select{font-size:10px;min-width:0;padding-inline:6px}.pc-option-row button{height:29px;background:#0a1b30;border:1px solid #284666;border-radius:5px;color:#81a4cd;font-size:14px;padding:0}.pc-option-row input:disabled,.pc-option-row select:disabled,.pc-option-row button:disabled{background:#071426;color:#516e8e;border-color:#203b59;opacity:.8}.flame-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px 20px}.flame-row{grid-template-columns:39px minmax(60px,1fr) 85px 25px}.flame-card .option-top>.pc-hint{margin:0}.pc-accordion{border:1px solid #20496f;border-radius:8px;background:#081a30;margin:9px 0}.pc-accordion>summary{display:flex;align-items:center;gap:9px;list-style:none;cursor:pointer;padding:9px 12px;background:#0b213b;border-radius:7px;font-size:13px;color:#78d7ff}.pc-accordion>summary:before{content:'▸';font-size:10px;color:#86badd;order:-1}.pc-accordion[open]>summary:before{content:'▾'}.pc-accordion>summary::-webkit-details-marker{display:none}.pc-accordion>summary>small{font-size:9px;color:#7894b8;font-weight:400}.pc-accordion .section-number{width:28px;height:26px;font-size:15px}.hexa-groups{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:13px}.hexa-group{background:#07172a;border:1px solid #1e4369;border-radius:6px;padding:10px}.hexa-group>b{font-size:11px;color:#87c9f4}.hexa-slots{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:10px}.hexa-slots>label{display:grid;grid-template-columns:26px minmax(0,1fr);gap:6px}.hexa-slots input{grid-column:2;height:29px;min-height:29px}.hexa-slots select{font-size:9px}.core-icon{display:grid;place-items:center;height:31px;width:27px;font-size:18px;color:#a394ff;background:#162d4b;border-radius:5px}.search-actions{position:sticky;bottom:0;z-index:5;display:flex;align-items:center;gap:9px;background:#0a1b30;border:1px solid #21496e;border-radius:8px;padding:8px 10px;margin:9px 0}.search-actions>span{font-size:9px;color:#7d9abd;flex:1}.search-actions .primary{margin-left:auto;min-width:34%;font-size:15px;min-height:43px}.pc-status{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #234368;padding:9px 3px;min-height:38px;background:#061225}.pc-status #status{color:#a6c8eb;margin:0;font-size:10px;min-height:0}.pc-status #status:before{content:'●';color:#61e5aa;margin-right:7px}.pc-status small{font-size:9px;color:#7597c0;white-space:nowrap}.union-settings{display:grid;grid-template-columns:1fr 1fr 1.4fr;gap:20px}.union-settings label{display:flex;align-items:center;gap:9px;font-size:10px;color:#b2cdea}.union-settings select,.union-settings input{flex:1;width:0}.union-slots{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px}.union-row{display:block;background:linear-gradient(140deg,#0e2946,#091c33);border:1px solid #25557f;border-radius:7px;margin:0;padding:10px;min-width:0}.slot-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;font-size:10px;color:#bfd4f0}.slot-head>button{background:#0a1c31;border:1px solid #2b537b;border-radius:4px;padding:0;width:22px;height:23px;color:#96b7dd}.union-row label{display:grid;grid-template-columns:22px minmax(0,1fr);align-items:center;gap:5px;font-size:9px;color:#9fbfe0;margin-top:8px}.union-row input,.union-row select{min-width:0;font-size:10px}.union-options{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:14px}.union-options .checkbox{margin:0}.union-options>span{font-size:10px;color:#a3c6ec}.union-search{width:100%;font-size:17px;min-height:46px;margin:9px 0}.pc-app .results-header{padding:0 0 10px;align-items:center}.pc-app .results-header h3{font-size:16px;color:#e6f2ff}.results-header h3>span{font-size:11px;color:#ac9bff;margin-left:10px}.result-tabs{display:flex;gap:5px;border-bottom:1px solid #25466d;margin-bottom:13px}.result-tabs button{background:#102239;color:#bbd0e8;border:1px solid #24476b;border-bottom:0;border-radius:5px 5px 0 0;font-size:12px;padding:9px 20px}.result-tabs button[aria-pressed=true]{background:#493ab7;color:#fff;border-color:#7c70ee}.result-layout{display:grid;grid-template-columns:minmax(0,1fr) 235px;gap:13px;margin-top:15px;min-height:430px}.result-controls{grid-template-columns:2fr 1fr;margin-top:0}.result-controls label{display:flex;flex-direction:row;align-items:center;font-size:10px;white-space:nowrap;gap:10px}.result-controls input,.result-controls select{min-width:0}.table-scroll{overflow-x:auto;border:1px solid #20476d;border-radius:6px;min-width:0;background:#071829}.pc-results-table{border-collapse:collapse;width:100%;font-size:10px;white-space:nowrap}.pc-results-table th{font-weight:500;color:#8bb7de;background:#0e2b48;padding:11px 12px;text-align:left;border-bottom:1px solid #234a70}.pc-results-table .result-row{display:table-row;border:0;border-radius:0;padding:0;background:transparent;color:#d2e6fa}.pc-results-table td{padding:12px;border-bottom:1px solid #193b5c;font-size:10px}.pc-results-table td small{font-size:8px;color:#7f9bbb;display:block;margin-top:4px}.pc-results-table tr[aria-selected=true]{background:#2b376e}.pc-results-table .result-row:hover{background:#132d4b;cursor:pointer}.pc-results-table .row-combat{font-size:11px;color:#c4b5ff;grid-column:auto}.pc-results-table .result-row:focus-visible{outline:2px solid #9ce1d0;outline-offset:-2px}#result-preview{border:1px solid #24476b;border-radius:8px;background:#081a30;padding:13px;min-width:0}#result-preview>h3{font-size:13px;color:#89d3ff}#result-preview .muted{margin-top:20px;font-size:10px}#result-preview dl{display:grid;grid-template-columns:56px minmax(0,1fr);gap:9px;font-size:10px;margin:20px 0}#result-preview dt{color:#809fbe}#result-preview dd{margin:0;color:#cae0f5}#result-preview .button{width:100%;font-size:10px}.preview-banner{display:flex;align-items:center;flex-direction:column;background:radial-gradient(ellipse at 50% 20%,#44397855,#10233d);border:1px solid #364574;border-radius:6px;padding:20px 10px;gap:8px;text-align:center}.preview-banner>span{font-size:40px;color:#bba4ff}.preview-banner b{font-size:15px;color:#e0e8fa}.preview-banner small{font-size:9px;color:#94b2d7}.pc-app #results-section{border:0;padding-top:0}#union-results{margin-top:10px;border:1px solid #20476d;background:#081a2f;border-radius:8px;padding:12px;min-height:300px}#union-results .table-scroll{min-height:220px}.setting-field{display:flex;flex-direction:column;gap:10px;color:#a8c8ea;font-size:12px;max-width:420px;margin:18px 0}.help-steps{font-size:12px;color:#abc7e7;line-height:2.1;padding-left:20px}#pc-settings-page h3,#pc-help-page h3{margin-bottom:20px}#log-text{font-size:11px;line-height:2;color:#a7c3e5;border:1px solid #20476d;background:#07182b;border-radius:7px;min-height:420px;padding:18px;white-space:pre-wrap;overflow-wrap:anywhere}.profile-tabs{display:flex;gap:5px;flex-wrap:wrap;margin:15px 0 22px;border-bottom:1px solid #304f78;padding-bottom:10px}.profile-tabs button{background:#0c2440;border:1px solid #31577e;border-radius:5px;padding:8px 13px;color:#b7d0ed;font-size:11px}.profile-tabs button[aria-pressed=true]{background:#493ab7;border-color:#8a7cf2;color:#fff}dialog{width:min(920px,calc(100% - 30px));background:#07192e;border-color:#4c5aa1;border-radius:10px;max-height:90vh;padding:22px}dialog h2{color:#e8f3ff}.dialog-top{border-bottom:1px solid #25496f;padding-bottom:14px;align-items:flex-start}dialog#condition-dialog,dialog#common-dialog{width:min(580px,calc(100% - 30px))}.dialog-top .muted{font-size:9px;display:block;margin:0 0 6px}.metrics{gap:10px}.metric{border-color:#23496c;background:#0a2039}.metric strong{color:#baa4ff}.metric span,.muted{color:#8fa8c9}.chart{border-color:#21476b;background:#0a1e34}.ledger-table td,.ledger-table th{border-color:#204263}#statistics-panel fieldset{background:#091c32;border-color:#21476b}.warning{background:#242230;border-left-color:#c0a667;color:#dbc68d}.pc-app [id^=pc-][id$=-page]{padding-bottom:14px}
@media(min-width:1500px){.pc-layout{grid-template-columns:310px minmax(0,1fr)}.pc-brand{min-width:270px}.pc-titlebar>nav>button{min-width:77px;font-size:11px}.demo-main,.is-embedded .demo-main{padding-inline:17px}}
@media(max-width:1200px){.pc-brand>span,.window-decor{display:none}.pc-brand{min-width:160px}.pc-brand strong{font-size:12px}.pc-titlebar{gap:9px;padding-inline:12px}.pc-titlebar>nav>button{padding-inline:8px;font-size:9px}.app-switch{gap:4px;padding-left:8px}.app-switch>:is(button,.app-link){width:29px;height:31px}.pc-brand small{font-size:6px;letter-spacing:1px}.pc-layout{grid-template-columns:210px minmax(0,1fr)}.pc-card-head small{display:none}.result-layout{grid-template-columns:1fr}#result-preview{display:grid;grid-template-columns:180px 1fr;gap:15px;align-items:start}#result-preview>h3,#result-preview>.muted{grid-column:1/-1}#result-preview dl{margin:5px 0}#result-preview>.button,#result-preview>.pc-hint{grid-column:2}.pc-field-grid{grid-template-columns:55px minmax(0,1fr) 55px minmax(0,1fr)}.pc-option-row{grid-template-columns:34px minmax(60px,1fr) 43px 48px 21px;gap:4px}.flame-row{grid-template-columns:34px minmax(50px,1fr) 70px 21px}.union-slots{gap:6px}.union-row{padding:7px}.union-row label{display:flex;flex-direction:column;align-items:stretch;gap:4px}.home-hub{width:560px}.home-apps{gap:22px}.home-apps h2{font-size:17px}.home-apps p{font-size:12px}}
@media(max-width:1000px){.pc-sidebar{display:none}.pc-layout{grid-template-columns:minmax(0,1fr)}.pc-brand{min-width:160px}.search-grid{gap:10px}.pc-card-head h3{font-size:12px}.home-character{width:36%}.home-shade{background:linear-gradient(90deg,#030d2855 5%,#030d28d9 27%,#030d28d9 73%,#030d2855 95%)}.home-hub{width:540px}.pc-home{min-height:800px}.union-row label{display:grid;grid-template-columns:22px minmax(0,1fr)}.pc-titlebar .app-switch>span{display:none}}
@media(max-width:760px){.demo-sitebar{padding:9px 14px;font-size:9px;gap:13px}.demo-sitebar small{display:none}.pc-home{min-height:760px;min-height:max(720px,calc(100vh - 35px))}.home-hub{width:calc(100% - 30px);max-width:520px;padding-top:20px}.home-logo{width:300px;max-width:77%;margin-bottom:0}.home-motto{font-size:11px;margin-bottom:23px}.home-apps{gap:12px}.home-apps article{padding:20px 11px 15px;border-radius:12px}.home-apps article>img{width:94px;height:94px;margin-bottom:12px}.home-apps h2{font-size:14px;line-height:1.5}.home-apps p{font-size:10px;line-height:1.75;margin-top:10px}.home-start{min-height:40px;font-size:12px;gap:15px;margin-top:16px;border-radius:7px}.home-start>span{font-size:18px}.home-character{width:60%;opacity:.65}.home-character-left{left:-17%}.home-character-right{right:-17%}.home-common{gap:9px;margin-top:15px}.home-common button,.home-common a{min-height:63px;font-size:10px;padding:10px 4px;gap:7px}.home-common span{font-size:19px}.home-bottom{margin-top:30px;font-size:16px}.home-bottom small{font-size:10px}.pc-titlebar{flex-wrap:wrap;padding:8px 12px;gap:9px;min-height:99px;position:relative}.pc-brand{flex:1;min-width:0}.pc-brand strong{font-size:12px}.pc-brand small{font-size:6px}.pc-titlebar>nav{order:3;width:100%;overflow-x:auto;gap:4px;padding-bottom:2px}.pc-titlebar>nav>button{min-height:32px;padding:8px 10px;font-size:10px;flex:1}.app-switch{border:0}.app-switch>:is(button,.app-link){width:31px;height:31px}.demo-main,.is-embedded .demo-main{padding:12px 12px 0;min-height:780px}.workspace-heading{display:block;margin-bottom:12px}.workspace-heading>div:first-child{gap:8px;display:block}.workspace-heading h2{font-size:18px;margin-bottom:7px}.workspace-heading p{font-size:10px;line-height:1.8}.workspace-heading>div:last-child{margin-top:12px;justify-content:flex-end}.workspace-heading .button{font-size:9px;padding-inline:10px}.saved-search-bar{flex-wrap:wrap;gap:5px}.saved-search-bar>select{flex-basis:100%}.saved-search-bar>.button{flex:1;font-size:10px}.search-grid{grid-template-columns:1fr;gap:10px}.pc-card-head{padding:8px 10px;gap:8px}.pc-card h3{font-size:13px}.pc-card-head small{display:block;font-size:8px}.pc-card-body{padding:12px 10px}.pc-field-grid{grid-template-columns:58px minmax(0,1fr) 58px minmax(0,1fr);gap:9px 5px}.field-label{font-size:9px}.field-control input,.field-control select{font-size:10px;padding-inline:6px}.pc-range{gap:3px}.pc-range input{font-size:9px!important;padding-inline:4px!important}.item-query>select{width:105px}.pc-hint{font-size:9px;line-height:1.8}.checkbox{font-size:9px}.section-number{width:27px;height:27px;font-size:16px}.pc-option-row{grid-template-columns:36px minmax(70px,1fr) 55px 53px 24px;gap:5px}.flame-grid{grid-template-columns:1fr;gap:9px}.flame-row{grid-template-columns:36px minmax(70px,1fr) 90px 24px}.option-top{gap:12px}.option-top>label{font-size:9px;gap:6px}.option-top>label>select{width:108px;font-size:10px}.pc-accordion>summary{font-size:12px;padding:9px 8px;gap:6px;flex-wrap:wrap}.pc-accordion>summary>small{font-size:8px}.pc-accordion>summary>.section-number{width:25px;height:25px;font-size:14px}.hexa-groups{grid-template-columns:1fr}.search-actions{gap:7px;flex-wrap:wrap;padding:8px;margin-top:10px}.search-actions>span{display:none}.search-actions>.button.ghost{font-size:9px;padding-inline:9px}.search-actions .primary{min-width:0;flex:1;font-size:13px;margin:0;min-height:40px}.pc-status{align-items:flex-start;gap:10px;padding:10px 1px}.pc-status #status{font-size:9px;line-height:1.8}.pc-status small{display:none}.union-settings{grid-template-columns:1fr;gap:11px}.union-settings label{display:grid;grid-template-columns:65px minmax(0,1fr);font-size:10px}.union-settings select,.union-settings input{width:100%}.union-slots{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.union-row{padding:9px}.union-row label{display:flex;flex-direction:column;gap:5px;font-size:9px}.union-row input,.union-row select{font-size:10px}.slot-head{font-size:10px}.union-options{gap:10px}.union-options .checkbox{font-size:9px}.union-search{min-height:42px;font-size:15px}.result-tabs button{font-size:11px;padding:8px 15px}.result-controls{display:grid;grid-template-columns:1fr;gap:9px}.result-controls label{font-size:10px;white-space:normal}.result-controls label>input,.result-controls label>select{flex:1;min-width:0}.pc-app .results-header{flex-wrap:wrap;gap:10px}.pc-app .results-header h3{font-size:15px}.result-layout{display:block;min-height:0}.table-scroll{max-width:100%}.pc-results-table{min-width:650px}.pc-results-table th,.pc-results-table td{font-size:10px;padding:10px}.pc-results-table .row-combat{font-size:11px}.pc-results-table .result-row{display:table-row}#result-preview{display:block;margin-top:13px}#result-preview dl{margin:17px 0}.preview-banner{padding:15px}.preview-banner>span{font-size:31px}.preview-banner b{font-size:14px}.profile-tabs{gap:5px;margin-top:13px}.profile-tabs button{font-size:10px;padding:7px 10px}.dialog-top h2{font-size:17px}.setting-field{font-size:11px}.help-steps{font-size:11px;padding-left:17px}.pc-app [id^=pc-][id$=-page]{padding-bottom:12px}.pc-status{margin-top:20px}.metric{padding:13px}.metric strong{font-size:20px}}
@media(max-width:380px){.pc-field-grid{grid-template-columns:67px minmax(0,1fr)}.equipment-identity>.item-query,.equipment-identity>.field-control.item-query{grid-column:auto}.equipment-identity>.normal-star-note{grid-column:1/-1}.pc-option-row{grid-template-columns:31px minmax(59px,1fr) 42px 45px 21px;gap:4px}.flame-row{grid-template-columns:31px minmax(65px,1fr) 78px 21px}.pc-card-head small{display:none}.pc-titlebar>nav>button{font-size:9px;padding-inline:7px}.home-apps h2{font-size:12px}.home-apps article>img{width:80px;height:80px}.home-apps p{font-size:9px}.union-slots{grid-template-columns:repeat(2,minmax(0,1fr))}.home-motto{font-size:10px}}
/* Keep the titlebar, search action and status in place like the desktop window. */
.pc-app{height:calc(100vh - 38px);height:calc(100dvh - 38px);min-height:700px;display:flex;flex-direction:column}.is-embedded .pc-app{height:100vh;height:100dvh}.is-embedded .pc-home{min-height:max(760px,100vh)}.pc-titlebar{flex-shrink:0;position:relative;z-index:20}.pc-layout{flex:1;min-height:0}.pc-sidebar{min-height:0}.demo-main,.is-embedded .demo-main{min-height:0;overflow:hidden}.workspace-heading{flex-shrink:0}#pc-search-page{display:flex;flex-direction:column;flex:1;min-height:0}#search-form{display:flex;flex-direction:column;flex:1;min-height:0}.saved-search-bar{flex-shrink:0}.pc-form-scroll{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding-right:3px;scrollbar-width:thin;scrollbar-color:#315d8d #09182b}.search-actions{position:relative;bottom:auto;flex-shrink:0;margin-bottom:0}.pc-status{flex-shrink:0;margin-top:8px}.pc-app [id^=pc-][id$=-page]{padding-bottom:0}#pc-results-page,#pc-logs-page,#pc-settings-page,#pc-help-page,#pc-saved-page{flex:1;min-height:0;overflow-y:auto;padding:0 3px 10px 0!important;scrollbar-width:thin;scrollbar-color:#315d8d #09182b}#union-panel{overflow-y:auto;min-height:0;flex:1;scrollbar-width:thin;scrollbar-color:#315d8d #09182b}
@media(max-width:760px){.pc-app,.is-embedded .pc-app{height:auto;min-height:100vh}.pc-titlebar{position:sticky;top:0}.pc-layout{min-height:0}.demo-main,.is-embedded .demo-main{overflow:visible;min-height:650px}.pc-form-scroll{overflow:visible;flex:none;padding-right:0}#pc-search-page,#search-form{display:block}.search-actions{position:sticky;bottom:0}.pc-status{margin-top:18px}#pc-results-page,#pc-logs-page,#pc-settings-page,#pc-help-page,#pc-saved-page{overflow:visible}#union-panel{overflow:visible}}

@media(max-width:760px){.fields{grid-template-columns:repeat(2,minmax(0,1fr))}.metrics{grid-template-columns:1fr}.metric{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:5px}.metric strong{grid-row:span 2;text-align:right}.outfits{grid-template-columns:1fr}.outfit{display:grid;grid-template-columns:70px 1fr;column-gap:15px}.outfit>span{grid-row:1/4;height:130px}.outfit h3{margin-top:15px}.outfit p{margin-top:5px}.chart-row{grid-template-columns:70px 1fr 28px;gap:10px;font-size:10px}.timeline li{grid-template-columns:85px 1fr;gap:13px}.saved-row{flex-wrap:wrap}.saved-row>div{flex-basis:100%}dialog dl{grid-template-columns:80px 1fr;font-size:11px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* PC 2.2.62: grouped options, a clear search action, and responsive panels. */
.equipment-options{grid-column:1/-1;margin:0}.equipment-options-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:12px}.equipment-options-grid>.full{grid-column:1/-1}.equipment-options-grid>.pc-card,.equipment-options-grid>div>.pc-card{height:100%}
.search-actions{padding:8px 0 0;border:0;background:transparent}.search-actions .primary{width:100%;margin:0;min-height:48px;font-size:18px}
.pc-status #status{flex:1}.pc-status #nickname-search{font-size:11px;white-space:nowrap;padding:8px 10px;min-height:34px}
.item-query,.field-control:has([name=soul]){position:relative}.name-suggestions{position:absolute;left:0;right:0;top:100%;z-index:30;max-height:240px;overflow:auto;background:#0c2440;border:1px solid #508bc0;border-radius:6px;box-shadow:0 8px 24px #0008}.name-suggestions[hidden]{display:none}.name-suggestions button{display:block;width:100%;border:0;text-align:left;background:transparent;color:#dceeff;padding:12px;font:inherit}.name-suggestions button:hover,.name-suggestions button[aria-selected=true]{background:#304580}
.nickname-controls{display:flex;gap:10px;margin-top:8px}.nickname-controls input{flex:1;min-width:0}#nickname-dialog{width:min(500px,calc(100% - 24px))}#nickname-status{margin:16px 0;color:#a9c9e9}.resource-hint{padding:0 12px 12px}
dialog .dialog-top{position:sticky;top:-22px;background:#07192e;z-index:2;padding-top:10px}dialog .dialog-top>button{min-width:40px;min-height:40px}
.pc-layout{grid-template-columns:clamp(180px,22vw,310px) minmax(0,1fr)}.pc-sidebar img{object-fit:cover;object-position:center}.home-character img{object-fit:contain}
@media(max-width:1200px){.union-slots{grid-template-columns:repeat(3,minmax(0,1fr))}.union-row label{display:grid;grid-template-columns:30px minmax(0,1fr)}.search-grid{grid-template-columns:1fr}.equipment-options-grid{grid-template-columns:1fr}.pc-layout{grid-template-columns:minmax(0,1fr)}.pc-sidebar{display:none}}
@media(max-width:760px){.equipment-options-grid{padding:8px}.nickname-controls{flex-wrap:wrap}.pc-option-row{grid-template-columns:36px minmax(0,1fr) 50px 52px 26px}.pc-option-row select{min-width:0}.pc-card-head small{white-space:normal}.union-row label{display:flex}.pc-status{gap:8px}.pc-status #nickname-search{font-size:10px}.search-actions .primary{font-size:16px}.pc-titlebar>nav{flex-wrap:nowrap}.pc-titlebar>nav>button{flex-shrink:0;white-space:nowrap}}
@media(max-width:380px){.union-slots{grid-template-columns:repeat(2,minmax(0,1fr))}.pc-option-row{grid-template-columns:32px minmax(0,1fr) 42px 42px 24px;gap:3px}}

/* Current PC result and shared-settings layout, adapted for smaller web views. */
.simulation-result-tools{display:flex;gap:6px;justify-content:flex-end;flex-wrap:wrap;margin-bottom:10px}.simulation-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-bottom:8px}.simulation-metrics>div{background:#0a2039;border:1px solid #23496c;border-radius:8px;padding:12px}.simulation-metrics span,.simulation-metrics small{display:block;color:#9db6d4;font-size:10px}.simulation-metrics strong{display:block;font-size:20px;margin:5px 0}.applied-conditions{padding:10px;background:#102239;border:1px solid #31577e;border-radius:7px;font-size:11px;color:#bbd0e8;overflow-wrap:anywhere}.result-layout{display:flex;flex-direction:column;gap:6px;min-height:0}.result-layout>#results{min-width:0}.result-layout #result-preview{display:block;margin:0;background:transparent;border:0;padding:12px}.result-layout .pc-results-table{min-width:1400px}.result-layout .table-scroll{min-height:290px;max-width:100%}.result-layout #result-summary{margin:0}.result-controls{display:flex;flex-wrap:wrap}.result-controls>label:first-child{flex:1;min-width:200px}.result-resume{display:flex;gap:5px}.result-resume button:disabled{opacity:.45;cursor:default}.shared-settings-grid{display:grid;grid-template-columns:130px minmax(0,1fr);align-items:center;gap:16px;font-size:12px}.wide-action{width:100%;margin-top:18px}#union-settings{margin-top:12px}#union-options-link{font-size:10px;color:#9cbde1}.home-character{object-fit:contain!important}.pc-titlebar .pc-brand>span{white-space:nowrap}#pc-settings-page .pc-card-body{padding:20px}.simulation-resource-status{color:#e3c68b}
@media(max-width:1200px){.pc-layout{grid-template-columns:clamp(150px,22vw,260px) minmax(0,1fr)}.pc-sidebar{display:block}}
@media(max-width:900px){.pc-layout{grid-template-columns:minmax(0,1fr)}.pc-sidebar{display:none}.simulation-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.shared-settings-grid{grid-template-columns:100px minmax(0,1fr)}}
@media(max-width:480px){.simulation-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.simulation-result-tools .button{font-size:10px}.result-resume{flex-wrap:wrap}.shared-settings-grid{grid-template-columns:1fr;gap:8px}.shared-settings-grid select{margin-bottom:8px}}

/* Three tool entries, with the original Coordi stylist artwork. */
.home-hub{width:min(880px,calc(100% - 40px))}.home-apps{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.home-apps h2{font-size:17px}.home-apps .home-coordi{position:relative;overflow:hidden;background:#211c3de8;border-color:#79658e}.home-apps .home-coordi>img{width:115px;height:115px;object-fit:cover;object-position:50% 28%;border-radius:50%;border:1px solid #caa4d9}.home-start.rose{background:linear-gradient(100deg,#b06cae,#7852bb);border-color:#e1b8e9}.coordi-switch{display:grid;place-items:center;width:32px;height:32px;border:1px solid #745887;border-radius:8px;background:#302345;color:#e6bcff;font-size:23px}
@media(max-width:760px){.home-hub{max-width:560px}.home-apps{grid-template-columns:1fr 1fr;gap:12px}.home-apps .home-coordi{grid-column:1/-1;display:grid;grid-template-columns:96px 1fr;gap:0 14px;text-align:left;padding:16px}.home-apps .home-coordi>img{grid-row:1/4;width:96px;height:128px;border-radius:8px;margin:0}.home-coordi h2{font-size:16px}.home-coordi p{margin-top:5px}.home-coordi .home-start{margin-top:10px;min-height:35px}.home-apps h2{font-size:14px}}

.home-apps .home-coordi>img{object-fit:contain;object-position:center;border:0;border-radius:0}.coordi-switch img{width:26px;height:26px;object-fit:contain}
/* Center the icon even when compact buttons are narrower. */
.pc-titlebar .app-switch>:is(button,a){box-sizing:border-box;flex:0 0 32px;width:32px;height:32px;min-width:32px;padding:0;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);place-items:center;line-height:0}
.pc-titlebar .app-switch>:is(button,a)>img{display:block;width:24px;height:24px;margin:0;object-fit:contain}
@media(max-width:380px){.pc-titlebar .app-switch{gap:3px;padding-left:4px}.pc-titlebar .app-switch>:is(button,a){flex-basis:28px;width:28px;min-width:28px;height:28px}.pc-titlebar .app-switch>:is(button,a)>img{width:22px;height:22px}}

/* Three approved portraits match the integrated PC home. */
.pc-home .home-character{width:33.333%;object-fit:cover!important;opacity:.55}.pc-home .home-character-left{left:0}.pc-home .home-character-center{left:33.333%;object-position:center}.pc-home .home-character-right{right:0}

/* Portrait gallery: faces above the controls, feathered scene joins. */
.pc-home{display:block;min-height:max(760px,calc(100dvh - 39px))}
.pc-home .home-character{opacity:1;filter:brightness(.78);transition:filter .45s ease;object-position:center}
.pc-home .home-character-left{width:37.833%;left:0}
.pc-home .home-character-center{width:42.333%;left:28.833%;mask-image:linear-gradient(90deg,transparent,#000 21.26%);-webkit-mask-image:linear-gradient(90deg,transparent,#000 21.26%)}
.pc-home .home-character-right{width:37.833%;left:62.167%;right:auto;mask-image:linear-gradient(90deg,transparent,#000 23.79%);-webkit-mask-image:linear-gradient(90deg,transparent,#000 23.79%)}
.home-shade{background:linear-gradient(180deg,#03091f32,transparent 32%,#03091f16 58%,#03091fd2 88%,#03091ff0)}
.home-hub{position:relative;width:100%;min-height:inherit;padding:clamp(410px,58vh,640px) 5% 24px;display:flex;flex-direction:column;justify-content:flex-end;pointer-events:none}
.home-hub>*{pointer-events:auto}
.home-logo{position:absolute;top:18px;left:50%;transform:translateX(-50%);width:260px;max-width:55%;margin:0}
.home-motto{position:absolute;top:145px;left:0;width:100%;margin:0;font-size:12px}
.home-apps{gap:clamp(24px,9vw,150px);grid-template-columns:repeat(3,minmax(0,1fr))}
.home-apps article,.home-apps .home-coordi{display:grid;grid-template-columns:54px minmax(0,1fr);gap:0 10px;padding:16px 18px 18px;background:#051131dc;border:1px solid #45608b;overflow:visible;transition:transform .35s ease,border-color .35s,box-shadow .35s}
.home-apps article>img,.home-apps .home-coordi>img{width:54px;height:54px;margin:0;grid-row:1;object-fit:contain;border:0;border-radius:0}
.home-apps h2{grid-column:2;grid-row:1;align-self:center;font-size:clamp(14px,1.3vw,21px);white-space:nowrap}
.home-apps p,.home-apps .home-coordi p{grid-column:1/-1;margin:10px 0 0;font-size:12px;text-align:center}
.home-apps .home-start{grid-column:1/-1;margin-top:14px;min-height:43px}
.home-start.purple{background:linear-gradient(100deg,#2ca995,#19766f);border-color:#8edbc9}
.home-common{width:min(580px,100%);margin:18px auto 0;gap:14px}
.home-common button,.home-common a{min-height:48px;padding:8px 12px;flex-direction:row;gap:12px;background:#071836dc}
.home-common span{font-size:19px}
.home-bottom{margin-top:18px;font-size:12px;line-height:1.6}
.home-bottom small{font-size:9px}
.home-portrait-actions{position:absolute;left:0;right:0;top:195px;height:34%;display:grid;grid-template-columns:repeat(3,1fr)}
.home-art-link{display:block;width:100%;height:100%;padding:0;border:0;background:transparent;cursor:pointer;border-radius:12px}
.home-art-link:focus-visible{outline:2px solid #b4dcff;outline-offset:-12px}
.pc-home:has(.home-art-link:nth-child(1):is(:hover,:focus-visible),.home-apps article:nth-child(1):is(:hover,:focus-within)) .home-character-left,
.pc-home:has(.home-art-link:nth-child(2):is(:hover,:focus-visible),.home-apps article:nth-child(2):is(:hover,:focus-within)) .home-character-center,
.pc-home:has(.home-art-link:nth-child(3):is(:hover,:focus-visible),.home-apps article:nth-child(3):is(:hover,:focus-within)) .home-character-right{filter:brightness(1)}
.pc-home:has(.home-art-link:nth-child(1):is(:hover,:focus-visible)) .home-apps article:nth-child(1),
.pc-home:has(.home-art-link:nth-child(2):is(:hover,:focus-visible)) .home-apps article:nth-child(2),
.pc-home:has(.home-art-link:nth-child(3):is(:hover,:focus-visible)) .home-apps article:nth-child(3),
.home-apps article:is(:hover,:focus-within){transform:translateY(-6px);border-color:#b8d9f6;box-shadow:0 0 24px #85b6ff24}
@media(max-width:1050px) and (min-width:761px){.home-apps{gap:20px}.home-apps article{padding:13px 12px}.home-apps h2{font-size:14px}.home-apps p{font-size:11px}}
@media(max-width:760px){.home-hub{max-width:none;padding:330px 18px 24px}.pc-home .home-character{height:500px;object-position:50% 40%}.home-shade{background:linear-gradient(180deg,transparent 200px,#03091f 500px)}.home-logo{width:210px}.home-motto{top:118px;font-size:10px}.home-portrait-actions{top:150px;height:170px}.home-apps{grid-template-columns:1fr;gap:12px}.home-apps article,.home-apps .home-coordi{grid-column:auto;grid-template-columns:48px minmax(0,1fr);padding:13px 15px;text-align:center}.home-apps article>img,.home-apps .home-coordi>img{width:48px;height:48px;grid-row:1}.home-apps h2,.home-coordi h2{font-size:16px}.home-apps p,.home-apps .home-coordi p{margin:5px 0 0;font-size:11px}.home-common{gap:7px}.home-common button,.home-common a{font-size:11px;gap:6px;padding:8px 4px}.home-common span{font-size:17px}.home-apps .home-start{margin-top:10px}}
@media(prefers-reduced-motion:reduce){.pc-home .home-character,.home-apps article{transition:none}.home-apps article{transform:none!important}}

/* Clear selection contrast and a quiet, three-colour crest. */
.pc-home .home-logo{width:clamp(300px,35vw,510px);max-width:80%;top:24px;filter:drop-shadow(0 3px 8px #020717a0)}
.pc-home .home-character{filter:brightness(.80);transition:filter .35s ease}
.pc-home:has(.home-art-link:is(:hover,:focus-visible),.home-apps article:is(:hover,:focus-within)) .home-character{filter:brightness(.36) saturate(.72)}
.pc-home:has(.home-art-link:nth-child(1):is(:hover,:focus-visible),.home-apps article:nth-child(1):is(:hover,:focus-within)) .home-character-left,
.pc-home:has(.home-art-link:nth-child(2):is(:hover,:focus-visible),.home-apps article:nth-child(2):is(:hover,:focus-within)) .home-character-center,
.pc-home:has(.home-art-link:nth-child(3):is(:hover,:focus-visible),.home-apps article:nth-child(3):is(:hover,:focus-within)) .home-character-right{filter:brightness(1.08) saturate(1.04)}
.home-apps article{--card-accent:#62baff;--card-deep:#174778}
.home-apps article:nth-child(2){--card-accent:#6fd5be;--card-deep:#155a57}
.home-apps article:nth-child(3){--card-accent:#d9a4ec;--card-deep:#603c7c}
.home-apps article,.home-apps .home-coordi{position:relative;grid-template-columns:64px minmax(0,1fr);gap:0 14px;padding:21px 20px 18px;border-radius:13px;background:linear-gradient(135deg,#111c31f2,#070f20f5 65%,#14172bf5);border:1px solid color-mix(in srgb,var(--card-accent) 42%,transparent);box-shadow:0 12px 32px #01061440;transition:transform .3s ease,opacity .3s ease,border-color .3s,box-shadow .3s}
.home-apps article:before{content:'';position:absolute;inset:5px;border:1px solid #ddeaff15;border-radius:10px;pointer-events:none}
.home-apps article:after{content:'';position:absolute;top:0;left:12%;right:12%;height:2px;background:linear-gradient(90deg,transparent,var(--card-accent),transparent);opacity:.55;pointer-events:none}
.home-apps article>img,.home-apps .home-coordi>img{width:64px;height:64px;grid-row:1/3;padding:5px;background:color-mix(in srgb,var(--card-accent) 8%,transparent);border:1px solid color-mix(in srgb,var(--card-accent) 25%,transparent);border-radius:50%}
.home-card-kicker{grid-column:2;grid-row:1;align-self:end;text-align:left;font-size:8px;color:#a7b4c9;letter-spacing:1.5px;white-space:nowrap;margin-bottom:4px}
.home-apps h2,.home-apps .home-coordi h2{grid-row:2;font-size:clamp(13px,1.3vw,20px);text-align:left;color:#f5f1e6;align-self:start;line-height:1.6}
.home-apps p,.home-apps .home-coordi p{margin-top:12px;color:#b9c7da;font-size:12px}
.home-apps .home-start{justify-content:space-between;padding:8px 13px 8px 17px;min-height:43px;background:linear-gradient(100deg,#10223b,var(--card-deep));border:1px solid color-mix(in srgb,var(--card-accent) 52%,transparent);border-radius:7px;font-size:13px;box-shadow:inset 0 1px #ffffff0a}
.home-apps .home-start>span{display:grid;place-items:center;width:25px;height:25px;background:#e1f3ff14;border-radius:50%;font-size:21px}
.pc-home:has(.home-art-link:is(:hover,:focus-visible),.home-apps article:is(:hover,:focus-within)) .home-apps article{opacity:.72}
.pc-home:has(.home-art-link:nth-child(1):is(:hover,:focus-visible)) .home-apps article:nth-child(1),
.pc-home:has(.home-art-link:nth-child(2):is(:hover,:focus-visible)) .home-apps article:nth-child(2),
.pc-home:has(.home-art-link:nth-child(3):is(:hover,:focus-visible)) .home-apps article:nth-child(3),
.pc-home .home-apps article:is(:hover,:focus-within){opacity:1;border-color:var(--card-accent);box-shadow:0 0 0 1px color-mix(in srgb,var(--card-accent) 25%,transparent),0 15px 36px #01061480,0 0 30px color-mix(in srgb,var(--card-accent) 15%,transparent)}
@media(max-width:1050px) and (min-width:761px){.home-apps article,.home-apps .home-coordi{padding:19px 13px 16px;grid-template-columns:47px minmax(0,1fr);gap:0 8px}.home-apps article>img,.home-apps .home-coordi>img{width:47px;height:47px}.home-card-kicker{font-size:7px;letter-spacing:1px}.home-apps h2,.home-apps .home-coordi h2{font-size:13px}}
@media(max-width:760px){.pc-home .home-logo{width:300px;top:30px}.home-apps article,.home-apps .home-coordi{grid-template-columns:54px minmax(0,1fr);padding:18px 17px;gap:0 12px}.home-apps article>img,.home-apps .home-coordi>img{width:54px;height:54px;grid-row:1/3}.home-apps h2,.home-apps .home-coordi h2{font-size:16px}.home-card-kicker{font-size:8px}.home-apps p,.home-apps .home-coordi p{margin-top:10px}.home-apps .home-start{margin-top:14px}}
@media(prefers-reduced-motion:reduce){.pc-home .home-character,.home-apps article{transition:none}}