#diagnosticEntry{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;padding:13px 15px;margin:10px 0;background:linear-gradient(110deg,#182d40,#1b2030);border:1px solid #d0ac65;border-radius:10px;color:#f7e4b8;text-align:left;font:inherit;cursor:pointer}
#diagnosticEntry strong{display:block;font-size:18px}#diagnosticEntry small{display:block;font-size:13px;margin-top:4px;color:#d6cebf}
#diagnosticDialog{width:min(640px,calc(100% - 24px));max-height:calc(100dvh - 32px);box-sizing:border-box;padding:20px;background:#151e2d;color:#f4eddf;border:1px solid #d6af62;border-radius:14px;overflow:auto;font-family:system-ui,sans-serif;line-height:1.7}
#diagnosticDialog::backdrop{background:#050710cc}#diagnosticDialog *{box-sizing:border-box}#diagnosticDialog header{display:flex;align-items:center;justify-content:space-between;gap:12px}#diagnosticDialog h2{font-size:21px;margin:0}#diagnosticDialog h3{font-size:19px}#diagnosticDialog button{font:inherit;min-height:44px;padding:9px 13px;border:1px solid #99845b;border-radius:7px;background:#243248;color:#f5e6c7;cursor:pointer}#diagnosticDialog button:disabled{opacity:.5;cursor:default}#diagnosticDialog button:focus-visible,#diagnosticEntry:focus-visible{outline:3px solid #81e3ff;outline-offset:3px}#diagnosticDialog .diag-primary{background:linear-gradient(120deg,#be944c,#f1d795);color:#291f11;font-weight:700}.diag-kicker{color:#e9c786;font-size:14px}.diag-note{font-size:14px;color:#c7cbd2}.diag-score{text-align:center;border:1px solid #b39358;border-radius:10px;padding:15px}.diag-score>strong{display:block;font-size:64px;line-height:1.3;color:#f4d18b}.diag-subjects{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.diag-subjects>div{border:1px solid #6f664e;border-radius:8px;padding:10px;text-align:center}.diag-subjects span,.diag-subjects small{display:block}.diag-subjects small{font-size:13px}.diag-options{display:grid;gap:10px}.diag-options button{text-align:left;display:flex;gap:12px;align-items:center}.diag-options button[aria-pressed=true]{border-color:#88edff!important;background:#1a4a61!important}.diag-options span{color:#edce8a}.diag-navigation{display:flex;justify-content:space-between;gap:12px;margin-top:18px}.diag-question{background:#f2e7cf;color:#211d17;padding:15px;border-radius:8px;font-size:17px!important;overflow-wrap:anywhere}.diag-error{color:#ffb7a7;font-size:15px}.diag-error:empty{display:none}#diagnosticDialog progress{width:100%;accent-color:#d9b466}#diagnosticDialog summary{cursor:pointer;color:#efd18d}
@media(max-width:360px){#diagnosticDialog{padding:14px}.diag-subjects{gap:4px}.diag-subjects>div{padding:6px}}
.oni-tabs{display:flex;flex-wrap:wrap;gap:6px;margin:16px 0}.oni-tabs button{flex:1;white-space:nowrap;font-size:13px!important;padding:8px!important}.oni-tabs [aria-pressed=true]{border-color:#f4d18b!important;background:#524323!important}
#oniGrowthToast{position:fixed;left:50%;bottom:max(12px,env(safe-area-inset-bottom));transform:translateX(-50%);z-index:10020;width:max-content;max-width:calc(100% - 24px);padding:10px 16px;border:1px solid #e4c87e;border-radius:12px;background:#172b39f5;color:#ffe5a2;font-size:13px;text-align:center;pointer-events:none;box-shadow:0 4px 20px #0005}#oniGrowthToast[hidden]{display:none}.oni-growth-progress{text-align:center}.oni-sync{color:#a6e1d2;font-size:13px}.choice.wrong{background:#263d50!important;border-color:#91cddd!important;color:#e3f3ff!important;animation:none!important}.choice.wrong::after{content:'一緒に確認'!important;font-size:11px!important;color:#bce8f2!important}
#diagnosticEntry{gap:10px}#diagnosticEntry>span:nth-child(2){flex:1;min-width:0}#diagnosticEntry>span:last-child{font-size:12px;flex-shrink:0}.oni-entry-medal:empty{display:none}#diagnosticEntry .oni-medal{width:44px;height:54px;flex-basis:44px}#diagnosticEntry .oni-medal i{font-size:15px}#diagnosticEntry .oni-medal b{font-size:17px}#diagnosticEntry .oni-medal small{font-size:14px!important;margin:0}
.oni-honor{display:flex;align-items:center;gap:18px;margin:16px 0;padding:18px 12px;background:radial-gradient(ellipse at 10% 40%,#83622955,transparent 70%);border-block:1px solid #ac8c5266}.oni-honor h3{margin:4px 0;color:#f4d18b}.oni-honor p{font-size:13px;margin:6px 0}.oni-honor small{font-size:12px;color:#bcb6a9}
.oni-medal{display:inline-flex;position:relative;flex:0 0 72px;width:72px;height:84px;flex-direction:column;align-items:center;justify-content:center;color:#f9deb0;border:2px solid #a9874d;border-radius:50% 50% 40% 40%;background:radial-gradient(circle at 35% 20%,#9b804f,#282536 70%);box-shadow:inset 0 0 0 4px #171e2d,inset 0 0 0 5px #a9874d,0 5px 18px #0005;line-height:1.1}.oni-medal i{font-style:normal;font-size:23px}.oni-medal b{font-size:22px}.oni-medal small{font-size:20px!important;line-height:.7;color:inherit!important;letter-spacing:2px}.oni-ornate{outline:1px solid #d8bf85;outline-offset:3px}.oni-medal-0,.oni-medal-1,.oni-medal-2{filter:saturate(.4)}.oni-medal-4{background:radial-gradient(circle at 35% 20%,#9aacc1,#28313c 70%)}.oni-medal-6{background:radial-gradient(circle at 35% 20%,#5c80a3,#24233c 70%)}.oni-medal-7,.oni-medal-8{background:radial-gradient(circle at 35% 20%,#b68b38,#1b172c 70%);box-shadow:inset 0 0 0 4px #171e2d,inset 0 0 0 5px #cfab60,0 0 18px #cda34244}
.oni-awards{display:grid;gap:12px}.oni-awards article{display:flex;gap:18px;padding:16px;border:1px solid #b3935866;border-radius:10px;align-items:center}.oni-awards h3{margin:0!important}.oni-awards p{font-size:13px}.oni-awards small{overflow-wrap:anywhere}
.oni-rank-list{display:grid;gap:8px}.oni-rank-list article{display:flex;gap:10px;align-items:center;border:1px solid #8d774c66;border-radius:10px;padding:12px 8px}.oni-rank-list article>div{min-width:0;flex:1}.oni-rank-list article>div>*{display:block;overflow-wrap:anywhere}.oni-rank-list article>div strong{font-size:13px}.oni-rank-list article>div span{font-size:14px;color:#f4d18b}.oni-rank-list article>div small{font-size:13px}.oni-rank-list article>b{width:30px;flex-shrink:0;font-size:21px;color:#f4d18b;text-align:center}.oni-rank-list article>b small{display:block;font-size:11px}.oni-rank-list .oni-medal{flex-basis:46px;width:46px;height:58px}.oni-rank-list .oni-medal i{font-size:16px}.oni-rank-list .oni-medal b{font-size:17px}.oni-rank-list .oni-medal small{font-size:14px!important}.oni-rank-list .is-me{border-color:#80d7e8;background:#173443}.oni-own-rank{padding:14px;border:1px solid #80d7e8;border-radius:8px}.oni-own-rank strong,.oni-own-rank small{display:block}.oni-own-rank small{font-size:12px}.oni-privacy{margin-top:20px;padding:14px;border:1px solid #8d774c;border-radius:10px}.oni-privacy strong{overflow-wrap:anywhere}
@media(prefers-reduced-motion:no-preference){.oni-honor .oni-medal{animation:oni-medal-reveal .45s ease-out}@keyframes oni-medal-reveal{from{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}}

body:has(#battle.active) #oniGrowthToast{top:72px;bottom:auto}
#oniDeviationEntry{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:13px 15px;margin:10px 0;background:linear-gradient(110deg,#193b43,#1c2738);border:1px solid #7dbcc5;border-radius:10px;color:#d9f5f2;text-align:left;font:inherit;cursor:pointer}#oniDeviationEntry strong{display:block;font-size:18px}#oniDeviationEntry small{display:block;font-size:13px;margin-top:4px}#oniDeviationEntry>span:first-child{min-width:0;flex:1}#oniDeviationEntry>span:last-child{font-size:12px;flex-shrink:0}#oniDeviationEntry:focus-visible{outline:3px solid #81e3ff;outline-offset:3px}.oni-diagnostic-standing strong{font-size:29px;letter-spacing:.02em}

#diagnosticEntry .oni-entry-summary{display:flex;align-items:center;flex-wrap:wrap;gap:4px 10px}#diagnosticEntry .oni-entry-summary strong{white-space:nowrap}#diagnosticEntry .oni-entry-title{margin:0;padding:2px 7px;border:1px solid #b3935866;border-radius:6px;color:#f4d18b;line-height:1.5}
@media(max-width:420px){#diagnosticEntry{padding:11px 10px;gap:7px}#diagnosticEntry .oni-medal{width:32px;height:42px;flex-basis:32px}#diagnosticEntry .oni-entry-summary strong{font-size:15px}#diagnosticEntry .oni-entry-title{font-size:12px;padding:2px 4px}#diagnosticEntry>span:last-child{font-size:11px}}

.shop-perks{padding:16px;margin:14px 0;border:1px solid #b99861;border-radius:12px;background:linear-gradient(120deg,#243445,#302839);color:#f8e5bd;line-height:1.7}.shop-perks strong{font-size:24px;color:#ffdb91}.shop-perks small,.shop-guide,.shop-stock{font-size:12px;line-height:1.7}.shop-stock{color:#e9cc89;margin-top:5px}#shopCatalog .shop-item{min-width:0;gap:10px}#shopCatalog .shop-info{min-width:0;overflow-wrap:anywhere}#shopCatalog .shop-right{flex-shrink:0}#shopCatalog .shop-buy{min-height:44px;font-size:12px;padding:8px}#shopCatalog .shop-buy:disabled{opacity:.6}.item-btn{min-height:40px}@media(max-width:380px){#shopCatalog .shop-icon{font-size:24px}#shopCatalog .shop-item{padding:12px 8px;gap:7px}#shopCatalog .shop-name{font-size:15px}}

.oni-battle-achievement{margin:18px 0;padding:16px;border:1px solid #cfac65;border-radius:12px;background:linear-gradient(135deg,#152d36,#251e2c);text-align:center;color:#f5e7c7}.oni-battle-score{display:flex;align-items:center;flex-direction:column;gap:4px;padding:14px;border:1px solid #b89957;border-radius:12px;background:radial-gradient(ellipse at top,#73603744,transparent)}.oni-battle-score strong{font-size:52px;line-height:1.2;color:#ffdc8f}.oni-battle-score>span:last-child{font-size:14px;color:#f6d998}.oni-first-score{text-align:center}.oni-record-chips{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.oni-record-chips span{font-size:12px;padding:4px 8px;background:#303546;border:1px solid #aa8b5266;border-radius:20px}.oni-battle-achievement .diag-note{font-size:12px}.oni-battle-achievement .oni-own-rank strong{font-size:25px}.oni-battle-achievement p{line-height:1.7}