:root{--navy:#122e43;--gold:#e1c083;--ink:#173448}*{box-sizing:border-box}body{color:var(--ink);background:#c8dce3;margin:0;font-family:Yu Gothic,Meiryo,sans-serif}button,input{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline-offset:4px;outline:3px solid #efbd53}main{isolation:isolate;min-height:100vh;position:relative}.landscape{z-index:-2;background-color:#0000;background-image:linear-gradient(#eaf6fc99,#e6eff333 60%,#26463c66),url(/landscape.svg);background-position:0 0,top;background-repeat:repeat,no-repeat;background-size:auto,cover;background-attachment:fixed;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0}.shell{max-width:1440px;margin:auto;padding:0 54px}header{border-bottom:1px solid #42647c33;justify-content:space-between;align-items:center;height:96px;display:flex}.brand{color:var(--ink);align-items:center;gap:13px;font-size:19px;font-weight:700;text-decoration:none;display:flex}.brand-symbol{font-size:37px}.brand small{letter-spacing:2.5px;margin-top:7px;font:9px Georgia,serif;display:block}.edition{letter-spacing:2px;font:10px Georgia,serif}.edition span{border-left:1px solid #7691a0;margin-left:18px;padding-left:18px;font-size:14px}.intro{justify-content:space-between;align-items:center;padding:35px 0 32px;display:flex}.eyebrow{letter-spacing:3px;margin:0 0 10px;font:10px Georgia,serif}h1{letter-spacing:3px;margin:0;font-family:Yu Mincho,Hiragino Mincho ProN,serif;font-size:43px;font-weight:600;line-height:1.3}h1 span{margin-left:7px}.instruction{letter-spacing:1px;margin:12px 0 0;font-size:13px}.crest{background:var(--navy);color:var(--gold);border:1px solid var(--gold);outline-offset:4px;clip-path:polygon(8% 0,92% 0,100% 20%,100% 80%,92% 100%,8% 100%,0 80%,0 20%);text-align:center;outline:3px solid #122e431a;width:224px;padding:16px}.crest>span{letter-spacing:3px;font:10px Georgia,serif}.crest strong{margin:3px;font:36px Georgia,serif;display:block}.crest small{font-size:10px}.workspace{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:28px;display:grid}.roster{min-width:0}.roster-toolbar{justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.section-label{letter-spacing:1px;font-size:12px;font-weight:700}.section-label small{color:#3b5669;margin-left:12px;font:11px Georgia,serif}.search{background:#f4f8f5d9;border:1px solid #7b929855;border-radius:3px;align-items:center;gap:8px;max-width:240px;padding:8px 12px;display:flex}.search>span{font-size:22px;line-height:1}.search input{width:100%;min-width:0;color:var(--ink);outline-offset:5px;background:0 0;border:0;font-size:12px}.search button{color:var(--ink);background:0 0;border:0}.grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:16px 14px;display:grid}.character{color:var(--ink);background:#f3f3e9e8;border:1px solid #64786688;border-radius:3px;padding:0;transition:transform .18s,box-shadow .18s;position:relative;box-shadow:0 3px 8px #17344824}.character:hover{transform:translateY(-4px);box-shadow:0 7px 14px #17344833}.character.selected{outline-offset:3px;outline:2px solid #a87931}.card-art{aspect-ratio:1/1.12;background:radial-gradient(ellipse at 50% 36%,#fffa,transparent 70%),linear-gradient(145deg,var(--hero-color),#142f43);border:1px solid #e8d19a99;margin:4px;position:relative;overflow:hidden}.card-art:after{content:"";pointer-events:none;border:1px solid #ffffff30;position:absolute;inset:4px}.card-art img{object-fit:contain;width:100%;height:100%;transition:transform .3s;display:block}.character:hover img{transform:scale(1.05)}.card-number{border:1px solid var(--gold);color:var(--gold);background:#102c43e8;border-radius:50%;place-items:center;width:25px;height:25px;font:12px Georgia,serif;display:grid;position:absolute;bottom:5px;left:6px}.selected-mark{color:#ffe3a0;text-shadow:0 0 8px #fff;font-size:18px;position:absolute;top:5px;right:7px}.card-name{letter-spacing:.5px;padding:7px 2px 9px;font-size:11px;font-weight:700;display:block}.roster-foot{text-align:center;letter-spacing:3px;margin:25px 0 0;font:9px Georgia,serif}.roster-foot span{color:#96763a;margin:0 16px}.profile,.sheet-content{color:#faf7ec;background:linear-gradient(135deg,#1b3a50f5,#0c2233fa);border:1px solid #c4a76f;border-radius:3px;padding:21px;position:relative;box-shadow:0 0 0 4px #18364844,0 12px 30px #132c4133}.profile:before{content:"";pointer-events:none;border:1px solid #ddc28c33;position:absolute;inset:6px}.profile-top{letter-spacing:2px;color:var(--gold);justify-content:space-between;align-items:center;margin:2px 0 18px;font:9px Georgia,serif;display:flex}.portrait{aspect-ratio:1/1.04;border:1px solid var(--gold);background:radial-gradient(ellipse at 50% 30%,#effaffcc,transparent 75%),linear-gradient(135deg,var(--hero-color),#14394e);position:relative;overflow:hidden}.portrait img{object-fit:contain;width:100%;height:100%;display:block}.portrait-star{color:#f1d795;font-size:27px;position:absolute;bottom:7px;right:10px}.identity{padding:22px 0}.profile-number{color:#aec3ce;letter-spacing:2px;font:11px Georgia,serif}h2{letter-spacing:3px;margin:9px 0 12px;font-family:Yu Mincho,serif;font-size:26px}.job{color:#e4c78e;letter-spacing:2px;border:1px solid #c8b07c66;padding:4px 12px;font-size:10px}dl{margin:0}dl>div{border-top:1px solid #b1bcc32c;gap:16px;padding:16px 0;display:flex}dt{color:#cbbb98;min-width:54px;font-size:11px}dd{margin:0;font-size:13px}.profile-footer{color:#c6b083;letter-spacing:2px;border-top:1px solid #b1bcc32c;justify-content:space-between;align-items:center;padding:24px 0 4px;font:8px Georgia,serif;display:flex}footer{color:#29473e;letter-spacing:1px;justify-content:space-between;align-items:center;padding:35px 0 25px;font-size:11px;display:flex}footer small{color:#365248;font-size:10px}.empty{text-align:center;background:#f5faf5c9;border:1px solid #839c9877;padding:70px 15px}.empty>span{font-size:30px}.empty p{font-size:14px}.empty button{color:#fff;background:var(--navy);border:1px solid var(--gold);padding:10px 20px}.mobile-profile{color:#fff;background:0 0;border:0;width:100%;max-width:none;max-height:90dvh;margin:auto 0 0;padding:0;overflow:auto}.mobile-profile::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#061a2eb3}.sheet-content{border-radius:18px 18px 0 0;max-width:600px;margin:auto;padding:25px 30px 30px}.close{color:#fff;background:#ffffff15;border:1px solid #dfc79066;border-radius:50%;width:36px;height:36px;font-size:25px}.mobile-profile .portrait{aspect-ratio:1;width:160px;margin:auto}.mobile-profile .identity{text-align:center;padding:14px 0 23px}.mobile-profile .profile-footer{padding-top:15px}@media (min-width:1500px){.shell{padding-bottom:30px}.intro{padding-top:50px;padding-bottom:40px}}@media (max-width:1100px){.shell{padding:0 28px}.workspace{grid-template-columns:minmax(0,1fr) 265px;gap:22px}.grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.crest{width:190px}h1{font-size:36px}.profile{padding:18px}.search{max-width:185px}}@media (max-width:760px){.shell{padding:0 19px}header{height:77px}.brand{font-size:16px}.brand-symbol{font-size:29px}.edition{font-size:0}.edition span{border:0;margin:0;padding:0;font-size:12px}.intro{padding:28px 0 25px}.eyebrow{letter-spacing:1.8px;font-size:8px}h1{letter-spacing:1px;font-size:29px}.instruction{letter-spacing:0;font-size:11px}.crest{display:none}.workspace{display:block}.profile{display:none}.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px 12px}.card-name,.section-label{font-size:11px}.section-label small{margin-left:5px}.search{max-width:175px;padding:7px 9px}.roster-toolbar{margin-bottom:18px}.roster-foot{letter-spacing:1.5px}footer{text-align:center;padding:25px 0;display:block}footer>span{margin-bottom:12px;display:block}footer small{font-size:9px}.landscape{background-attachment:scroll}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}