:root{--cream:#fff9e9;--ink:#293329;--violet:#60338d;--green:#356542;--line:#dedac7;--soft:#eef3de}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--cream);color:var(--ink);font:17px/1.55 system-ui,sans-serif}button,input,select,textarea{font:inherit}a{color:var(--violet)}header{max-width:1120px;margin:auto;display:flex;justify-content:space-between;align-items:center;padding:20px 24px;gap:18px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font-size:12px;font-weight:800;letter-spacing:.06em}.brand small{display:block;font-size:10px;letter-spacing:.18em}main{max-width:1040px;margin:auto;padding:20px 24px 64px}.intro{padding:20px 0 36px;max-width:780px}h1,h2,h3{line-height:1.12;letter-spacing:-.035em;margin:.3em 0 .5em}h1{font-size:clamp(38px,6vw,66px);font-weight:850}h2{font-size:clamp(28px,4vw,40px)}h3{font-size:24px}p{margin:.6em 0 1em}.eyebrow{font-size:12px;font-weight:800;letter-spacing:.15em;color:var(--green)}.panel{background:#fffdf5;border:1px solid var(--line);border-radius:28px;padding:30px;margin:24px 0;box-shadow:0 8px 0 #dedac74d}.passport{display:grid;grid-template-columns:minmax(180px,35%) 1fr;gap:36px;align-items:center;border-top:6px solid var(--violet)}.portrait{background:#e6ecd5;border-radius:24px;text-align:center;overflow:hidden;padding:22px 14px}.portrait img{width:100%;height:auto;max-width:300px;object-fit:contain}.portrait span{display:block;font-size:11px;font-weight:800;letter-spacing:.25em;padding-top:12px}.stats{display:flex;gap:36px;padding:18px 0}.stats span{display:block;font-size:12px}.stats strong{font-size:38px;line-height:1.2}.badges{display:flex;flex-wrap:wrap;gap:8px}.badges span{padding:7px 12px;background:var(--soft);border-radius:18px;font-size:13px;color:#284c32}.fine,.settings,footer{font-size:14px;color:#515d50}.actions{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}button,.button,.tabs a{display:inline-flex;align-items:center;justify-content:center;min-height:46px;border:1px solid #b9bea9;background:#fffdf5;color:var(--ink);border-radius:14px;padding:10px 18px;text-decoration:none;font-weight:650;cursor:pointer}.primary,.button{background:var(--violet);color:white;border-color:var(--violet)}button:hover,a.button:hover{filter:brightness(.94)}button:disabled{opacity:.55;cursor:wait}:focus-visible{outline:3px solid #9b4d03;outline-offset:4px}.tabs{display:flex;gap:8px;flex-wrap:wrap}.tabs a{border:0;background:#ede6f3;color:#4b2571}.check{display:flex!important;gap:12px;align-items:flex-start}.check input{width:22px;min-height:22px;flex:none}label{display:block;margin:14px 0;font-size:15px;font-weight:600}input,select,textarea{display:block;width:100%;background:white;color:var(--ink);border:1px solid #828a7a;border-radius:10px;min-height:46px;padding:10px;margin-top:6px}dialog{max-width:min(560px,94vw);max-height:90dvh;border:1px solid var(--line);border-radius:24px;padding:24px;background:var(--cream);color:var(--ink)}dialog::backdrop{background:#19241b88}#status:not(:empty){padding:12px 18px;background:var(--soft);border-radius:12px}#form-error{color:#932c2c}.run{border-top:1px solid var(--line);padding:18px 0}.run p{margin:.4em 0}.run .actions{margin:10px 0}.run small{color:#515d50}#game-slot iframe{width:100%;height:800px;border:1px solid var(--line);border-radius:18px;margin-top:16px}.scorecard{background:#e8efd7;border-radius:20px;padding:24px;display:grid;grid-template-columns:1fr 35%;gap:20px}.scorecard strong{font-size:64px;display:block;line-height:1.2}.scorecard img{width:100%;align-self:center}.scorecard .card-alias{font-size:22px;font-weight:700;overflow-wrap:anywhere}.scorecard .eyebrow{grid-column:1/-1}.settings{padding:20px 0}.danger{color:#932c2c}details{padding:20px 0}summary{cursor:pointer;min-height:44px}.challenge-row{display:flex;justify-content:space-between;gap:10px;border-top:1px solid var(--line);padding:12px 0;overflow-wrap:anywhere}footer{padding-top:30px}.skip{position:absolute;top:-100px}.skip:focus{top:8px;left:8px;background:white;padding:10px;z-index:99}[hidden]{display:none!important}@media(max-width:600px){header{padding:15px}.brand span{font-size:10px}header>a:last-child{font-size:14px}main{padding:12px 14px 40px}.intro{padding-bottom:15px}.panel{padding:21px;border-radius:22px}.passport{grid-template-columns:1fr;gap:20px}.portrait{max-width:220px;margin:auto}.portrait img{max-width:175px}.stats{gap:24px}.scorecard{padding:18px;grid-template-columns:1fr 30%;gap:8px}.scorecard strong{font-size:48px}.scorecard .card-alias{font-size:18px}.actions button{flex-grow:1}#game-slot iframe{height:770px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
:root{--safe-bottom:env(safe-area-inset-bottom,0px)}
.passport>div{min-width:0}#alias,#bio{overflow-wrap:anywhere}.stats{flex-wrap:wrap}
main{padding-bottom:calc(64px + var(--safe-bottom))}
#game-slot{position:relative}#game-slot[data-state=loading]{min-height:180px;background:var(--soft);border-radius:18px}
#game-slot[data-state=loading]::before{content:"";display:block;position:absolute;top:42px;left:calc(50% - 40px);width:80px;height:80px;background:url('/assets/anime/brand-mark-small-v1.webp') center/contain no-repeat}
#game-slot[data-state=loading] iframe,#game-slot[data-state=failed] iframe{position:absolute;top:0;left:0;margin:0}
label small{display:block;font-weight:400;margin-top:4px}#form-error:not(:empty){padding:10px;border-left:3px solid currentColor}