@import "https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;600;700;800&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{color:#dae2ee;font-synthesis:none;--gold:#d8b978;--muted:#91a0b6;--line:#253348;background:#0a111d;font-family:Noto Sans JP,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,summary{touch-action:manipulation}button{cursor:pointer;color:#dae2ee;background:#142033;border:1px solid #344258;border-radius:5px;padding:9px 14px}button:hover{border-color:var(--gold);color:#f2dca8}button:disabled{cursor:not-allowed;opacity:.6}a{color:var(--gold);text-decoration:none}a:hover{text-decoration:underline}input,select,textarea{color:#e0e7f0;background:#0a1422;border:1px solid #354259;border-radius:5px;min-width:0;padding:11px}input:focus,select:focus,textarea:focus,button:focus-visible,a:focus-visible,summary:focus-visible{outline-offset:3px;outline:2px solid #e9c77d}small{color:#a0acc0;font-size:11px;line-height:1.7;display:block}.muted{color:var(--muted)}header{border-bottom:1px solid var(--line);background:#0c1422;justify-content:space-between;align-items:center;padding:23px 5%;display:flex}.brand{color:#e2e9f3;letter-spacing:1.8px;align-items:center;gap:13px;font-family:Space Grotesk,sans-serif;font-size:18px;font-weight:700;display:flex}.brand b{color:var(--gold)}.brand small{letter-spacing:2px;margin-top:3px;font-size:10px;font-weight:400}.emblem{width:38px;height:38px;color:var(--gold);border:1px solid #b79b65;place-items:center;font-family:serif;font-size:26px;display:grid;transform:rotate(45deg)}.header-status{color:#8f9bb0;letter-spacing:1px;align-items:center;gap:12px;font-family:Space Grotesk,sans-serif;font-size:10px;display:flex}.header-status i{background:#6bbbaa;border-radius:50%;width:6px;height:6px;box-shadow:0 0 8px #6bbbaa}.header-status b{color:#d8e2f0;font-size:13px}.badge{color:#d4bb85;white-space:nowrap;background:#3b34231c;border:1px solid #65583e;border-radius:3px;padding:4px 8px;font-size:10px;display:inline-block}nav{border-bottom:1px solid var(--line);background:#0c1422;gap:28px;padding:0 5%;display:flex;overflow:auto}nav a{color:#9caabe;white-space:nowrap;border-bottom:2px solid #0000;padding:17px 0;font-size:12px}nav a.active{color:var(--gold);border-color:var(--gold)}nav a:hover{color:#fff;text-decoration:none}.snapshot-bar{border-bottom:1px solid var(--line);color:#aebcd0;background:#101b2b;justify-content:space-between;padding:11px 5%;font-size:10px;display:flex}.snapshot-bar b{color:#c2a87a;font-weight:500}main{max-width:1440px;min-height:70vh;margin:auto;padding:0 5% 65px}.hero{grid-template-columns:1.2fr 1fr;align-items:center;gap:50px;padding:64px 0 52px;display:grid}.eyebrow{letter-spacing:2.5px;color:#c0a46f;font-family:Space Grotesk,sans-serif;font-size:10px;font-weight:600}h1{letter-spacing:1px;color:#f0f3f8;margin:19px 0;font-size:44px;font-weight:800;line-height:1.6}h1 em{color:#d9bc7e;font-style:normal}.hero p{color:#9caabe;font-size:13px;line-height:2.1}.hero-search{background:#101b2b;border:1px solid #43516a;border-radius:6px;align-items:center;gap:8px;max-width:560px;margin-top:28px;padding:6px 6px 6px 15px;display:flex}.hero-search input{background:0 0;border:0;flex:1;width:100%;padding:10px 3px;font-size:11px}.hero-search>span{color:var(--gold);font-size:24px}.hero-search button,.primary{color:#141920;background:#c9aa6b;border-color:#d4b777;font-weight:700}.hero-search button{white-space:nowrap;font-size:11px}.quick{letter-spacing:1px;color:#7c8ba3;align-items:center;gap:8px;margin-top:15px;font-size:8px;display:flex}.quick button{background:#111b2b;border-color:#253449;padding:4px 8px;font-size:10px}.lab-art{background:radial-gradient(#17344b44,#0000 65%);place-items:center;height:335px;display:grid;position:relative;overflow:hidden}.orbit{border:1px solid #39526966;border-radius:50%;width:280px;height:280px;position:absolute}.o1:after,.o2:after{content:"";border:1px dashed #667a8155;border-radius:50%;position:absolute;inset:14px}.o2{border-color:#9b865266;border-radius:30px;width:220px;height:220px;transform:rotate(45deg)}.o3{border-color:#647c8755;width:330px;height:130px;transform:rotate(-30deg)}.lab-core{z-index:1;color:#dcc48c;text-shadow:0 2px 12px #c9a35444;background:linear-gradient(140deg,#172c3f,#0d1727);border:1px solid #8f7d52;place-items:center;width:140px;height:140px;font-family:serif;font-size:75px;display:grid;transform:rotate(0);box-shadow:0 0 60px #2a5e7226}.lab-core span{letter-spacing:2px;text-align:center;color:#c2b48d;margin-top:-15px;font:8px/1.8 Space Grotesk,sans-serif}.orb-label{color:#b7c1cd;letter-spacing:2px;background:#111e2e;border:1px solid #4d5360;padding:8px 13px;font:8px Space Grotesk,sans-serif;position:absolute}.l1{top:35px;left:38px}.l2{top:140px;right:1px}.l3{bottom:36px;left:40px}.art-bottom{color:#64778b;letter-spacing:3px;font:7px Space Grotesk,sans-serif;position:absolute;bottom:0}.stats{border:1px solid var(--line);background:#101b2b;border-radius:6px;grid-template-columns:repeat(4,1fr);display:grid}.stats>div{border-right:1px solid var(--line);padding:22px 26px}.stats>div:last-child{border:0}.stats strong{color:#d6bc83;margin-bottom:5px;font:32px Space Grotesk,sans-serif;display:block}.stats span{font-size:11px}.stats small{margin-top:7px;font-size:10px}.section-head{justify-content:space-between;align-items:end;margin:44px 0 20px;display:flex}h2{margin:10px 0 14px;font-size:22px}h3{font-size:15px}.text-button{color:var(--gold);background:0 0;border:0;font-size:10px}.feature-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.feature-grid>button{text-align:left;border-color:var(--line);background:linear-gradient(120deg,#142237,#111b2b);min-height:155px;padding:23px}.feature-grid small{color:#9f8964;letter-spacing:2px;font-size:8px}.feature-grid h3{margin:18px 0 9px}.feature-grid h3 span{float:right;color:#c1a36c}.feature-grid p{color:#9caabe;font-size:11px;line-height:1.9}.integrity{background:#121c2a;border:1px solid #303b47;align-items:center;gap:20px;margin-top:26px;padding:20px;display:flex}.integrity>span:first-child{color:#bda773;font-size:24px}.integrity b{font-size:12px}.integrity p{color:#96a4b8;margin-bottom:0;font-size:10px;line-height:1.8}.integrity .badge{margin-left:auto}.page-heading{padding:36px 0 22px}.page-heading h1{margin:11px 0;font-size:30px}.page-heading p{color:#9eaec1;font-size:12px;line-height:1.9}.toolbar{flex-wrap:wrap;align-items:center;gap:12px;margin:10px 0 25px;display:flex}.toolbar input{font-size:12px}.search{flex:1;align-items:center;gap:6px;min-width:200px;display:flex}.search input{width:100%}.toolbar select{font-size:11px}.toolbar>span{color:#97a6bb;font-size:12px}.catalog{grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:14px;display:grid}.record{border:1px solid var(--line);background:#101b2b;border-radius:6px;overflow:hidden}.open-record{text-align:left;background:0 0;border:0;width:100%;padding:16px}.record h3{margin:12px 0 3px}.record p{color:#a4b2c6;font-size:10px}.portrait{background:linear-gradient(45deg,#273b4a,#30303b);border:1px solid #7b6e51;border-radius:5px;width:64px;height:64px;overflow:hidden}.portrait img{object-fit:cover;width:100%;height:100%}.tiny{color:#b9a77c;font-size:9px}.record-actions{border-top:1px solid #253247;justify-content:space-between;padding:6px 10px;display:flex}.record-actions button{background:0 0;border:0;padding:5px;font-size:10px}.empty{text-align:center;background:#101b2b;border:1px dashed #3b4a60;border-radius:6px;padding:45px 25px}.empty p{color:#9daac0;font-size:12px;line-height:1.9}.panel{border:1px solid var(--line);background:#101b2b;border-radius:6px;margin-bottom:18px;padding:25px}.panel p,.panel li{color:#a7b4c7;font-size:12px;line-height:2}.panel a{font-size:12px}.panel label{color:#bbc6d5;margin:15px 0;font-size:12px;display:block}.panel label select,.panel label input,.panel textarea{width:100%;margin-top:7px;display:block}.quality-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.gold{color:var(--gold);font:28px Space Grotesk,sans-serif}.build-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.chip{margin:0 8px 10px 0;font-size:10px}.primary{margin-top:20px;display:block}.pending{color:#c5ad7e;margin:40px 0 20px;font-size:32px}.compare-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.compare-portrait img{width:70px}.community-banner{background:#132134;border:1px solid #38465d;flex-wrap:wrap;align-items:center;gap:20px;margin-bottom:24px;padding:18px;font-size:12px;display:flex}.community-banner span{color:#a4b2c6;font-size:11px}.community-banner button{margin-left:auto;font-size:11px}.tabs{flex-wrap:wrap;gap:6px;margin-bottom:20px;display:flex}.tabs button{background:0 0;border-color:#0000;font-size:11px}.tabs .selected{color:var(--gold);background:#302d2444;border-color:#6b5c3d}.cards{grid-template-columns:repeat(3,1fr);gap:16px;margin:18px 0;display:grid}.post{border:1px solid var(--line);background:#111e30;border-radius:6px;padding:20px}.post p{color:#a4b1c4;font-size:11px}.post a{margin:15px 0;font-size:12px;display:block}.post button{margin:10px 5px 0 0;font-size:10px}.tags{color:#abbbcd;flex-wrap:wrap;gap:6px;font-size:10px;display:flex}.tags span{background:#203149;padding:4px}.admin-form{grid-template-columns:1fr 1fr;gap:0 20px;display:grid}.admin-form textarea{min-height:70px}.panel summary{cursor:pointer;color:var(--gold);font-size:13px}.notice{background:#23324a;border:1px solid #7a6845;justify-content:space-between;align-items:center;gap:15px;margin-top:20px;padding:14px;font-size:12px;display:flex}.notice button{padding:0 8px}.modal-overlay{z-index:50;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#030813d9;place-items:center;padding:28px;display:grid;position:fixed;inset:0}.modal{background:#101b2b;border:1px solid #65715f;border-radius:8px;width:100%;max-width:780px;max-height:90vh;padding:30px;position:relative;overflow:auto;box-shadow:0 20px 100px #0008}.modal>p{color:#b3bfd0;font-size:12px;line-height:2}.close{background:0 0;border:0;font-size:22px;position:absolute;top:15px;right:20px}.detail-title{align-items:center;gap:18px;padding-bottom:16px;display:flex}.detail-title h2{margin:5px 0 9px}.ability{border:1px solid #31405a;border-radius:4px;margin:10px 0;padding:14px;font-size:13px}.ability summary{cursor:pointer;flex-wrap:wrap;align-items:center;gap:12px;display:flex}.ability small{margin-left:auto}.ability p{color:#a9b7ca;font-size:12px;line-height:1.9}.slot{width:25px;height:25px;color:var(--gold);background:#28384e;border:1px solid #766643;place-items:center;display:inline-grid}.modal .panel{margin-top:20px}.modal .cards{grid-template-columns:1fr}footer{border-top:1px solid var(--line);background:#0c1422;padding:28px 5%}footer .brand{font-size:13px}footer p{color:#8e9db2;font-size:10px;line-height:1.9}footer button{color:#c6b48f;background:0 0;border:0;padding-left:0;font-size:10px}footer>span{float:right;letter-spacing:2px;color:#72839b;font:8px Space Grotesk,sans-serif}.skip{color:#111;z-index:100;background:#d8b978;padding:14px;position:fixed;top:-80px;left:12px}.skip:focus{top:10px}@media (width>=1600px){main{padding-left:70px;padding-right:70px}}@media (width<=850px){.header-status{display:none}.hero{grid-template-columns:1.3fr .8fr;gap:20px}.hero h1{font-size:36px}.lab-art{transform:scale(.85)}.stats>div{padding:18px}.feature-grid{gap:10px}.quality-grid{grid-template-columns:repeat(2,1fr)}nav{gap:23px}.cards{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){header{padding:20px}.brand{font-size:15px}.brand small{font-size:8px}nav{gap:24px;padding:0 20px}.snapshot-bar{padding:10px 20px;line-height:1.9;display:block}.snapshot-bar>span{display:block}main{padding:0 20px 40px}.hero{padding:38px 0 30px;display:block}.hero h1{font-size:36px}.hero .eyebrow{font-size:8px}.hero p{font-size:12px}.lab-art{display:none}.hero-search{margin-top:22px}.stats{grid-template-columns:1fr 1fr}.stats>div{padding:18px 15px}.stats>div:nth-child(2){border-right:0}.stats>div:nth-child(-n+2){border-bottom:1px solid var(--line)}.stats strong{font-size:28px}.stats span{font-size:10px}.stats small{font-size:9px}.section-head{align-items:start;gap:10px;margin-top:35px}.section-head h2{font-size:19px}.text-button{text-align:right;max-width:120px;padding:0;font-size:9px;line-height:1.8}.feature-grid{grid-template-columns:1fr}.feature-grid>button{min-height:120px;padding:20px}.feature-grid h3{margin-top:12px}.integrity{gap:12px;padding:17px}.integrity .badge{display:none}.integrity p{font-size:10px}.catalog{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.record h3{font-size:13px}.toolbar{gap:9px}.toolbar select{max-width:48%}.search{flex-basis:100%}.page-heading h1{font-size:26px}.page-heading p{font-size:11px}.panel{padding:19px}.quality-grid{gap:10px}.quality-grid h3{font-size:12px}.gold{font-size:24px}.build-grid,.compare-grid,.cards,.admin-form{grid-template-columns:1fr}.modal-overlay{padding:12px}.modal{max-height:94vh;padding:22px}.modal .close{top:8px;right:9px}.detail-title{gap:12px}.detail-title h2{font-size:21px}.ability summary{font-size:12px}.ability small{flex-basis:100%;margin-left:38px}.community-banner{gap:10px}.community-banner button{margin-left:0}.tabs{gap:2px}.tabs button{padding:9px 10px}footer{padding:25px 20px}footer>span{float:none;margin-top:15px;display:block}}.panel>textarea{width:100%;margin:18px 0;font-family:monospace;font-size:12px}.panel>button+button{margin-left:8px}.research-workspace{padding-top:24px}.research-workspace h1{font-size:28px}.research-workspace p{color:#b5c1d3;font-size:12px;line-height:1.9}.research-workspace h4{font-size:13px}.research-controls{position:relative}.selection-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;display:grid}.selection-grid label{min-width:0;font-size:12px;display:block}.selection-grid select,.selection-grid input{width:100%;max-width:100%;margin-top:7px}.research-workspace fieldset{border:1px solid #304159;border-radius:5px;flex-wrap:wrap;align-items:center;gap:12px;margin:15px 0;padding:12px;display:flex}.research-workspace legend{color:#c9b482;padding:0 8px;font-size:11px}.research-workspace fieldset label{align-items:center;gap:5px;margin:0;font-size:11px;display:inline-flex}.research-workspace input[type=checkbox]{accent-color:#c9aa6b;min-width:16px;min-height:16px}.research-columns{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:18px;display:grid}.research-columns>.panel{padding:18px}.research-icon{object-fit:cover;vertical-align:middle;background:#19293c;border:1px solid #7b6e51;border-radius:4px;flex-shrink:0;width:40px;height:40px;display:inline-block}.selected-research{align-items:start;gap:18px;display:flex}.selected-research>.research-icon{width:72px;height:72px}.selected-research h2{margin-top:0}.selected-research p{white-space:pre-line}.state{color:#c2d0e0;background:#1a2c42;border:1px solid #556b83;border-radius:4px;margin:4px 8px 4px 0;padding:4px 7px;font-size:10px;display:inline-block}.state-inferred{color:#e4c882;background:#53432333;border-color:#806c3d}.state-confirmed{color:#9fddc9;border-color:#368a77}.state-incompatible{color:#f1b7b7;border-color:#b16868}.state-unknown{color:#b7c0d0;border-style:dashed}.research-card{overflow-wrap:anywhere;background:#0c1727;border:1px solid #33435b;border-radius:6px;margin:14px 0;padding:16px}.research-card>.research-icon{float:left;margin-right:12px}.research-card h3{margin:0 0 12px}.research-card>button{clear:both;font-size:10px}.research-card>div{border-top:1px solid #293951;margin-top:12px;padding-top:8px}.event-detail{clear:both;border:1px solid #34455f;border-radius:4px;margin:10px 0;padding:10px}.event-detail summary{cursor:pointer;align-items:center;gap:9px;list-style-position:inside;display:flex}.event-detail .research-icon{width:30px;height:30px}.event-detail summary>span{min-width:0;font-size:12px}.event-detail summary small{font-size:9px}.research-workspace blockquote{color:#9dacbf;white-space:pre-line;border-left:2px solid #786b4e;margin:12px 0;padding:10px;font-size:11px;line-height:1.8}.research-workspace details>summary{cursor:pointer;color:#ceb982;font-size:11px}.score-details{background:#152238;border-radius:4px;margin:10px 0;padding:10px}.score-details>summary{font-size:10px}.entity-chips{flex-wrap:wrap;gap:10px;display:flex}.entity-chips button{text-align:left;font-size:11px}.entity-chips .research-icon{width:25px;height:25px;margin-right:6px}.chain{gap:12px;padding-left:22px;display:grid}.chain li{background:#2d281f33;border:1px solid #665839;padding:10px;font-size:12px}.chain small{margin-top:8px}.warning{background:#61432333;border:1px solid #9b7146;padding:14px;font-size:12px;line-height:1.9;color:#e5c591!important}.suggestions{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px;display:grid}.suggestions article{border:1px solid #354660;border-radius:5px;padding:15px}.research-workspace .chip{align-items:center;gap:6px;display:inline-flex}.research-workspace .chip img{width:24px;height:24px}.triple-panel{margin-top:25px}.research-workspace .build-grid .panel{min-width:0}.research-workspace .build-grid select{max-width:100%}@media (width<=800px){.research-columns,.research-workspace .build-grid{grid-template-columns:1fr}.research-columns>.panel{padding:14px}.research-workspace h1{font-size:24px}.selection-grid{grid-template-columns:1fr}.research-controls fieldset{gap:10px}.research-workspace{padding-top:10px}.selected-research>.research-icon{width:48px;height:48px}}.snowball-events{grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:12px;margin-block:16px;display:grid}.summoner-panel select{max-width:100%}.summoner-panel .state{margin:6px;display:inline-block}.summoner-panel li{margin-block:10px}
