:root{color-scheme:dark;--bg:#1a2b43;--surface:#263d59;--soft:#304b68;--line:#506780;--ink:#f7f5ed;--muted:#c0cfdf;--gold:#f3d69d;--mint:#aee8d4}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 80% 0,#355775 0,transparent 45%),var(--bg);color:var(--ink);font:16px/1.8 system-ui,-apple-system,'Hiragino Kaku Gothic ProN','Yu Gothic',sans-serif;min-height:100vh}button,input,textarea,select{font:inherit}button{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#375371;border:1px solid #8199b1;border-radius:8px;color:var(--ink);padding:10px 16px;min-height:44px;cursor:pointer;font-weight:650;transition:background .15s,border-color .15s}button:hover{background:#446486;border-color:var(--gold)}button.primary{background:var(--gold);border-color:var(--gold);color:#1d3048}button.primary:hover{background:#ffe3ad}button:disabled{opacity:.5;cursor:not-allowed}button.text-btn{border-color:transparent;background:transparent;color:var(--gold);padding-left:5px;padding-right:5px}button.danger{color:#ffd1cf;background:#4f374a;border-color:#a47b87}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible,a:focus-visible{outline:3px solid var(--mint);outline-offset:4px}input,textarea,select{width:100%;background:#1b3048;border:1px solid #7890aa;border-radius:7px;color:var(--ink);padding:11px 13px;min-width:0;font-size:16px;line-height:1.6}input::placeholder,textarea::placeholder{color:#a0b4c9}textarea{min-height:100px;resize:vertical}label{display:block;font-weight:650;margin:14px 0 8px}label input,label textarea,label select{margin-top:7px}h1,h2,h3,h4{line-height:1.45;letter-spacing:.01em}h1{font-size:clamp(28px,4vw,40px);margin:10px 0 14px;font-family:'Yu Mincho','Hiragino Mincho ProN',serif;font-weight:600}h2{font-size:24px;margin:8px 0 16px;font-weight:650}h3{font-size:21px;margin:10px 0 14px;font-weight:650}h4{font-weight:700;margin:20px 0 12px}p{margin:8px 0 15px;white-space:pre-wrap;overflow-wrap:anywhere}strong{font-weight:700}a{color:var(--gold);text-decoration:none}.shell{max-width:1180px;margin:auto;padding:0 36px}.masthead{display:flex;justify-content:space-between;align-items:center;padding:27px 0 23px;gap:15px}.brand{display:flex;align-items:center;gap:13px;font-family:Georgia,serif;font-size:25px;letter-spacing:.08em;color:var(--gold);line-height:1.25}.brand b{font-weight:400;color:var(--ink)}.brand small{display:block;font-family:system-ui,sans-serif;font-size:10px;color:var(--muted);letter-spacing:.13em;margin-top:6px}.brand-icon{font-size:44px;line-height:1}.version{font:14px Georgia,serif;color:var(--gold);text-align:right}.version span{display:block;font:9px system-ui,sans-serif;letter-spacing:.15em;color:var(--muted);margin-top:4px}.app-fieldset{margin:0;padding:0;border:0;min-width:0}.nav{display:flex;gap:5px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:12px 0;overflow:auto}.nav button{font-size:14px;white-space:nowrap;padding:10px 13px;border-color:transparent;background:transparent;color:var(--muted);flex:1}.nav button.active{background:var(--soft);color:var(--gold);border-color:#7b8b95}.nav button:hover{color:var(--gold)}main{padding:38px 0;min-height:60vh}.eyebrow{font:700 10px/1.6 system-ui,sans-serif;letter-spacing:.18em;color:var(--gold)}.muted{color:var(--muted)}.gold{color:var(--gold)}.small{font-size:13px}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px}.page-heading p{margin-bottom:0}.panel,.trait{border:1px solid var(--line);border-radius:12px;background:linear-gradient(140deg,#2a4461,var(--surface));padding:25px}.trait{position:relative;border-top:2px solid #bea776}.trait h3{font-family:'Yu Mincho',serif;color:var(--ink);font-size:23px}.trait .card-meta{margin-bottom:16px}.card-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.tag{font-size:11px;color:var(--gold);letter-spacing:.04em;font-weight:700}.visibility{display:inline-flex;align-items:center;gap:5px;font-size:10px;color:var(--muted)}.conditions{border-left:2px solid #68869b;padding-left:14px;margin:22px 0 4px;font-size:14px;color:#e5edf4}.conditions span{display:block;font-size:10px;color:var(--muted);margin-bottom:4px;letter-spacing:.06em}.conditions p{margin:12px 0}.grid,.compare-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}.stack{display:grid;gap:18px}.section{margin-top:25px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:35px 0 16px}.section-head h2{font-size:21px;margin:0}.controls,.card-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.card-actions{margin-top:20px;border-top:1px solid var(--line);padding-top:16px}.card-actions button{font-size:12px}.badge{display:inline-block;font-size:10px;border:1px solid #71889c;border-radius:5px;padding:3px 8px;color:var(--muted);margin-top:9px}.notice{display:flex;gap:12px;align-items:flex-start;border-left:3px solid var(--mint);background:#264d58;padding:16px 18px;border-radius:6px;color:#e0f6ec;line-height:1.75}.notice svg{flex-shrink:0;margin-top:4px}.notice p:last-child{margin-bottom:0}.welcome{display:grid;grid-template-columns:1.1fr 1fr;gap:50px;padding:38px;background:radial-gradient(ellipse at top left,#3a5874,transparent 80%),#273e57}.welcome h2{font:600 32px/1.6 'Yu Mincho',serif;margin-top:20px}.welcome .notice{font-size:12px;margin-top:25px}.join-box{border-left:1px solid var(--line);padding-left:34px}.join-box h3{font-size:21px}.wide{width:100%}.join-box .text-btn{width:100%;font-size:12px;margin-top:7px}.player-strip{display:flex;align-items:center;gap:18px;background:#2b4662;border:1px solid var(--line);border-radius:12px;padding:20px 24px}.avatar{border:1px solid #bda878;background:#3b526b;color:var(--gold);font-size:24px;width:54px;height:54px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:10px;font-family:serif}.player-strip .stat{border-left:1px solid var(--line);padding-left:24px;margin-left:15px}.stat b{font:24px Georgia,serif;display:block;color:var(--gold)}.stat small{display:block;color:var(--muted);font-size:10px}.player-strip .text-btn{margin-left:auto;font-size:12px}.filters{display:flex;gap:8px;flex-wrap:wrap;margin:25px 0}.filters button{border-radius:30px;min-height:33px;font-size:11px;padding:6px 13px;background:transparent;border-color:#647b93;color:var(--muted)}.filters button.selected{background:#dfc58f;color:#1a2b43;border-color:#dfc58f}.empty{text-align:center;padding:45px 25px;color:var(--muted);border:1px dashed #657f99;border-radius:12px}.empty .controls{justify-content:center;margin-top:22px}.empty svg{margin:auto}.empty-icon{display:block;font:40px Georgia,serif;color:var(--gold);margin-bottom:12px}.empty h2{font-family:'Yu Mincho',serif;color:var(--ink);font-weight:500}.next-step{display:flex;align-items:center;gap:18px;margin-top:35px}.next-step>svg{color:var(--gold);flex-shrink:0}.next-step h3{font-size:17px;margin:0}.next-step p{margin:5px 0 0}.next-step button{margin-left:auto;white-space:nowrap;font-size:12px}.question h2{font-size:22px;margin-top:12px}.question{padding:30px}details{border:1px solid #536e87;border-radius:8px;padding:12px 15px;margin:16px 0;font-size:14px}summary{cursor:pointer;font-size:12px;font-weight:650;color:var(--gold)}details p{margin-top:12px}.answer-read{padding:15px 0;border-bottom:1px solid var(--line)}.answer-read:last-child{border:0}.privacy-box{border:1px solid #6a8a99;background:#244654;border-radius:8px;padding:18px;margin:23px 0}.privacy-box h3{display:flex;align-items:center;gap:8px;font-size:17px}.check{display:flex;align-items:flex-start;gap:10px;font-size:14px;font-weight:500;line-height:1.6}.check input{appearance:auto;width:18px;height:18px;padding:0;min-width:18px;flex-shrink:0;margin:3px 0 0;accent-color:#e5c787}.large-text{min-height:170px}.log-card p{margin-top:17px}.log-card .controls button{font-size:12px}.players-list{display:grid;grid-template-columns:1fr 1fr;gap:10px}.players-list button{justify-content:flex-start;text-align:left;gap:14px;padding:15px}.players-list small{display:block;color:var(--muted);font-size:11px}.players-list svg{margin-left:auto}.small-avatar{width:40px;height:40px;font-size:18px}.compare-side{min-width:0;padding:18px;border:1px solid var(--line);border-radius:10px;background:#20364d}.compare-side label{margin-top:0;margin-bottom:18px}.compare-side .trait{padding:19px}.compare-side .trait h3{font-size:21px}.file-label{font-size:13px;margin-top:22px}.file-label input{font-size:12px}.panel h2 svg{display:inline;vertical-align:middle;margin-right:10px}.text-link{font-size:13px;text-decoration:underline;text-underline-offset:5px}footer{border-top:1px solid var(--line);padding:32px 0 40px;font-size:13px;color:var(--muted)}.footer-brand{font-size:19px;gap:7px;margin-bottom:15px}.footer-brand span{font:10px system-ui;margin-left:10px;letter-spacing:0}footer .controls{margin-top:20px;gap:25px}footer .text-btn{font-size:12px}.modal-backdrop{position:fixed;inset:0;z-index:50;background:#101e30dc;display:flex;justify-content:center;align-items:center;padding:20px;overflow-y:auto}.modal{max-width:620px;width:100%;box-shadow:0 20px 80px #0006;max-height:95dvh;overflow:auto}.modal h2{font-family:'Yu Mincho',serif}.modal input[readonly]{font-family:monospace;font-size:13px}.modal .controls{margin:16px 0}.modal .controls button{font-size:12px}.toast{position:fixed;right:24px;bottom:22px;max-width:min(510px,calc(100vw - 32px));padding:14px 20px;border:1px solid var(--mint);background:#244d50;color:#e8fff5;border-radius:10px;z-index:100;font-size:14px;box-shadow:0 8px 35px #0004}.toast.error{border-color:#e9a9a4;background:#543d4c;color:#ffe7df}.toast button{display:block;font-size:11px;margin-top:8px}[hidden]{display:none!important}@media(max-width:800px){.shell{padding:0 20px}.nav{flex-wrap:wrap;overflow:visible;gap:3px}.nav button{flex:1 1 30%;font-size:11px;padding:9px 6px;gap:5px}.nav svg{width:15px}main{padding:27px 0}.welcome{gap:24px;padding:25px}.welcome h2{font-size:28px}.join-box{padding-left:22px}.player-strip{flex-wrap:wrap;gap:12px;padding:17px}.player-strip .stat{padding-left:15px;margin-left:0}.player-strip .text-btn{margin-left:0}.next-step{flex-wrap:wrap}.next-step button{margin-left:45px}.trait{padding:20px}.panel{padding:22px}.question{padding:24px}.page-heading{align-items:flex-start;flex-wrap:wrap}.page-heading button{font-size:12px}.compare-grid{gap:12px}.compare-side{padding:12px}.compare-side .trait{padding:15px}.compare-side .trait h3{font-size:19px}.compare-side .trait p{font-size:14px}}
@media(max-width:560px){body{font-size:15px}.shell{padding:0 15px}.masthead{padding:21px 0}.brand{font-size:22px;gap:10px}.brand-icon{font-size:37px}.brand small{font-size:9px}.grid,.welcome,.compare-grid,.players-list{grid-template-columns:1fr}.join-box{border-left:0;border-top:1px solid var(--line);padding:20px 0 0}.welcome h2{font-size:28px}.welcome{padding:24px;gap:10px}.welcome .notice{margin-top:20px}h1{font-size:27px}.page-heading{gap:16px;margin-bottom:23px}.player-strip .avatar{width:42px;height:42px;font-size:20px}.player-strip>div:nth-child(2){flex:1}.player-strip .stat{border-left:0;padding-left:0;margin-right:25px}.player-strip .stat b{font-size:21px;display:inline-block;margin-right:8px}.player-strip .stat small{display:inline-block}.player-strip .text-btn{margin-left:auto}.filters{gap:6px}.filters button{font-size:10px;padding:6px 10px}.section-head{flex-wrap:wrap}.section-head h2{font-size:20px}.trait h3{font-size:22px}.card-actions button{font-size:11px}.controls button{flex:1 1 auto}.question h2{font-size:20px}.compare-side{padding:16px}.compare-side .trait h3{font-size:22px}.compare-side .trait p{font-size:15px}.modal-backdrop{padding:13px}.modal{padding:21px}.toast{right:16px;bottom:16px}}
@media(max-width:560px){.player-strip>div:nth-child(2){flex:1 1 calc(100% - 65px);min-width:0}.player-strip .stat{flex:0 0 auto}.brand{white-space:nowrap}.brand small{white-space:normal}.version{flex-shrink:0}}
@media(max-width:360px){.brand{font-size:19px}.brand-icon{font-size:30px}.version{font-size:12px}}
/* 2026-10-19: short status overview and mobile comparison */
.owner-preview{display:grid;grid-template-columns:1fr auto;gap:10px 30px;align-items:center}.owner-preview h2{font-size:22px}.owner-preview p{max-width:650px}.owner-preview .status-chips{grid-column:1}.owner-preview>button{grid-column:2;grid-row:1/3}.status-chips{display:flex;flex-wrap:wrap;gap:8px}.status-chips span{border:1px solid #8e9b9b;padding:7px 12px;border-radius:5px;color:var(--gold);font-size:13px}.status-board{border:1px solid #a28f6d;box-shadow:inset 0 0 0 5px #172a3d55}.status-board .section-head{margin:0 0 20px}.status-row{display:grid;grid-template-columns:180px 1fr;border-top:1px solid var(--line);padding:16px 0;gap:20px;align-items:center}.status-row h3{font-size:14px;color:var(--muted);margin:0}.status-row>div{display:flex;flex-wrap:wrap;gap:9px}.status-row a{display:inline-flex;align-items:center;gap:8px;background:#1d344b;border:1px solid #8e876e;border-radius:6px;padding:8px 14px;font-size:15px}.status-row a:hover{background:#3a536c}.example-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:stretch}.example-detail{scroll-margin-top:22px;min-width:0}.example-detail>.trait{height:100%;display:flex;flex-direction:column}.example-detail .trait>p{min-height:6em}.example-detail .badge{align-self:flex-start;margin-top:auto}.example-detail details{margin-bottom:0}.example-detail:target>.trait{outline:2px solid var(--mint)}blockquote{border-left:2px solid var(--gold);padding-left:15px;margin:20px 0;color:#eff4fa}.compare-selectors{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:20px 0}.comparison-table{border:1px solid #8392a1;border-radius:10px;overflow:hidden}.comparison-header,.comparison-row{display:grid;grid-template-columns:160px 1fr 1fr}.comparison-header{background:#3a526b;color:var(--gold);font-size:14px}.comparison-header>*{padding:16px}.comparison-row{border-top:1px solid var(--line);background:#253e58}.comparison-row>*{padding:18px;overflow-wrap:anywhere;min-width:0}.comparison-row>strong{font-size:13px;color:var(--gold);background:#20364d}.comparison-row>div{border-left:1px solid var(--line);font-size:15px}.mobile-person{display:none}.comparison-details{display:grid;gap:10px}.comparison-details>details{margin:0;background:#20364d}.comparison-details>details>summary{font-size:14px;padding:4px}.comparison-details .trait{max-width:800px}.grid{align-items:stretch}
@media(max-width:700px){.owner-preview{grid-template-columns:1fr}.owner-preview>button{grid-column:1;grid-row:auto;justify-self:start}.status-row{grid-template-columns:1fr;gap:10px}.example-grid{grid-template-columns:1fr}.example-detail .trait>p{min-height:0}.compare-selectors{grid-template-columns:1fr;gap:0}.comparison-header{display:none}.comparison-row{grid-template-columns:1fr}.comparison-row>strong{padding:12px 16px;font-size:14px}.comparison-row>div{border-left:0;padding:14px 16px}.comparison-row>div+div{border-top:1px dashed var(--line)}.mobile-person{display:block;font-size:11px;color:var(--gold);margin-bottom:6px}.status-board{padding:20px}.status-row a{font-size:14px}}

.compact-trait summary{display:flex;flex-wrap:wrap;align-items:center;gap:12px;cursor:pointer;padding:6px 0}.compact-trait summary strong{font-size:1.16rem;color:#f1d59a}.compact-trait summary .small{margin-left:auto}.status-row h2{font-size:1rem}.status-row>div{min-width:0;width:100%}.status-row .trait{margin:0;padding:14px 18px}.raw-text{white-space:pre-wrap;overflow-wrap:anywhere}.nav{flex-wrap:wrap}

.home-copy p{font-size:18px;line-height:2;margin:0 0 22px}.home-copy p:last-child{margin-bottom:0}.bright-pair{display:grid;grid-template-columns:1fr 1fr;gap:18px}.bright-card h3{font-size:22px;color:var(--gold)}.bright-card{border-top:3px solid var(--mint)}.rest-card{border-top-color:var(--gold)}.after-home{padding:22px 18px;background:#193b48;border-radius:8px;margin:22px 0}.rest-card .after-home{background:#4b4552}.after-home span,.shared-facts span{display:block;font-size:12px;color:var(--muted);margin-bottom:6px}.after-home strong{font-size:21px;line-height:1.65;display:block}.shared-facts{display:grid;grid-template-columns:1fr 1fr;gap:20px}.shared-facts p{margin:0}.shared-scene h2{font-size:18px}.compare-takeaway{padding:24px 0;font-size:19px;color:var(--gold)}.other-themes>summary{font-size:16px;padding:10px}.status-row>div.stack{display:grid}.compact-trait summary .tag{flex-shrink:0}h1{text-wrap:balance}@media(max-width:600px){.bright-pair{grid-template-columns:1fr}.home-copy p{font-size:16px}.bright-card h3{font-size:21px}.after-home strong{font-size:20px}.shared-facts{grid-template-columns:1fr;gap:15px}.status-row .trait{padding:12px}.compact-trait summary strong{width:100%}.compact-trait summary .small{margin-left:0}.bright-pair .panel{padding:20px}}

/* Official publishing links */
.official-section{margin-top:42px}.official-section>h2{text-align:center;font-size:22px;margin-bottom:22px}.official-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.official-card{position:relative;display:flex;flex-direction:column;min-width:0;min-height:190px;padding:25px 25px 45px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--ink);transition:border-color .18s,background .18s}.official-card:hover{border-color:var(--gold);background:var(--soft)}.official-card:focus-visible{outline:2px solid var(--gold);outline-offset:4px}.official-title{display:flex;align-items:center;gap:12px;font-size:20px;font-weight:650}.official-icon{display:inline-flex;align-items:center;justify-content:center;width:28px;font-size:24px}.official-description{display:block;margin-top:15px;font-size:15px;color:var(--muted);overflow-wrap:anywhere;line-height:1.8}.official-arrow{position:absolute;right:20px;bottom:14px;font-size:22px;color:var(--gold)}.official-footer{display:flex;flex-wrap:wrap;gap:8px 22px}.official-footer a{display:inline-flex;align-items:center;min-height:44px;font-size:13px}@media(max-width:800px){.official-grid{grid-template-columns:minmax(0,1fr);gap:12px}.official-card{min-height:116px;padding:20px 48px 20px 20px}.official-title{font-size:18px}.official-description{margin-top:8px}.official-arrow{top:19px;bottom:auto}.official-section>h2{font-size:21px}}

.official-platform{font-size:13px;color:var(--muted);margin-bottom:12px;letter-spacing:.05em}.official-card{min-height:210px}@media(max-width:800px){.official-card{min-height:150px}.official-platform{margin-bottom:8px}}