@import url('/interface-control-charter.css');
@font-face{font-family:PixelUI;src:url('/fonts/fusion-pixel/fusion-pixel-12px-proportional-ja.otf.woff2')}:root{color-scheme:dark;--bg:#292c30;--panel:#1b1d1f;--ink:#e8e9e7;--muted:#a8afb7;--line:#42474d;background:var(--bg);color:var(--ink);font:18px/1.4 PixelUI,system-ui,sans-serif}:root[data-ui-theme=light]{color-scheme:light;--bg:#f0e5fa;--panel:#fff9ee;--ink:#352844;--muted:#74677f;--line:#aa96b9}*{box-sizing:border-box}body{margin:0}.public-profile{min-height:100dvh;display:flex;flex-direction:column;max-width:600px;margin:auto}header{position:relative;display:grid;place-items:center;min-height:64px;padding:env(safe-area-inset-top,0px) 54px 0;border-bottom:1px solid var(--line)}h1{font:400 30px/1 UniversityActions,monospace;text-transform:uppercase}.public-profile-close{position:absolute;left:12px;top:max(10px,env(safe-area-inset-top,0px));display:grid;place-items:center;width:44px;height:44px;text-decoration:none;color:var(--ink);font:32px/1 system-ui;outline:none}.public-profile-body{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px 24px max(30px,env(safe-area-inset-bottom,0px));text-align:center}.public-profile-logo{display:block;width:128px;height:128px;image-rendering:pixelated;object-fit:contain;border-radius:16px}h2{font:400 34px/1 UniversityActions;text-transform:uppercase;margin:24px 0 8px;overflow-wrap:anywhere}p{margin:8px 0;color:var(--muted)}#status{min-height:52px;font-size:16px;max-width:400px}.public-profile-actions{display:grid;gap:16px;width:min(360px,100%);margin-top:20px}.public-profile-actions .style-button{font:400 24px/1 UniversityActions;text-decoration:none;min-height:56px;--action-face:#1cb0f5;--action-edge:#1685b9;--action-ink:#292c30}#play{--action-face:#55beff;--action-edge:#2d84b7;--action-ink:#292c30}.style-button[hidden]{display:none!important}@media(orientation:landscape) and (max-height:500px){.public-profile-body{padding:12px 24px}.public-profile-logo{width:72px;height:72px}h2{margin:12px 0 0}#status{min-height:26px}.public-profile-actions{grid-template-columns:1fr 1fr;width:min(580px,100%);margin-top:10px}}

.public-profile-actions .style-button{display:flex;align-items:center;justify-content:center;padding:12px 16px;border:3px solid var(--action-edge);border-radius:14px;background:var(--action-face);color:var(--action-ink);box-shadow:0 3px 0 var(--action-edge);cursor:pointer}.public-profile-actions .style-button:active:not(:disabled){translate:0 2px;box-shadow:0 1px 0 var(--action-edge)}#add{--action-face:#1cb0f5;--action-edge:#1685b9;--action-ink:#292c30}

#follow{display:flex;align-items:center;justify-content:center;gap:8px;--action-face:#167ca9;--action-edge:#0e5a7d;--action-ink:#fff;font-size:clamp(17px,5vw,24px)}
#follow[aria-pressed=true]{--action-face:#292c30;--action-edge:#191b1e}
.public-follow-art{display:grid;place-items:center;width:32px;height:24px;flex:none}
.public-follow-art img{grid-area:1/1;display:block;width:32px;height:24px;object-fit:contain}
.public-follow-art img+img,#follow[aria-pressed=true] .public-follow-art img:first-child{opacity:0}
#follow[aria-pressed=true] .public-follow-art img+img{opacity:1}