:root{--orange:#f39a13;--orange2:#ffb02e;--blue:#2e73b3;--blue2:#4388c7;--line:#b9cddd;--bg:#edf4fb;--ink:#26384d;--muted:#6d7f91;--box:#fff;--danger:#b73737}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;font:13px Arial,Helvetica,sans-serif;color:var(--ink);background:linear-gradient(#f8fbfe,#eaf2f8 210px);min-height:100vh}a{color:#2367a5;text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;display:block}.retro-top{background:linear-gradient(#ffd477,#f5a318);border-bottom:1px solid #d88b08}.retro-topin{width:100%;margin:0;height:78px;padding-left:16px;padding-right:16px;display:flex;align-items:center;justify-content:space-between}.retro-brand{font-size:34px;font-weight:bold;color:#fff;text-shadow:0 1px 1px #8c5a00;line-height:.8}.retro-brand span{color:#e76f00}.retro-brand small{display:block;font-size:10px;font-weight:normal;letter-spacing:.2px;margin-top:10px;color:#734800;text-shadow:none}.account-mini{align-self:flex-start;margin-top:13px;font-size:11px;color:#5a470e}.account-mini a{color:#4f5e69}.retro-nav{background:linear-gradient(#4c8ac2,#2f6fa8);border-top:1px solid #79a7ce;border-bottom:1px solid #1f537f;box-shadow:0 1px 2px #0002}.retro-navin{width:100%;margin:auto;display:flex;align-items:stretch;min-height:37px}.retro-navin>a{color:#fff;font-weight:bold;padding:11px 12px 9px;border-right:1px solid #2a6395;text-shadow:0 1px #24557c}.retro-navin>a:hover,.retro-navin>a.active{background:linear-gradient(#2f6fa8,#245d91);text-decoration:none}.retro-search{margin-left:auto;display:flex;gap:4px;align-items:center;padding:5px}.retro-search input{height:25px;border:1px solid #1d527e;padding:3px 6px;width:150px}.retro-search button{height:25px;border:1px solid #17476d;background:#fff;color:#285f8d;font-weight:bold}.flash-wrap{width:100%;margin:12px auto}.alert{background:#effbe9;border:1px solid #8dc66f;padding:9px}.alert.err{background:#fff0f0;border-color:#d99191}.retro-layout{width:100%;margin:14px 0 40px;padding-left:16px;padding-right:16px;display:grid;grid-template-columns:190px minmax(0,1fr) 210px;gap:10px;align-items:start}.retro-content{width:100%;margin:14px 0 40px;padding-left:16px;padding-right:16px}.retro-content.narrow{max-width:none}.retro-box{background:#fff;border:1px solid var(--line);box-shadow:0 1px 1px #7f9aaa1f}.retro-box-title{background:linear-gradient(#fdfefe,#e7f0f8);border-bottom:1px solid var(--line);padding:7px 9px;font-weight:bold;color:#2d6696}.retro-pad{padding:10px}.gap{margin-top:10px}.center{text-align:center}.center>*{margin-left:auto;margin-right:auto}.retro-sidemenu{display:grid}.retro-sidemenu a{padding:7px 9px;border-bottom:1px solid #edf2f6;color:#3d6687}.retro-sidemenu a:hover{background:#eef6fc;text-decoration:none}.avatar,.mini-avatar,.small-avatar,.tiny-avatar,.friend-avatar,.member-avatar,.profile-thumb,.big-profile-avatar{display:inline-grid;place-items:center;overflow:hidden;background:#dceaf5;color:#2e6798;font-weight:bold;border:1px solid #a9c2d6;vertical-align:middle}.avatar img,.mini-avatar img,.small-avatar img,.tiny-avatar img,.friend-avatar img,.member-avatar img,.profile-thumb img,.big-profile-avatar img{width:100%;height:100%;object-fit:cover}.avatar{width:36px;height:36px}.mini-avatar{width:46px;height:46px}.small-avatar{width:42px;height:42px}.tiny-avatar{width:30px;height:30px}.friend-avatar{width:64px;height:64px}.member-avatar{width:90px;height:90px}.profile-thumb{width:95px;height:95px;margin-bottom:8px}.big-profile-avatar{width:140px;height:165px;margin-bottom:8px}.center b,.center small{display:block}.text-link{display:block;margin-top:8px}.mini-people{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:8px}.mini-people a{text-align:center;font-size:11px;color:#366a96}.mini-people span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.retro-form{display:grid;gap:8px}.retro-form label{display:grid;gap:4px;font-weight:bold;color:#526a7b}.retro-form input,.retro-form textarea,.retro-form select,.www-form input,.search-page input,.message-send input,.scrap-form textarea,.inline-form input,.tick-form select{width:100%;border:1px solid #9db5c7;background:#fff;padding:7px;font:inherit}.retro-form textarea,.scrap-form textarea{resize:vertical}.form-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.orange-btn,.blue-btn,.danger-btn,.file-btn,.profile-actionlist button{display:inline-block;border:1px solid #a66300;padding:6px 10px;background:linear-gradient(#ffbd48,#ec8c00);color:#fff;font-weight:bold;cursor:pointer;text-shadow:0 1px #8a5900}.blue-btn{border-color:#245d8b;background:linear-gradient(#4b93d1,#2e6fa8);text-shadow:0 1px #1f537c}.danger-btn{border-color:#8e2d2d;background:linear-gradient(#d65d5d,#ad3636)}.big{padding:10px 15px;font-size:14px;margin-right:5px}.file-btn{cursor:pointer}.www-form{display:grid;grid-template-columns:1fr 150px auto;gap:6px}.activity-line{display:flex;gap:8px;padding:7px 0;border-bottom:1px solid #edf1f4}.activity-line small,.retro-posthead small,.blog-snippet small,.blog-full small,.bubble small,.notify-row small,.member-row small,.network-row small{display:block;color:var(--muted);margin-top:2px}.retro-post{background:#fff;border:1px solid var(--line);margin-top:10px;padding:10px}.retro-posthead{display:flex;gap:8px;align-items:center}.retro-postbody{padding:9px 0;line-height:1.45;white-space:pre-wrap}.retro-postimage{max-height:500px;object-fit:contain;border:1px solid #dce6ee;background:#f7fafc}.retro-actions{display:flex;gap:15px;border-top:1px solid #e3ebf1;margin-top:8px;padding-top:7px;color:#4a6f8e;font-size:12px}.retro-linkbutton{border:0;background:none;color:#2367a5;padding:0;cursor:pointer;font:inherit}.retro-linkbutton.on{font-weight:bold;color:#dd7c00}.retro-comments{margin-top:7px;background:#f3f7fa;border-top:1px solid #dbe6ee;padding:6px}.retro-comments>div{padding:4px 0}.inline-form{display:flex;gap:5px;margin-top:6px}.inline-form button{border:1px solid #7b9bb3;background:#fff;color:#37617f}.muted{color:var(--muted)}.retro-empty{color:#8796a2;font-style:italic;padding:6px}.retro-empty.big{text-align:center;padding:80px 20px}.retro-footer{width:100%;margin:30px auto 80px;border-top:1px solid #c9d9e4;padding:14px 4px;color:#6f7f8b;font-size:11px}.mobilebar{display:none}.auth-retro{width:min(520px,calc(100% - 24px));margin:40px auto}.auth-retro h1{font-size:22px;color:#386d98;margin-top:0}.public-home{width:100%;margin:35px auto;display:grid;grid-template-columns:1fr 280px;gap:20px}.public-intro{background:#fff;border:1px solid #c3d5e4;padding:30px}.public-intro h1{font-size:34px;margin:0 0 12px;color:#386d98}.public-intro p{font-size:16px;line-height:1.5}.public-card{background:linear-gradient(#fff,#edf5fb);border:1px solid #c3d5e4;padding:30px;text-align:center}.public-card b{font-size:52px;color:#ee920e;display:block}.public-card span{font-size:18px}.classic-profile-bg{min-height:800px;padding:12px 0 50px;background-repeat:repeat;background-position:top center}.classic-profile{width:100%;margin:0;padding-left:16px;padding-right:16px}.profile-namebar{background:linear-gradient(color-mix(in srgb,var(--skin-menu) 75%,#fff),var(--skin-menu));border:1px solid color-mix(in srgb,var(--skin-menu) 80%,#000);padding:7px 10px;color:#fff;display:flex;justify-content:space-between;align-items:center}.profile-namebar h1{font-size:17px;margin:0}.profile-namebar h1 span{font-weight:normal}.profile-namebar a{color:#fff}.profile-columns{display:grid;grid-template-columns:200px minmax(0,1fr) 245px;gap:10px;margin-top:10px;align-items:start}.classic-profile .retro-box-title{background:linear-gradient(color-mix(in srgb,var(--skin-head) 35%,#fff),color-mix(in srgb,var(--skin-head) 58%,#fff));color:#6c4c00;border-bottom-color:color-mix(in srgb,var(--skin-head) 65%,#b98a18)}.profile-actionlist{display:grid;gap:4px;margin-top:9px;text-align:left}.profile-actionlist>a,.profile-actionlist>span,.profile-actionlist form{display:block;border-top:1px solid #e3edf3;padding:6px 0}.profile-actionlist button{width:100%;text-align:left;border:0;background:none;color:#27699f;padding:0;text-shadow:none}.tick-form{display:grid;grid-template-columns:1fr auto;gap:4px}.tick-form button{width:auto}.quote{font-style:italic;background:#f3f7fa;border-left:3px solid var(--skin-accent);padding:6px;margin:5px 0}.profile-facts{display:grid;gap:7px}.profile-facts div{border-bottom:1px dotted #c7d5df;padding-bottom:5px}.profile-facts b,.profile-facts span{display:block}.profile-facts b{font-size:11px;color:#718493}.stats-list{display:grid;grid-template-columns:1fr 1fr;gap:6px}.stats-list div{background:#f2f7fb;text-align:center;padding:7px}.stats-list b{font-size:17px;color:#dc8300;display:block}.stats-list span{font-size:10px}.www-current{font-size:14px}.www-current span{color:#748797}.www-current small{display:block;color:#8192a0;margin-top:3px}.scrap{display:grid;grid-template-columns:42px 1fr;gap:8px;padding:9px 0;border-bottom:1px solid #e5edf3}.scrap p{margin:4px 0 6px;line-height:1.4}.scrap img{max-width:260px;max-height:220px}.scrap-form{margin-top:10px;background:#f5f9fc;padding:8px;border:1px solid #dce8f0}.friend-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;padding:8px}.friend-grid a{text-align:center;font-size:10px;min-width:0}.friend-grid span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:3px}.box-more{display:block;border-top:1px solid #dce7ef;padding:6px 8px;text-align:right;font-size:11px}.song{padding:7px 0;border-bottom:1px solid #e8eef3}.song audio,.song-manage audio{width:100%;height:30px;margin-top:5px}.blog-snippet{display:block;padding:6px 0;border-bottom:1px solid #e6edf2}.gadget{background:#f7fafc;border:1px solid #dae6ef;padding:7px;margin-bottom:7px}.about-text{line-height:1.5}.members-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px}.members-grid a{text-align:center;border:1px solid #d5e2ec;background:#f8fbfd;padding:8px}.members-grid .member-avatar{margin:auto}.members-grid b,.members-grid small{display:block;margin-top:4px}.photo-grid{padding:10px;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}.photo-grid img{width:100%;aspect-ratio:1;object-fit:cover;border:1px solid #c8d8e4;padding:3px;background:#fff}.retro-grid2{display:grid;grid-template-columns:1fr 1.5fr;gap:10px}.blog-full{border-bottom:1px solid #dfe8ef;padding:0 0 14px;margin-bottom:14px}.blog-full h2{color:#2d699b;margin:0 0 3px}.blog-full p{line-height:1.55}.member-row{display:flex;align-items:center;gap:8px;border-bottom:1px solid #e5edf2;padding:7px 0}.member-row .grow{flex:1}.member-row .grow small{display:block}.message-retro{display:grid;grid-template-columns:210px 1fr;border:1px solid var(--line);background:#fff;min-height:600px}.message-retro aside{border-right:1px solid var(--line);background:#f5f9fc;padding:10px}.message-retro aside a{display:flex;align-items:center;gap:6px;padding:6px;border-bottom:1px solid #e0eaf1}.message-retro section{padding:14px;display:flex;flex-direction:column}.chatlog{display:flex;flex-direction:column;gap:6px;flex:1}.bubble{max-width:72%;background:#edf3f7;border:1px solid #d7e3eb;padding:7px}.bubble.me{align-self:flex-end;background:#fff0d9;border-color:#f1c87b}.message-send{display:flex;gap:6px;margin-top:10px}.network-row{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:8px;border-bottom:1px solid #e4edf3;padding:8px 0}.network-row>span{font-size:24px}.notify-row{display:flex;gap:8px;border-bottom:1px solid #e6eef3;padding:8px 0}.notify-row span{flex:1}.search-page{display:flex;gap:6px;margin-bottom:12px}.settings-cols{display:grid;grid-template-columns:1fr 1fr;gap:10px}.color-settings{display:flex;gap:12px;flex-wrap:wrap}.color-settings label{display:flex;align-items:center;gap:5px;font-size:11px}.color-settings input[type=color]{width:40px;height:30px;padding:1px}.theme-field{border:1px solid #cbdbe6;margin:10px 0;padding:10px}.theme-field legend{font-weight:bold;color:#356d9a}.theme-preview{height:90px;background-size:cover;background-position:center;border:1px solid #cbdbe6;margin:7px 0}.song-manage{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;border-top:1px solid #e1eaf0;padding:8px 0}.admin-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.admin-stats div{background:#fff;border:1px solid var(--line);padding:18px;text-align:center}.admin-stats b{display:block;font-size:28px;color:#e38a06}.admin-stats span{color:#6c7f8f}
@media(max-width:900px){.retro-navin{overflow-x:auto}.retro-navin>a{white-space:nowrap}.retro-search{display:none}.retro-layout{grid-template-columns:1fr}.retro-layout>aside{display:none}.profile-columns{grid-template-columns:190px 1fr}.profile-right{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.profile-right .gap{margin-top:0}.settings-cols,.retro-grid2{grid-template-columns:1fr}.message-retro{grid-template-columns:1fr}.message-retro aside{border-right:0;border-bottom:1px solid var(--line)}.public-home{grid-template-columns:1fr}.mobilebar{display:flex;position:fixed;bottom:8px;left:8px;right:8px;background:#2c6da5;border:1px solid #194f7a;justify-content:space-around;z-index:40}.mobilebar a{color:#fff;text-align:center;padding:7px;font-size:10px}.retro-footer{margin-bottom:70px}}
@media(max-width:650px){body{font-size:12px}.retro-topin{height:66px}.retro-brand{font-size:28px}.account-mini{font-size:10px}.retro-navin>a{padding:9px}.profile-columns{grid-template-columns:1fr}.profile-left,.profile-main,.profile-right{grid-column:auto}.profile-right{display:block}.profile-right .gap{margin-top:10px}.big-profile-avatar{width:125px;height:145px}.www-form{grid-template-columns:1fr}.form-row{align-items:stretch}.members-grid{grid-template-columns:repeat(2,1fr)}.admin-stats{grid-template-columns:1fr 1fr}.profile-namebar{align-items:flex-start;gap:8px}.profile-namebar h1{font-size:15px}.retro-content,.retro-layout,.classic-profile,.retro-topin,.retro-navin,.retro-footer,.flash-wrap{width:calc(100% - 12px)}.friend-grid{grid-template-columns:repeat(4,1fr)}.friend-avatar{width:56px;height:56px}.classic-profile-bg{padding-top:6px}}
.profile-cover-retro{height:120px;border:1px solid #a9c1d3;border-top:0;background:linear-gradient(135deg,#d8e8f4,#f7fbfe);background-size:cover;background-position:center}
@media(max-width:650px){.profile-cover-retro{height:88px}}

/* v3 extra classic Buddy-era modules */
.album-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;padding:12px}.album-card{border:1px solid #bdcfdd;background:#fff;padding:6px;box-shadow:0 1px 2px #0001}.album-card b,.album-card small{display:block;margin-top:4px}.album-cover{height:120px;background:#e8f0f6 center/cover no-repeat;border:1px solid #d1dde6;box-shadow:inset 0 0 0 4px #fff}.classic-album a{display:block}.classic-album span{display:block;padding:4px;font-size:11px}.photo-detail{text-align:center}.photo-detail>img{display:block;max-width:100%;max-height:720px;margin:12px auto;border:8px solid white;box-shadow:0 1px 5px #0003}.classic-comment{text-align:left;background:#f2f6f9;border-bottom:1px solid #d9e4ec;padding:7px}.classic-comment small{display:block;color:#7b8c99}.inline-action{display:inline-block}.event-row{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid #dde7ee}.calendar-sheet{width:56px;min-width:56px;text-align:center;border:1px solid #d08700;background:#fff}.calendar-sheet b{display:block;font-size:25px;padding:5px;color:#2f6d9f}.calendar-sheet span{display:block;background:#ed9209;color:#fff;font-weight:bold;padding:3px}.event-row h3{margin:0;color:#2e6e9f}.event-row p{margin:5px 0}.rsvp{display:flex;gap:5px}.rsvp button{background:#fff;border:1px solid #8eacc2;color:#2b628d;cursor:pointer}.question-form{margin-top:8px}.first-gap-fix:first-child{margin-top:0}.mini-album{display:grid;grid-template-columns:45px 1fr;align-items:center;gap:7px;border-bottom:1px solid #e0e8ee;padding:5px 0}.mini-album span{width:45px;height:38px;background:#e6eef4 center/cover no-repeat;border:1px solid #c8d7e2}.skin-layout{display:grid;grid-template-columns:1fr 1fr;gap:8px}.check-label{display:flex!important;align-items:center;gap:6px}.check-label input{width:auto!important}.compact-form{border:1px dashed #b9cedd;background:#f5f9fc;padding:10px;margin-bottom:12px}.retro-badge{display:inline-block;background:#ef9208;color:white;border-radius:2px;padding:2px 5px;font-weight:bold;font-size:10px}.smiley-strip{display:flex;gap:4px;flex-wrap:wrap;padding:5px 0}.smiley-strip button{border:1px solid #c3d5e1;background:white;font-size:16px;cursor:pointer}.dashboard-panel{display:grid;grid-template-columns:1fr 1fr;gap:10px}.birthday-row{padding:5px 0;border-bottom:1px solid #e4ebf0}.buzz-item{padding:6px 0;border-bottom:1px solid #e3ebf1}.story-day{background:linear-gradient(#fffbea,#fff3c7);border:1px solid #e4c871;padding:10px;margin-bottom:10px}.story-day h3{color:#c67a00;margin:0 0 5px}.oldweb-shadow{box-shadow:0 1px 3px #0002}
@media(max-width:650px){.album-grid{grid-template-columns:repeat(2,1fr)}.dashboard-panel,.skin-layout{grid-template-columns:1fr}}

/* v4 PRO booster */
.site-announcement{width:100%;margin:10px 0 0;padding-left:16px;padding-right:16px;background:linear-gradient(#fff7c8,#ffe98a);border:1px solid #dfbd39;padding:8px 10px;color:#6d5200;box-shadow:0 1px 2px #0001}.site-announcement b{margin-right:8px}.profile-tagline{font-size:11px;color:#6e8392;margin:-3px 0 6px}.video-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}.video-card{border:1px solid #cbdbe6;background:#fbfdff;padding:9px}.video-card h3{margin:8px 0 3px;color:#2b6695}.video-card p{line-height:1.45}.video-frame{aspect-ratio:16/9;background:#18232d}.video-frame iframe{border:0;width:100%;height:100%}.tiny-comment{font-size:11px;padding:4px 6px;background:#eef5fa;border-bottom:1px solid #dce7ef}.poll-card h2{font-size:16px;color:#315f84}.poll-options{display:grid;gap:4px}.poll-options label{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:7px;padding-top:4px}.poll-bar{height:7px;background:#e6eef4;border:1px solid #d0dde7;margin-bottom:3px}.poll-bar i{display:block;height:100%;background:linear-gradient(90deg,#f0a11b,#ffbd46)}.guestbook-row{display:grid;grid-template-columns:42px 1fr;gap:9px;padding:10px 0;border-bottom:1px solid #e0e9f0}.guestbook-row small{display:block;color:#788a98}.guestbook-row p{margin:5px 0;line-height:1.45}.admin-stats.booster{grid-template-columns:repeat(6,1fr)}.admin-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:10px}.admin-scroll{max-height:520px;overflow:auto}.inline-top{margin-top:8px}.audit-row{padding:7px 0;border-bottom:1px solid #e3ebf1}.audit-row span,.audit-row small{color:#798b98}.audit-row small{display:block;margin-top:2px}.retro-form select[name=visibility],.form-row select{border:1px solid #9db5c7;background:#fff;padding:6px;font:inherit}.retro-top,.retro-nav,.retro-box,.classic-profile{image-rendering:auto}
@media(max-width:900px){.admin-stats.booster{grid-template-columns:repeat(3,1fr)}.admin-grid{grid-template-columns:1fr}}
@media(max-width:650px){.admin-stats.booster{grid-template-columns:1fr 1fr}.video-grid{grid-template-columns:1fr}.site-announcement{width:calc(100% - 12px)}.form-row{flex-wrap:wrap}}

/* v4.1 FULL WIDTH BOOSTER */
html,body{width:100%;max-width:none;overflow-x:hidden}
.retro-topin,.retro-navin,.flash-wrap,.retro-layout,.retro-content,.classic-profile,.retro-footer,.site-announcement{width:100%!important;max-width:none!important}
.retro-topin,.retro-navin,.flash-wrap,.retro-layout,.retro-content,.classic-profile,.retro-footer,.site-announcement{padding-left:16px;padding-right:16px}
.retro-layout,.retro-content{margin-left:0!important;margin-right:0!important}
.classic-profile{margin-left:0!important;margin-right:0!important}
.retro-content.narrow{max-width:none!important}
.profile-columns{grid-template-columns:220px minmax(0,1fr) 270px;gap:12px}
.retro-layout{grid-template-columns:220px minmax(0,1fr) 250px;gap:12px}
@media(min-width:1500px){.profile-columns{grid-template-columns:240px minmax(0,1fr) 300px}.retro-layout{grid-template-columns:240px minmax(0,1fr) 280px}}
@media(max-width:900px){.retro-topin,.retro-navin,.flash-wrap,.retro-layout,.retro-content,.classic-profile,.retro-footer,.site-announcement{padding-left:8px;padding-right:8px}.profile-columns,.retro-layout{grid-template-columns:1fr}}

/* v4.2 RESPONSIVE FIT BOOSTER — full width without stretched/broken blocks */
:root{--page-gutter:clamp(8px,1.15vw,22px);--col-gap:clamp(9px,1vw,16px)}
html,body{min-width:0;overflow-x:hidden}
.retro-topin,.retro-navin,.flash-wrap,.retro-layout,.retro-content,.classic-profile,.retro-footer,.site-announcement{padding-left:var(--page-gutter)!important;padding-right:var(--page-gutter)!important}
.retro-layout,.profile-columns{gap:var(--col-gap)}
.retro-layout>* ,.profile-columns>* ,.profile-left,.profile-main,.profile-right,.retro-box,.retro-pad,.retro-post,.settings-cols>*,.admin-grid>*,.retro-grid2>*{min-width:0;max-width:100%}

/* Fluid desktop proportions: sidebars stay useful, center gets the room. */
.profile-columns{grid-template-columns:clamp(210px,16vw,270px) minmax(360px,1fr) clamp(250px,20vw,330px)}
.retro-layout{grid-template-columns:clamp(205px,16vw,260px) minmax(360px,1fr) clamp(235px,19vw,310px)}

/* Everything inside a card must remain inside that card. */
.retro-box,.retro-post,.scrap,.guestbook-row,.member-row,.network-row,.event-row,.video-card,.album-card{overflow:hidden}
.retro-box-title,.retro-postbody,.scrap p,.guestbook-row p,.profile-facts span,.about-text,.blog-full,.blog-snippet,.activity-line,.notify-row,.network-row,.member-row{overflow-wrap:anywhere;word-break:break-word}
img,video,iframe,audio,canvas,svg{max-width:100%}
audio{width:100%}
.retro-postimage,.photo-detail>img,.scrap img{width:auto;height:auto;max-width:100%}

/* Forms and action rows should never force horizontal overflow. */
input,textarea,select,button{max-width:100%}
.form-row,.inline-form,.message-send,.search-page,.rsvp,.retro-actions{min-width:0;flex-wrap:wrap}
.form-row>* ,.inline-form>* ,.message-send>* ,.search-page>*{min-width:0}
.www-form{grid-template-columns:minmax(0,1fr) minmax(115px,180px) auto}
.retro-actions{row-gap:6px}

/* Better use of the right/left profile columns. */
.friend-grid{grid-template-columns:repeat(auto-fit,minmax(62px,1fr));gap:8px}
.friend-grid a{min-width:0}
.friend-avatar{width:min(64px,100%);aspect-ratio:1/1;height:auto;margin:auto}
.mini-people{grid-template-columns:repeat(2,minmax(0,1fr))}
.stats-list{grid-template-columns:repeat(2,minmax(0,1fr))}

/* Large content grids adapt instead of becoming giant or cramped. */
.members-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}
.album-grid{grid-template-columns:repeat(auto-fill,minmax(155px,1fr))}
.video-grid{grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr))}
.admin-stats{grid-template-columns:repeat(auto-fit,minmax(135px,1fr))}
.admin-stats.booster{grid-template-columns:repeat(auto-fit,minmax(125px,1fr))}
.dashboard-panel,.settings-cols,.skin-layout,.retro-grid2{grid-template-columns:repeat(2,minmax(0,1fr))}
.admin-grid{grid-template-columns:minmax(280px,.9fr) minmax(420px,1.4fr)}

/* Header/nav remains usable at every desktop width. */
.retro-topin{gap:14px}
.retro-brand{min-width:0}
.account-mini{text-align:right;max-width:55%;overflow-wrap:anywhere}
.retro-navin{display:flex;flex-wrap:wrap;align-items:stretch}
.retro-navin>a{flex:0 0 auto}
.retro-search{min-width:195px;flex:0 1 245px}
.retro-search input{min-width:0;width:100%}

/* Profile banner and headings fit long names safely. */
.profile-namebar{gap:10px;flex-wrap:wrap}
.profile-namebar h1{min-width:0;overflow-wrap:anywhere}
.profile-cover-retro{width:100%}

/* Laptop tuning: keep three columns longer, but make them tighter. */
@media (max-width:1180px) and (min-width:901px){
  .profile-columns{grid-template-columns:190px minmax(320px,1fr) 235px;gap:9px}
  .retro-layout{grid-template-columns:190px minmax(320px,1fr) 225px;gap:9px}
  .friend-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .friend-avatar{width:56px}
  .retro-navin>a{padding-left:9px;padding-right:9px;font-size:12px}
  .retro-search{flex-basis:190px;min-width:165px}
  .admin-grid{grid-template-columns:1fr 1fr}
}

/* Tablet: profile content remains visible; no important column is hidden. */
@media (max-width:900px){
  .retro-layout{display:grid;grid-template-columns:1fr!important}
  .retro-layout>aside{display:block!important}
  .profile-columns{grid-template-columns:1fr!important}
  .profile-left,.profile-main,.profile-right{grid-column:auto!important}
  .profile-right{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .profile-right .gap{margin-top:0}
  .retro-navin{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin}
  .retro-search{display:none}
  .dashboard-panel,.settings-cols,.skin-layout,.retro-grid2,.admin-grid{grid-template-columns:1fr}
  .www-form{grid-template-columns:minmax(0,1fr) minmax(110px,150px) auto}
}

/* Small phones: one clean column, buttons and inputs full usable width. */
@media (max-width:650px){
  :root{--page-gutter:6px;--col-gap:7px}
  .retro-topin{width:100%!important;height:auto;min-height:66px;padding-top:8px!important;padding-bottom:8px!important;align-items:flex-start}
  .retro-brand{font-size:26px}
  .account-mini{max-width:48%;margin-top:2px}
  .profile-right{display:block}
  .profile-right .gap{margin-top:8px}
  .www-form,.poll-options label{grid-template-columns:1fr}
  .www-form button,.message-send button,.search-page button{width:100%}
  .message-send input,.search-page input{flex:1 1 100%}
  .friend-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}
  .friend-avatar{width:min(54px,100%)}
  .mini-people{grid-template-columns:repeat(2,minmax(0,1fr))}
  .album-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:7px}
  .members-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
  .admin-stats,.admin-stats.booster{grid-template-columns:repeat(2,minmax(0,1fr))}
  .event-row{flex-wrap:wrap}
  .bubble{max-width:92%}
  .profile-namebar{align-items:flex-start}
}

@media (max-width:390px){
  .friend-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .album-grid,.members-grid,.admin-stats,.admin-stats.booster{grid-template-columns:1fr}
  .retro-brand{font-size:23px}
}

/* v4.3 PRO registration + transparent profile blocks */
.opacity-control{display:grid;gap:5px;margin:10px 0;padding:10px;background:#f4f8fc;border:1px solid #c7d9e8}.opacity-control input[type=range]{width:100%;accent-color:#e98a00}.opacity-control span{font-weight:700;color:#d87800}.opacity-control small{color:#6c7c8d}.register-check{margin-top:8px}.register-note{font-size:12px;color:#52677a;background:#edf6ff;border:1px solid #c6def3;padding:9px;margin:8px 0 12px}.admin-help{font-size:12px;color:#53697c;margin:0 0 10px}.admin-table{width:100%;border-collapse:collapse;font-size:12px;min-width:720px}.admin-table th,.admin-table td{padding:8px;border-bottom:1px solid #dce7f0;text-align:left;vertical-align:top}.admin-table th{background:#edf5fb;color:#214f78;position:sticky;top:0}.admin-table td small{display:block;color:#748595;margin-top:2px}.status-pill{display:inline-block;padding:2px 7px;border-radius:10px;background:#e7eef5;font-size:11px}.status-pill.active{background:#dff4df;color:#256525}.status-pill.banned{background:#ffe1e1;color:#8d2525}@media(max-width:700px){.admin-table{min-width:620px}}

/* v4.4 BALANCED CLASSIC PROFILE COLUMNS
   Wider left/right sidebars, more compact center — old-school social profile proportions. */
@media (min-width:1181px){
  .profile-columns{
    grid-template-columns:minmax(280px,1fr) minmax(440px,1.65fr) minmax(300px,1fr)!important;
    gap:14px!important;
  }
  .profile-left,.profile-right{min-width:0}
  .profile-main{min-width:0}
  .profile-left .retro-box,.profile-right .retro-box{width:100%}
  .profile-left .big-profile-avatar{width:min(180px,85%);height:auto;aspect-ratio:14/16}
  .profile-right .friend-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
  .profile-right .friend-avatar{width:min(76px,100%)}
  .profile-left .retro-pad,.profile-right .retro-pad{padding:12px}
}

@media (max-width:1180px) and (min-width:901px){
  .profile-columns{
    grid-template-columns:minmax(220px,1fr) minmax(360px,1.5fr) minmax(240px,1fr)!important;
    gap:10px!important;
  }
  .profile-left .big-profile-avatar{width:min(155px,88%);height:auto;aspect-ratio:14/16}
  .profile-right .friend-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}

/* Keep the center column visually compact even on ultra-wide monitors. */
@media (min-width:1700px){
  .profile-columns{
    grid-template-columns:minmax(340px,1fr) minmax(520px,1.45fr) minmax(360px,1fr)!important;
  }
}


/* v4.5 PRO PERSONALISATION BOOSTER */
.classic-profile .retro-box{position:relative;border:2px solid var(--frame-color,#b8cde0);transition:border-color .25s,box-shadow .25s}
.classic-profile.frame-mode-static .retro-box{border-color:var(--frame-color,#b8cde0)}
.classic-profile.frame-mode-duo .retro-box,.frame-effect-preview.frame-mode-duo{animation:frameDuo var(--frame-speed,5s) ease-in-out infinite}
.classic-profile.frame-mode-rainbow .retro-box,.frame-effect-preview.frame-mode-rainbow{border-color:transparent;background-clip:padding-box;animation:frameRainbow var(--frame-speed,5s) linear infinite}
.classic-profile.frame-mode-rainbow .retro-box:before,.frame-effect-preview.frame-mode-rainbow:before{content:"";position:absolute;inset:-2px;z-index:-1;border-radius:inherit;background:linear-gradient(90deg,#ff3158,#ffb52e,#48d85f,#30a8ff,#8f56ff,#ff4ab8,#ff3158);background-size:300% 100%;animation:rainbowMove var(--frame-speed,5s) linear infinite}
.classic-profile.frame-mode-pulse .retro-box,.frame-effect-preview.frame-mode-pulse{animation:framePulse var(--frame-speed,5s) ease-in-out infinite}
.classic-profile.frame-mode-neon .retro-box,.frame-effect-preview.frame-mode-neon{animation:frameNeon var(--frame-speed,5s) ease-in-out infinite}
@keyframes frameDuo{0%,100%{border-color:var(--frame-color);box-shadow:0 0 0 transparent}50%{border-color:var(--frame-color2);box-shadow:0 0 9px color-mix(in srgb,var(--frame-color2) 60%,transparent)}}
@keyframes frameRainbow{0%{box-shadow:0 0 4px #ff315855}33%{box-shadow:0 0 8px #30a8ff77}66%{box-shadow:0 0 8px #8f56ff77}100%{box-shadow:0 0 4px #ff315855}}
@keyframes rainbowMove{to{background-position:300% 0}}
@keyframes framePulse{0%,100%{border-color:var(--frame-color);box-shadow:0 0 2px var(--frame-color)}50%{border-color:var(--frame-color2);box-shadow:0 0 14px var(--frame-color2)}}
@keyframes frameNeon{0%,100%{border-color:var(--frame-color);box-shadow:0 0 4px var(--frame-color),inset 0 0 3px color-mix(in srgb,var(--frame-color) 35%,transparent)}50%{border-color:var(--frame-color2);box-shadow:0 0 16px var(--frame-color2),inset 0 0 8px color-mix(in srgb,var(--frame-color2) 40%,transparent)}}
.frame-effect-preview{position:relative;isolation:isolate;margin:10px 0;padding:18px;border:2px solid var(--frame-color);background:#fff;text-align:center;font-weight:700;color:#3a5871}

.profile-player{--player-bg:#26384a;--player-accent:#f39a16;--player-text:#fff;display:grid;grid-template-columns:40px minmax(0,1fr) 36px;align-items:center;gap:8px;padding:9px;border-radius:5px;background:var(--player-bg);color:var(--player-text);border:1px solid color-mix(in srgb,var(--player-accent) 55%,#000);box-shadow:0 2px 7px #0002;margin:6px 0;overflow:hidden}
.profile-player button{width:34px;height:34px;border:0;border-radius:50%;cursor:pointer;background:var(--player-accent);color:#fff;font-weight:700;box-shadow:inset 0 1px #fff5}
.profile-player .pp-main{min-width:0}.profile-player .pp-title{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px;color:var(--player-text)}
.pp-progress{height:8px;margin-top:6px;background:#0004;border-radius:8px;overflow:hidden;cursor:pointer;border:1px solid #fff2}.pp-progress span{display:block;height:100%;width:0;background:var(--player-accent);border-radius:inherit}.pp-time{display:flex;justify-content:space-between;font-size:9px;opacity:.8;margin-top:3px}
.player-classic{border-radius:2px;background:linear-gradient(#40566d,var(--player-bg));}.player-classic button{border-radius:3px}
.player-dark{background:linear-gradient(135deg,#111820,var(--player-bg));border-color:#000}.player-dark .pp-progress{background:#05080a}
.player-neon{background:#07121a;border-color:var(--player-accent);box-shadow:0 0 12px color-mix(in srgb,var(--player-accent) 65%,transparent),inset 0 0 12px #000}.player-neon button{box-shadow:0 0 10px var(--player-accent)}.player-neon .pp-title{text-shadow:0 0 6px var(--player-accent)}
.player-glass{background:color-mix(in srgb,var(--player-bg) 68%,transparent);backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);border-color:#fff6;box-shadow:inset 0 1px #fff5,0 5px 15px #0002}
.player-candy{background:linear-gradient(135deg,var(--player-bg),color-mix(in srgb,var(--player-accent) 50%,var(--player-bg)));border-radius:18px}.player-candy button{background:#fff;color:var(--player-accent)}
.player-demo{display:grid;grid-template-columns:34px 1fr;align-items:center;gap:8px;margin:10px 0;padding:10px;background:var(--player-bg,#26384a);color:var(--player-text,#fff);border:2px solid var(--player-accent,#f39a16);border-radius:6px}.player-demo span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--player-accent,#f39a16);color:#fff}.player-demo i{grid-column:2;height:6px;background:linear-gradient(90deg,var(--player-accent,#f39a16) 55%,#0003 55%);border-radius:6px}
.pro-customizer{margin:14px 0;padding:12px;border:1px solid #bdd2e2;background:linear-gradient(#f8fcff,#edf6fc)}.pro-customizer h3{margin:10px 0 5px;color:#205c8b}
@media (prefers-reduced-motion:reduce){.classic-profile .retro-box,.frame-effect-preview,.classic-profile .retro-box:before{animation:none!important}}
@media(max-width:520px){.profile-player{grid-template-columns:36px minmax(0,1fr) 32px;padding:7px;gap:6px}.profile-player button{width:30px;height:30px}}

/* v4.6 PROFESSIONAL POLISH
   Keeps the classic Dutch social-network atmosphere, but tightens the entire UI. */
:root{
  --page-gutter:16px;
  --col-gap:12px;
  --radius:7px;
  --shadow:0 2px 8px rgba(35,67,94,.10);
  --shadow-hover:0 6px 18px rgba(35,67,94,.14);
}
html{scroll-behavior:smooth}
body{background:
  radial-gradient(circle at 20% 0,rgba(255,255,255,.95),transparent 28%),
  linear-gradient(#f7fbfe 0,#edf4fa 220px,#eaf2f8 100%);letter-spacing:.01px}
button,input,textarea,select{font:inherit}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid color-mix(in srgb,var(--site-accent,#f39a13) 38%,transparent);outline-offset:2px}
.retro-top{background:linear-gradient(color-mix(in srgb,var(--site-top,#f5a318) 63%,#fff),var(--site-top,#f5a318));border-bottom:1px solid color-mix(in srgb,var(--site-top,#f5a318) 68%,#7b4c00);box-shadow:0 1px 0 #fff8 inset}
.retro-topin{min-height:82px;padding-top:9px;padding-bottom:9px}
.retro-brand{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-width:0;color:#fff;text-decoration:none!important}
.retro-brand>span{font-size:34px;color:#fff;text-shadow:0 2px 2px rgba(90,50,0,.25)}
.retro-brand small{color:rgba(64,42,0,.82);margin-top:7px;font-weight:600;letter-spacing:.35px}
.brand-logo{max-height:48px;max-width:260px;object-fit:contain;object-position:left center;filter:drop-shadow(0 1px 1px rgba(0,0,0,.15))}
.account-mini{padding:7px 10px;border:1px solid rgba(101,76,12,.18);background:rgba(255,255,255,.28);border-radius:999px;backdrop-filter:blur(3px)}
.online-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#38b84b;box-shadow:0 0 0 2px rgba(56,184,75,.14);margin-right:4px}
.retro-nav{background:linear-gradient(color-mix(in srgb,var(--site-nav,#2f6fa8) 78%,#fff),var(--site-nav,#2f6fa8));box-shadow:0 2px 6px rgba(17,56,87,.18)}
.retro-navin{padding:0 var(--page-gutter);gap:0;align-items:stretch}
.main-nav-links{display:flex;align-items:stretch;width:100%;min-width:0}
.main-nav-links>a{display:flex;align-items:center;gap:5px;color:#fff;font-weight:700;padding:11px 11px 10px;border-right:1px solid rgba(16,62,99,.38);text-shadow:0 1px rgba(20,58,89,.75);white-space:nowrap;transition:background .16s ease,transform .16s ease}
.main-nav-links>a:hover,.main-nav-links>a.active{background:linear-gradient(rgba(0,0,0,.09),rgba(0,0,0,.19));text-decoration:none}
.main-nav-links>a:active{transform:translateY(1px)}
.nav-badge{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 5px;border-radius:10px;background:#fff;color:var(--site-nav,#2f6fa8);font-size:10px;text-shadow:none;box-shadow:0 1px 2px #0002}
.retro-search{margin-left:auto;padding-left:10px}.retro-search input{border-radius:4px 0 0 4px;box-shadow:inset 0 1px 2px #0001}.retro-search button{border-radius:0 4px 4px 0;cursor:pointer}
.nav-toggle{display:none;border:0;background:transparent;color:#fff;font-weight:800;padding:10px 12px;cursor:pointer}
.site-announcement{width:calc(100% - (var(--page-gutter)*2));margin:10px auto 0;padding:9px 12px;border:1px solid color-mix(in srgb,var(--site-accent,#f39a13) 46%,#c98513);border-left:4px solid var(--site-accent,#f39a13);background:linear-gradient(#fff8df,#fff3c9);box-shadow:var(--shadow);border-radius:5px;color:#654c16}.site-announcement b{margin-right:8px}.site-announcement span{color:#6e603b}
.flash-wrap{padding:0 var(--page-gutter);margin:10px auto}.alert{display:flex;align-items:center;gap:8px;border-radius:5px;box-shadow:var(--shadow);font-weight:600}.alert span{font-size:15px}
.retro-layout,.retro-content,.classic-profile{padding-left:var(--page-gutter)!important;padding-right:var(--page-gutter)!important}
.retro-layout{gap:var(--col-gap)}
.retro-box,.retro-post,.public-intro,.public-card{border-color:#bdd0df;border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;transition:box-shadow .18s ease,border-color .18s ease}
.retro-box:hover{box-shadow:var(--shadow-hover)}
.retro-box-title{padding:8px 10px;font-size:13px;background:linear-gradient(#fff,#eaf2f8);color:#2b608c;border-bottom:1px solid #bfd1df;text-shadow:0 1px #fff}
.retro-pad{padding:12px}
.gap{margin-top:12px}
.retro-sidemenu a{padding:8px 10px;transition:padding-left .14s,background .14s}.retro-sidemenu a:hover{padding-left:13px;background:linear-gradient(90deg,#e8f3fb,#f7fbfe)}
.avatar,.mini-avatar,.small-avatar,.tiny-avatar,.friend-avatar,.member-avatar,.profile-thumb,.big-profile-avatar{border-radius:5px;box-shadow:0 1px 3px #31566d22;background:linear-gradient(#e8f2fa,#cfdfec)}
.big-profile-avatar{border-radius:7px}
.orange-btn,.blue-btn,.danger-btn,.file-btn,.profile-actionlist button{border-radius:4px;min-height:31px;transition:transform .12s ease,box-shadow .12s ease,filter .12s ease}.orange-btn:hover,.blue-btn:hover,.danger-btn:hover,.file-btn:hover{filter:brightness(1.04);box-shadow:0 3px 8px rgba(37,66,88,.18);text-decoration:none}.orange-btn:active,.blue-btn:active,.danger-btn:active{transform:translateY(1px)}
.orange-btn{background:linear-gradient(color-mix(in srgb,var(--site-accent,#f39a13) 70%,#fff),var(--site-accent,#f39a13));border-color:color-mix(in srgb,var(--site-accent,#f39a13) 72%,#6b4600)}
.retro-form input,.retro-form textarea,.retro-form select,.www-form input,.search-page input,.message-send input,.scrap-form textarea,.inline-form input,.tick-form select{border:1px solid #a9bfce;border-radius:4px;min-height:34px;box-shadow:inset 0 1px 2px rgba(30,64,90,.05);transition:border-color .15s,box-shadow .15s;background:#fff}.retro-form textarea,.scrap-form textarea{min-height:86px}.retro-form input:focus,.retro-form textarea:focus,.retro-form select:focus,.www-form input:focus,.search-page input:focus,.message-send input:focus,.scrap-form textarea:focus,.inline-form input:focus,.tick-form select:focus{border-color:#5c96c4;box-shadow:0 0 0 3px rgba(61,127,181,.11),inset 0 1px 2px rgba(30,64,90,.04);outline:0}
.retro-post{padding:12px}.retro-posthead{align-items:flex-start}.retro-postbody{font-size:13.5px;line-height:1.55}.retro-postimage{border-radius:5px}.retro-actions{padding-top:8px}.retro-comments{border-radius:4px;background:#f5f9fc}
.classic-profile-bg{padding-top:14px}.profile-namebar{border-radius:6px 6px 0 0;padding:9px 12px;box-shadow:0 2px 6px #0002}.profile-namebar h1{font-size:18px}.profile-cover-retro{min-height:88px;border-left:1px solid #afc4d4;border-right:1px solid #afc4d4;background-size:cover;background-position:center}
.profile-columns{margin-top:12px}.classic-profile .retro-box{border-radius:6px;isolation:isolate}.classic-profile .retro-box-title{font-size:13px;padding:8px 10px}.profile-tagline{font-weight:700;color:#536f85;margin:4px 0 7px}.profile-facts div{padding:6px 0}.stats-list div{border-radius:4px;border:1px solid #e0eaf1}.stats-list b{font-size:18px}.friend-grid a,.mini-people a{transition:transform .12s ease}.friend-grid a:hover,.mini-people a:hover{transform:translateY(-2px);text-decoration:none}
.story-day{border-radius:7px;box-shadow:var(--shadow)}
.profile-player{border-radius:8px!important;box-shadow:0 3px 10px #0002}.profile-player button{transition:transform .12s,filter .12s}.profile-player button:hover{filter:brightness(1.08);transform:scale(1.04)}
.theme-field,.pro-customizer{border-radius:7px;box-shadow:0 1px 3px #163e5c12}.theme-field legend{font-weight:800;color:#2b638f;padding:0 6px}.color-settings input[type=color]{width:44px;height:34px;padding:2px;border:1px solid #aac0cf;border-radius:4px;background:#fff}
.admin-stats>div{border-radius:7px;box-shadow:var(--shadow);border:1px solid #c2d4e1;background:linear-gradient(#fff,#f3f8fc);padding:13px}.admin-stats>div b{font-size:24px;color:#2c6fa7}.admin-stats>div span{color:#657b8c}.admin-grid{gap:14px}.admin-scroll{scrollbar-width:thin;scrollbar-color:#9ebbd0 #eef5fa}.admin-table{border:1px solid #d3e0e9}.admin-table tbody tr:hover{background:#f3f8fc}.admin-table th{z-index:1}.status-pill{font-weight:700}
.admin-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.pro-brand-colors{grid-template-columns:repeat(3,minmax(0,1fr))}
.public-home{padding:0 var(--page-gutter)}.public-intro,.public-card{border-radius:10px}.public-intro{background:linear-gradient(145deg,#fff,#f7fbfe)}.public-card{background:linear-gradient(145deg,#fff,#edf5fb)}
.auth-retro .retro-box{border-radius:10px}
.retro-footer{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:16px var(--page-gutter);margin-bottom:74px;background:rgba(255,255,255,.46);border-top:1px solid #c4d5e1}.retro-footer>div:first-child{display:flex;flex-direction:column;gap:3px}.retro-footer b{color:#315f84;font-size:12px}.footer-links{display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-end}.footer-links span{color:#728695}
.back-top{position:fixed;right:18px;bottom:82px;width:38px;height:38px;border-radius:50%;border:1px solid #a8bfce;background:#fff;color:#2b6696;box-shadow:0 5px 16px #25445b2a;cursor:pointer;opacity:0;pointer-events:none;transform:translateY(8px);transition:.18s;z-index:50}.back-top.show{opacity:1;pointer-events:auto;transform:none}.back-top:hover{background:#edf6fc}
.mobilebar{background:rgba(255,255,255,.96);backdrop-filter:blur(10px);border-top:1px solid #c8d7e1;box-shadow:0 -3px 12px #1a425b1c}.mobilebar a{transition:background .14s}.mobilebar a:hover{background:#edf6fc;text-decoration:none}

@media(max-width:1100px){.main-nav-links>a{padding-left:8px;padding-right:8px;font-size:12px}.retro-search input{width:125px}}
@media(max-width:900px){
  .retro-topin{min-height:70px}.retro-brand>span{font-size:28px}.brand-logo{max-height:40px;max-width:210px}
  .retro-navin{display:block;padding:0!important;overflow:visible!important}.nav-toggle{display:block;width:100%;text-align:left;background:linear-gradient(rgba(255,255,255,.07),rgba(0,0,0,.07));border-bottom:1px solid rgba(255,255,255,.12)}
  .main-nav-links{display:none;flex-direction:column;align-items:stretch;background:var(--site-nav,#2f6fa8)}.retro-nav.nav-open .main-nav-links{display:flex}.main-nav-links>a{border-right:0;border-bottom:1px solid rgba(255,255,255,.10);padding:11px 14px}.retro-search{display:flex!important;margin:0;padding:9px 12px}.retro-search input{width:100%;flex:1}.retro-search button{flex:none}
  .admin-form-grid,.pro-brand-colors{grid-template-columns:1fr}
  .retro-footer{flex-direction:column;align-items:flex-start}.footer-links{justify-content:flex-start}
}
@media(max-width:650px){
  :root{--page-gutter:7px}.account-mini{font-size:10px;padding:6px 8px;border-radius:8px}.retro-brand small{font-size:9px}.retro-brand>span{font-size:24px}.site-announcement{width:calc(100% - 14px)}
  .retro-box-title{font-size:12.5px}.retro-pad{padding:9px}.retro-post{padding:9px}
  .orange-btn,.blue-btn,.danger-btn{min-height:36px}
  .back-top{right:10px;bottom:78px}
}

/* v4.7 profile layout closer to classic Buddy */
.profile-namebar{background:linear-gradient(#ffffff,#edf2f6)!important;color:#2e4356!important;border:1px solid #c0cfdb!important;box-shadow:none!important;border-radius:4px 4px 0 0!important}
.profile-namebar a{color:#356791!important;text-shadow:none!important}
.profile-namebar h1{font-size:26px!important;font-weight:700}
.profile-namebar h1 span{color:#6c7e8d}
.profile-cover-retro{height:10px!important;min-height:10px!important;border-left:1px solid #c0cfdb!important;border-right:1px solid #c0cfdb!important;background:linear-gradient(#fbfdfe,#edf3f8)!important}
.profile-columns{grid-template-columns:220px minmax(420px,1fr) 300px!important;gap:12px;align-items:start}
.profile-subnav{display:flex;align-items:center;flex-wrap:wrap;margin:10px 0 0;background:linear-gradient(#ffffff,#eef4f8);border:1px solid #c6d4de;border-bottom:0;border-radius:4px 4px 0 0;overflow:hidden}
.profile-subnav a{padding:8px 12px;border-right:1px solid #d9e3ea;font-size:12px;font-weight:700;color:#516f8a}
.profile-subnav a:last-child{border-right:0}
.profile-subnav a.active,.profile-subnav a:hover{background:#fff;color:#2f6fa8;text-decoration:none}
.buddy-summary-box{margin-top:0}
.buddy-summary{display:grid;grid-template-columns:215px 1fr;gap:14px;align-items:start}
.buddy-playerzone{padding-right:14px;border-right:1px solid #e2ebf1;min-width:0}
.buddy-playerzone .profile-player{margin-bottom:0}
.buddy-emotes{margin-top:10px;font-size:18px;letter-spacing:2px;line-height:1.4}
.buddy-profiledata{display:grid;gap:4px;min-width:0}
.buddy-profiledata div{border-bottom:1px dotted #d3e0ea;padding-bottom:5px;line-height:1.35;overflow-wrap:anywhere}
.buddy-profiledata b{display:inline-block;min-width:95px;color:#6f8292}
.profile-left .retro-box:first-child .retro-pad{padding-top:12px;padding-bottom:12px}
.profile-left .big-profile-avatar{width:132px!important;height:156px!important;aspect-ratio:33/39;margin-bottom:10px}
.profile-left h3{margin:0 0 4px;font-size:20px;color:#2d5679}
.profile-left .profile-actionlist{width:100%;text-align:left}
.profile-left .profile-actionlist>a,.profile-left .profile-actionlist>span,.profile-left .profile-actionlist form{padding:6px 0;border-top:1px solid #e5edf3}
.profile-left .profile-actionlist button{font-size:12px}
.profile-facts div{display:grid;gap:2px}
.profile-facts b{font-size:10px;letter-spacing:.2px;text-transform:uppercase}
.stats-list{gap:8px}
.stats-list div{padding:9px 6px}
.profile-right .retro-box:first-child .friend-grid{padding:10px}
.friend-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.friend-grid a{font-size:11px}
.friend-grid .friend-avatar{width:72px;height:72px;margin:0 auto 4px}
.mini-album{display:grid;grid-template-columns:58px 1fr;gap:8px;align-items:center;padding:7px 0;border-bottom:1px solid #e5edf2}
.mini-album span{display:block;width:58px;height:46px;background:#dce8f1 center/cover no-repeat;border:1px solid #c0d2df}
.mini-album b{font-size:12px;color:#365f80}
.scrap-form{background:#f3f7fb;border:1px solid #d7e4ee}
.scrap-form textarea{min-height:70px}
.profile-main>.retro-box+.retro-box{margin-top:10px}

@media(max-width:1100px){
  .profile-columns{grid-template-columns:210px minmax(0,1fr) 255px!important}
  .buddy-summary{grid-template-columns:180px 1fr}
  .friend-grid .friend-avatar{width:64px;height:64px}
}
@media(max-width:900px){
  .profile-subnav{margin-top:8px}
  .buddy-summary{grid-template-columns:1fr}
  .buddy-playerzone{padding-right:0;padding-bottom:10px;border-right:0;border-bottom:1px solid #e2ebf1}
}
@media(max-width:650px){
  .profile-namebar h1{font-size:22px!important}
  .profile-subnav a{flex:1 1 auto;text-align:center}
  .profile-left .big-profile-avatar{width:118px!important;height:140px!important}
}

/* v4.9 - one profile player with max 12-track playlist */
.profile-playlist{grid-template-columns:auto minmax(0,1fr) 36px;overflow:visible;position:relative;align-items:center}
.profile-playlist .pp-controls{display:flex;gap:4px;align-items:center}
.profile-playlist .pp-controls button{width:30px;height:30px;font-size:12px}
.profile-playlist .pp-controls .pp-play{width:36px;height:36px;font-size:15px}
.profile-playlist .pp-now{display:flex;justify-content:space-between;gap:8px;align-items:center;min-width:0}
.profile-playlist .pp-trackno{font-size:9px;opacity:.75;white-space:nowrap}
.profile-playlist .pp-list-toggle{grid-column:1/-1;width:auto;height:auto;border-radius:3px;padding:5px 8px;margin-top:4px;justify-self:start;font-size:10px;box-shadow:none}
.profile-playlist .pp-playlist-list{grid-column:1/-1;display:none;margin-top:5px;border-top:1px solid #ffffff26;padding-top:5px;max-height:230px;overflow:auto;width:100%}
.profile-playlist.playlist-open .pp-playlist-list{display:grid;gap:3px}
.profile-playlist .pp-track{width:100%;height:auto;min-height:27px;border-radius:2px;background:#ffffff12;color:var(--player-text);box-shadow:none;display:grid;grid-template-columns:24px 1fr;gap:4px;text-align:left;align-items:center;padding:5px 7px;font-weight:normal}
.profile-playlist .pp-track:hover,.profile-playlist .pp-track.active{background:color-mix(in srgb,var(--player-accent) 35%,transparent)}
.profile-playlist .pp-track span{opacity:.7;text-align:right}
.profile-playlist .pp-track b{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--player-text)}
.playlist-manage-head{margin-top:12px;padding:9px;background:#eef5fa;border:1px solid #d5e3ed;display:flex;justify-content:space-between;gap:10px;align-items:center}
.playlist-manage-head b{color:#2d648f}.playlist-manage-head span{font-size:11px;color:#6f8190}
.playlist-manage-row>div{display:flex;gap:8px;align-items:center;min-width:0}.playlist-manage-row b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.track-index{display:grid;place-items:center;flex:0 0 24px;width:24px;height:24px;border-radius:50%;background:#eaf2f8;color:#2f6fa8;font-weight:bold;font-size:11px;border:1px solid #c9d9e5}
@media(max-width:650px){.profile-playlist{grid-template-columns:1fr 30px}.profile-playlist .pp-controls{grid-column:1/-1}.profile-playlist .pp-main{grid-column:1}.profile-playlist .pp-mute{grid-column:2}.playlist-manage-head{align-items:flex-start;flex-direction:column}}

/* v5.0 - playlist player always fills the complete music/profile block */
.profile-player,
.profile-playlist{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  box-sizing:border-box!important;
  margin-left:0!important;
  margin-right:0!important;
}
.buddy-summary{
  display:block!important;
  width:100%!important;
}
.buddy-playerzone{
  width:100%!important;
  max-width:none!important;
  padding:0 0 12px!important;
  margin:0 0 12px!important;
  border-right:0!important;
  border-bottom:1px solid #e2ebf1!important;
}
.buddy-playerzone .profile-playlist,
.buddy-playerzone .profile-player{
  width:100%!important;
  margin:0!important;
}
.buddy-profiledata{
  width:100%!important;
}
.profile-playlist .pp-main,
.profile-playlist .pp-now,
.profile-playlist .pp-progress,
.profile-playlist .pp-playlist-list{
  width:100%!important;
  min-width:0!important;
}
.profile-playlist .pp-list-toggle{
  max-width:100%;
}
@media(max-width:650px){
  .profile-playlist{width:100%!important}
  .buddy-playerzone{padding-bottom:10px!important;margin-bottom:10px!important}
}

/* v5.1 brand colors + Buddy-style auth portal */
a{color:color-mix(in srgb,var(--site-nav,#2f6fa8) 92%,#174d7a)}
a:hover{color:color-mix(in srgb,var(--site-nav,#2f6fa8) 75%,#0f3657)}
.retro-box-title{background:linear-gradient(color-mix(in srgb,var(--site-accent,#f39a13) 26%,#fff),color-mix(in srgb,var(--site-accent,#f39a13) 40%,#fff));border-bottom:1px solid color-mix(in srgb,var(--site-accent,#f39a13) 45%,#d1a04a);color:#6b4b00}
.blue-btn{border-color:color-mix(in srgb,var(--site-nav,#2f6fa8) 76%,#1e486d);background:linear-gradient(color-mix(in srgb,var(--site-nav,#2f6fa8) 72%,#fff),var(--site-nav,#2f6fa8));text-shadow:0 1px color-mix(in srgb,var(--site-nav,#2f6fa8) 84%,#12395a)}
.retro-search button,.inline-form button{color:var(--site-nav,#2f6fa8)}
.auth-buddy-page{padding:14px 0 40px;background:linear-gradient(#eaf3fb,#eef5fb)}
.auth-buddy-inner{width:100%;padding:0 var(--page-gutter);max-width:1180px;margin:0 auto}
.portal-tabs{display:flex;align-items:center;flex-wrap:wrap;background:linear-gradient(color-mix(in srgb,var(--site-nav,#2f6fa8) 85%,#fff),var(--site-nav,#2f6fa8));border:1px solid color-mix(in srgb,var(--site-nav,#2f6fa8) 72%,#1f4f77);border-bottom:0;border-radius:6px 6px 0 0;overflow:hidden;box-shadow:var(--shadow)}
.portal-tabs a{padding:8px 12px;color:#fff;font-size:11px;font-weight:700;letter-spacing:.3px;border-right:1px solid rgba(255,255,255,.16);text-shadow:0 1px rgba(0,0,0,.25)}
.portal-tabs a.active,.portal-tabs a:hover{background:rgba(255,255,255,.14);text-decoration:none}
.auth-hero{border:1px solid #c6d6e2;border-top:0;background:#fff;box-shadow:var(--shadow)}
.hero-topline{display:flex;align-items:center;gap:12px;padding:8px 10px;border-bottom:1px solid #dde8ef;background:#f7fbff}
.hero-pill{display:inline-block;padding:3px 8px;border-radius:3px;background:linear-gradient(#cbe38b,#a9cd4f);color:#476302;font-size:10px;font-weight:700}
.hero-kicker{font-size:11px;font-weight:700;color:#5d7791;letter-spacing:.5px}
.hero-body{display:grid;grid-template-columns:1fr 170px;gap:18px;padding:14px}
.hero-count{font-size:16px;color:#4f6882;margin-bottom:6px}.hero-count b{color:var(--site-nav,#2f6fa8)}
.auth-hero h1{font-size:28px;line-height:1.1;margin:0 0 8px;color:var(--site-nav,#2f6fa8)}
.auth-hero p{margin:0 0 8px;line-height:1.5;color:#5e7081}
.hero-link{font-weight:700;color:color-mix(in srgb,var(--site-accent,#f39a13) 65%,#8b5400)}
.hero-link.alt{display:inline-block;margin-top:10px}
.hero-user{display:grid;justify-items:center;gap:4px;padding:8px;border:1px solid #d7e4ee;background:linear-gradient(#fff,#f1f7fb)}
.hero-user .member-avatar{margin:0 auto}.hero-user b{color:#3f668a}.hero-user small{color:#778b9a}.hero-user.fallback .member-avatar{display:grid;place-items:center;font-size:42px;color:#7995ad}
.auth-portal-grid{display:grid;grid-template-columns:minmax(0,1.55fr) 290px;gap:14px;margin-top:12px;align-items:start}
.portal-main,.portal-sidebar{display:grid;gap:12px;align-content:start}
.portal-box{background:#fff;border:1px solid #c7d7e3;box-shadow:var(--shadow);border-radius:4px;overflow:hidden}
.portal-box-title{padding:7px 10px;font-size:12px;font-weight:700;color:#fff;background:linear-gradient(color-mix(in srgb,var(--site-nav,#2f6fa8) 75%,#fff),var(--site-nav,#2f6fa8));text-shadow:0 1px rgba(0,0,0,.2)}
.portal-box-links{display:flex;flex-wrap:wrap;gap:10px;padding:6px 10px;border-bottom:1px solid #e1ebf1;background:#f7fbff;color:#6f879d;font-size:11px;font-weight:700}
.portal-media-grid{display:grid;gap:10px;padding:10px}.portal-media-grid.photos{grid-template-columns:repeat(3,minmax(0,1fr))}.portal-media-grid.videos{grid-template-columns:repeat(4,minmax(0,1fr))}
.portal-thumb{display:grid;gap:5px;color:#335d82}.portal-thumb:hover{text-decoration:none}.portal-thumb img,.portal-thumb.empty>div{width:100%;aspect-ratio:1.15/1;object-fit:cover;border:1px solid #bfd1de;background:#eef4f8;padding:2px}.portal-thumb span{font-size:11px;line-height:1.25}.portal-thumb small{font-size:10px;color:#7a8c9a}.portal-thumb.video{align-content:start}.video-thumb-play{display:grid;place-items:center;aspect-ratio:1.35/1;border:1px solid #bfd1de;background:linear-gradient(#dce8f2,#f8fbfd);font-size:30px;color:var(--site-accent,#f39a13)}
.portal-blog-list{display:grid;padding:8px 10px}.portal-blog-list a{display:grid;gap:2px;padding:7px 0;border-bottom:1px solid #e5edf2}.portal-blog-list a:last-child{border-bottom:0}.portal-blog-list b{color:#2c648f}.portal-blog-list small{color:#7d8f9d}
.login-box .retro-pad{padding:12px}.auth-panel-form{gap:7px}.small-btn{padding:5px 12px}.login-inline{display:flex;align-items:center;justify-content:space-between;gap:8px}.big-register-btn{display:block;margin-top:10px;text-align:center;padding:10px 12px;border:1px solid color-mix(in srgb,var(--site-accent,#f39a13) 72%,#6b4600);background:linear-gradient(color-mix(in srgb,var(--site-accent,#f39a13) 55%,#fff),var(--site-accent,#f39a13));color:#fff;font-weight:800;letter-spacing:.4px;text-shadow:0 1px rgba(0,0,0,.22);border-radius:6px}
.big-register-btn:hover{text-decoration:none;filter:brightness(1.02)}
.spotlight-box{display:grid;grid-template-columns:50px 1fr;gap:10px;align-items:center}.spotlight-icon{display:grid;place-items:center;width:50px;height:50px;border:1px solid #d0dce6;border-radius:8px;background:#f6fbff;font-size:24px}
.portal-list{display:grid;gap:6px}.portal-list a{display:flex;justify-content:space-between;gap:8px;padding:4px 0;border-bottom:1px dotted #d9e5ee;color:#35648b}.portal-list a:last-child{border-bottom:0}.portal-list span{color:#7e93a3}
.portal-popular{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:10px}.portal-popular a{display:grid;justify-items:center;text-align:center;padding:6px;border:1px solid #d6e2eb;background:#fbfdff;color:#365f80;font-size:11px}.portal-popular a:hover{text-decoration:none;background:#f5faff}.portal-popular span{margin-top:5px;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}
@media(max-width:980px){.auth-portal-grid{grid-template-columns:1fr}.hero-body{grid-template-columns:1fr}.portal-media-grid.videos{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.portal-media-grid.photos,.portal-media-grid.videos{grid-template-columns:repeat(2,minmax(0,1fr))}.portal-tabs a{flex:1 1 auto;text-align:center}.portal-popular{grid-template-columns:repeat(2,minmax(0,1fr))}.login-inline{flex-direction:column;align-items:stretch}.auth-hero h1{font-size:22px}}

/* v5.2 classic friends chat */
.friend-alert-link{background:#fff3c8;border:1px solid #e0b84a;border-radius:10px;padding:2px 7px;color:#7a5700!important}
.friend-chat{position:fixed;right:12px;bottom:10px;width:270px;z-index:120;background:#fff;border:1px solid #7f9cb4;box-shadow:0 10px 30px #0a274338;font:12px Arial,Helvetica,sans-serif;border-radius:5px 5px 0 0;overflow:hidden}
.friend-chat-head{background:linear-gradient(#f7f7f7,#dfe7ed);border-bottom:1px solid #aabdc9}
.friend-chat-toggle{width:100%;border:0;background:none;padding:7px 9px;display:flex;align-items:center;gap:7px;text-align:left;color:#314d64;cursor:pointer}
.friend-chat-toggle b{flex:1}.chat-online-count{font-size:11px;color:#61798c}.chat-chevron{font-size:9px}.friend-chat.is-collapsed .friend-chat-body{display:none}.friend-chat.is-collapsed .chat-chevron{transform:rotate(180deg)}
.chat-presence-dot,.chat-status-dot{display:inline-block;width:10px;height:10px;border-radius:50%;box-shadow:0 0 0 1px #5d7485 inset,0 0 0 1px #fff}
.status-online,.chat-status-dot.online{background:#54c63b}.status-busy,.chat-status-dot.busy{background:#f0a21a}.status-invisible,.chat-status-dot.offline{background:#adb9c3}
.chat-selfbar{display:grid;grid-template-columns:32px 1fr;gap:7px;align-items:center;padding:7px 8px;background:#fff;border-bottom:1px solid #dce5eb}.chat-selfbar select{width:100%;border:1px solid #a9bdca;padding:4px;background:#fff;color:#40586c}
.chat-search{padding:6px 8px;border-bottom:1px solid #e1e8ed;background:#f8fbfd}.chat-search input{width:100%;border:1px solid #b6c6d1;padding:5px 7px;font:inherit}
.chat-friend-list{max-height:310px;overflow:auto;background:#fff}.chat-friend-row{display:grid;grid-template-columns:32px minmax(0,1fr) 12px;gap:7px;align-items:center;width:100%;border:0;border-bottom:1px solid #e9eef2;background:#fff;padding:6px 8px;text-align:left;color:#36536a;cursor:pointer}.chat-friend-row:hover{background:#eef6fb}.chat-avatar{display:inline-grid;place-items:center;width:30px;height:30px;overflow:hidden;border:1px solid #9cb4c6;background:#dae8f2;color:#2e6798;font-weight:bold}.chat-avatar img{width:100%;height:100%;object-fit:cover}.chat-avatar.tiny{width:28px;height:28px}.chat-friend-text{min-width:0}.chat-friend-text b,.chat-friend-text small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-friend-text small{font-size:10px;color:#7b8d9b;margin-top:1px}
.chat-windows{position:fixed;right:294px;bottom:10px;z-index:119;display:flex;align-items:flex-end;gap:8px}.friend-chat-window{width:330px;height:390px;background:#fff;border:1px solid #7694aa;box-shadow:0 10px 30px #0a274338;display:grid;grid-template-rows:auto 1fr auto auto;border-radius:5px 5px 0 0;overflow:hidden}.friend-chat-window header{display:flex;align-items:center;justify-content:space-between;padding:6px 8px;background:linear-gradient(#4d8dc5,#2e6fa8);color:#fff}.chat-peer{display:flex;align-items:center;gap:7px}.chat-peer b,.chat-peer small{display:block}.chat-peer small{font-size:10px;opacity:.82}.chat-close{border:0;background:none;color:#fff;font-size:20px;line-height:1;cursor:pointer}.chat-log{overflow:auto;padding:9px;background:linear-gradient(#f9fcfe,#eef5fa);display:flex;flex-direction:column;gap:7px}.chat-bubble{max-width:82%;padding:7px 8px;border:1px solid #cbd8e1;background:#fff;border-radius:8px 8px 8px 2px;align-self:flex-start;box-shadow:0 1px 1px #0001}.chat-bubble.mine{align-self:flex-end;background:#fff2d9;border-color:#e8c47c;border-radius:8px 8px 2px 8px}.chat-bubble-text{white-space:pre-wrap;overflow-wrap:anywhere}.chat-bubble-text.has-emote{font-size:20px;animation:chatEmotePop .35s ease}.chat-bubble small{display:block;margin-top:3px;text-align:right;color:#8a98a3;font-size:9px}
.chat-emotes{display:flex;gap:4px;padding:5px 7px;border-top:1px solid #dce5eb;background:#fff}.chat-emotes button{border:1px solid #c3d1db;background:#f8fbfd;padding:3px 5px;cursor:pointer;border-radius:3px;font-size:16px;transition:transform .15s}.chat-emotes button:hover{transform:scale(1.18) rotate(-4deg)}.chat-send-form{display:grid;grid-template-columns:1fr auto;gap:5px;padding:7px;border-top:1px solid #d9e3ea;background:#f5f9fc}.chat-send-form input{min-width:0;border:1px solid #a9bdca;padding:7px;font:inherit}.chat-send-form button{border:1px solid #1f557f;background:linear-gradient(#4c8dc5,#2f6fa8);color:#fff;font-weight:bold;padding:6px 9px;cursor:pointer}
@keyframes chatEmotePop{0%{transform:scale(.65);opacity:.3}70%{transform:scale(1.18)}100%{transform:scale(1);opacity:1}}
@media(max-width:760px){.friend-chat{right:8px;bottom:64px;width:min(290px,calc(100vw - 16px))}.chat-windows{right:8px;bottom:64px}.friend-chat-window{width:min(340px,calc(100vw - 16px));height:55vh}.friend-chat:not(.is-collapsed)+.chat-windows{display:none}}

/* YouTube embed fix */
.video-frame{position:relative;overflow:hidden;border-radius:4px;background:#111}
.video-frame iframe{display:block;width:100%;height:100%;border:0}
.video-invalid{display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#252525,#101010);min-height:220px}
.youtube-fallback{display:inline-flex;align-items:center;gap:6px;margin-top:7px;padding:5px 8px;border:1px solid #c8d7e3;background:#f7fbff;color:#245f94;font-size:11px;font-weight:700;border-radius:4px}
.youtube-fallback:hover{background:#edf6fc;text-decoration:none}

/* v5.3 member SHOUTcast / Icecast stream player */
.profile-stream-player{width:100%;display:grid;grid-template-columns:46px minmax(0,1fr) 120px;align-items:center;gap:10px;padding:10px 12px;border:1px solid color-mix(in srgb,var(--site-nav,#2f6fa8) 50%,#c7d8e4);border-radius:7px;background:linear-gradient(135deg,#22384b,#304f69);color:#fff;box-shadow:0 2px 6px #0002}
.stream-play{width:42px;height:42px;border:1px solid color-mix(in srgb,var(--site-accent,#f39a13) 75%,#7a4b00);border-radius:5px;background:linear-gradient(color-mix(in srgb,var(--site-accent,#f39a13) 70%,#fff),var(--site-accent,#f39a13));color:#fff;font-weight:800;font-size:17px;cursor:pointer;text-shadow:0 1px #0004}
.stream-meta{min-width:0;display:grid;gap:2px}.stream-meta strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px}.stream-meta span{font-size:10px;color:#d7e7f5;text-transform:uppercase;letter-spacing:.35px}.stream-meta small{display:block;color:#eaf3fa;line-height:1.3;margin-top:2px;overflow-wrap:anywhere}.stream-state[data-state="playing"]{color:#8df38f}.stream-state[data-state="error"]{color:#ffaaaa}.stream-state[data-state="loading"]{color:#ffd87c}.stream-volume{width:100%;accent-color:var(--site-accent,#f39a13)}
.profile-stream-player.is-playing{box-shadow:0 0 0 1px color-mix(in srgb,var(--site-accent,#f39a13) 60%,transparent),0 3px 10px #0003}
.stream-direct-link{margin-top:6px;text-align:right;font-size:10px}.stream-direct-link a{color:#597d9c}.stream-settings-preview{margin-top:12px;border-top:1px solid #dbe6ee;padding-top:10px}.stream-settings-preview>b{display:block;margin-bottom:6px;color:#526d83}
@media(max-width:650px){.profile-stream-player{grid-template-columns:42px minmax(0,1fr);gap:8px}.stream-volume{grid-column:1/-1}.stream-play{width:38px;height:38px}}

/* v5.4 - SHOUTcast/Icecast live stream integrated into the same MP3 playlist */
.profile-playlist .pp-now{display:flex;align-items:center;gap:7px}
.profile-playlist .pp-title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.profile-playlist .pp-live-badge{flex:none;background:#e22626;color:#fff;border:1px solid #ff7777;border-radius:3px;padding:2px 5px;font-size:8px;font-weight:800;letter-spacing:.6px;box-shadow:0 0 8px #ff343466}
.profile-playlist .pp-track{grid-template-columns:24px minmax(0,1fr) auto}
.profile-playlist .pp-track em{font-style:normal;font-size:8px;font-weight:800;color:#fff;background:#d92525;border-radius:3px;padding:2px 4px;letter-spacing:.5px}
.profile-playlist .pp-track.live-track>span{color:#ff5252;font-size:14px;animation:liveDot 1.35s ease-in-out infinite}
.profile-playlist.is-live .pp-progress{cursor:default;overflow:hidden;background:#ffffff18}
.profile-playlist.is-live .pp-progress span{width:100%!important;background:linear-gradient(90deg,transparent,var(--player-accent),transparent);background-size:220% 100%;animation:liveSweep 1.8s linear infinite}
.profile-playlist.is-live .pp-current,.profile-playlist.is-live .pp-duration{font-weight:700;color:var(--player-accent)}
.integrated-stream-preview{margin-top:12px;display:grid;gap:7px}
.integrated-stream-preview>.profile-player{width:100%;margin:0}
.integrated-stream-preview>small{color:#6f8190;line-height:1.4}
@keyframes liveDot{0%,100%{opacity:.45;transform:scale(.88)}50%{opacity:1;transform:scale(1.08)}}
@keyframes liveSweep{0%{background-position:220% 0}100%{background-position:-220% 0}}
@media(prefers-reduced-motion:reduce){.profile-playlist .pp-track.live-track>span,.profile-playlist.is-live .pp-progress span{animation:none!important}}

/* v6.1 chat performance + full background image option */
.chat-emote-toggle{margin-right:auto;font-size:12px;font-weight:700;padding:4px 8px!important}
.chat-emotes{flex-wrap:wrap;align-items:center}
.chat-emote-panel{display:none;border-top:1px solid #dce5eb;background:#f7fbfe;padding:7px;max-height:150px;overflow:auto}
.chat-emote-panel.open{display:block}
.chat-emote-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}
.chat-emote-btn{border:1px solid #c3d1db;background:#fff;padding:6px 4px;cursor:pointer;border-radius:4px;font-size:18px;line-height:1;transition:transform .15s, background .15s}
.chat-emote-btn:hover{transform:scale(1.12);background:#eef6fb}
.chat-bubble-text.has-emote{line-height:1.5}
.theme-preview{background-size:cover;background-position:center}
@media(max-width:760px){.chat-emote-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}

/* v6.2 working profile gadgets + richer blogs + BuddyGIF admin */
.gadget{position:relative;overflow:hidden;border-radius:5px;background:linear-gradient(#fbfdff,#f1f7fb);box-shadow:0 1px 2px #0001}
.gadget>b{display:block;margin-bottom:6px;color:#2c648f}
.buddy-clock{font-size:28px;font-weight:800;letter-spacing:2px;text-align:center;color:#244f73;padding:10px 4px;background:#fff;border:1px solid #d6e3ec;border-radius:5px;font-variant-numeric:tabular-nums}
.buddy-date{text-align:center;font-weight:700;text-transform:capitalize;color:#4b6579;padding:8px}
.buddy-stats-gadget{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;text-align:center}.buddy-stats-gadget span{background:#fff;border:1px solid #d8e4ec;border-radius:4px;padding:6px 3px;font-size:10px}.buddy-stats-gadget strong{display:block;font-size:18px;color:#e68708}
.buddy-countdown{text-align:center;font-size:17px;font-weight:800;color:#81520a;background:#fff4cf;border:1px solid #efd388;padding:9px;border-radius:5px;font-variant-numeric:tabular-nums}
.buddy-gadget-gif{display:block;max-width:100%;max-height:190px;margin:5px auto 7px;border-radius:5px;object-fit:contain}
.gadget-manage-list{margin-top:12px;border-top:1px solid #dce7ef}.gadget-manage-row{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid #e4edf3}.gadget-manage-row>div{flex:1}.gadget-manage-row small{display:block;color:#788b99;text-transform:capitalize}
.blog-meta-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.enhanced-blog{background:#fff}.blog-cover{display:block;width:100%;max-height:360px;object-fit:cover;margin:8px 0 12px;border:1px solid #cbdbe6;padding:3px;background:#fff}.blog-headline{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.blog-badges{display:flex;flex-wrap:wrap;gap:5px;margin:8px 0}.blog-badges span,.blog-tags{display:inline-block;background:#eef5fa;border:1px solid #d4e2ec;color:#536f83;border-radius:12px;padding:3px 8px;font-size:10px}.blog-tags{margin-bottom:10px}.blog-comments{border-top:1px solid #dce6ed;padding-top:10px;margin-top:12px}.blog-comment{display:grid;grid-template-columns:32px 1fr;gap:7px;padding:7px 0;border-bottom:1px solid #e7eef3}.blog-comment small{display:block;color:#84939f}.blog-comment p{margin:3px 0}.blog-comment-form{display:grid;grid-template-columns:1fr auto;gap:6px;margin-top:8px}.blog-comment-form input{min-width:0;border:1px solid #a9bdca;padding:7px}
.admin-gif-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px;margin-top:12px}.admin-gif-card{display:grid;gap:5px;text-align:center;border:1px solid #d5e2eb;background:#f9fcfe;padding:6px;border-radius:5px}.admin-gif-card img{width:100%;height:90px;object-fit:contain;background:#fff;border:1px solid #e0e8ee}.admin-gif-card b{font-size:11px;color:#315f84}
@media(max-width:650px){.blog-meta-grid{grid-template-columns:1fr}.blog-comment-form{grid-template-columns:1fr}.buddy-clock{font-size:23px}.admin-gif-grid{grid-template-columns:repeat(2,1fr)}}

/* v6.3 personal profile ecosystem + admin profile help */
.profile-context-bar{margin:0 0 12px;border:1px solid #c9d9e6;background:linear-gradient(#fff,#f4f9fd);box-shadow:0 1px 2px #0000000d}
.profile-context-person{display:flex;align-items:center;gap:10px;padding:9px 11px;border-bottom:1px solid #d7e3ec;background:linear-gradient(90deg,#eef7fd,#fff8e9)}
.profile-context-person>div{min-width:0}.profile-context-person b{display:block;color:#284f70;font-size:14px}.profile-context-person small{display:block;color:#6e8394;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.profile-context-nav{display:flex;align-items:center;gap:0;overflow-x:auto;white-space:nowrap;background:#fff}
.profile-context-nav a{padding:8px 10px;border-right:1px solid #e1e9ef;color:#356a96;font-weight:700;font-size:11px;text-decoration:none}
.profile-context-nav a:hover,.profile-context-nav a.active{background:linear-gradient(#fff5d8,#ffe6a7);color:#8a5700}
.personal-item{padding:10px 0;border-bottom:1px solid #e4ebf0}.personal-item:last-child{border-bottom:0}
.profile-help-head{display:flex;align-items:center;gap:14px;margin:12px 0;padding:12px;border:1px solid #c8d9e6;background:#fff;border-radius:4px}.profile-help-head h2{margin:0 0 3px}.profile-help-head p{margin:0 0 5px;color:#6c7e8d}
.admin-profile-picker{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.admin-profile-picker select{min-width:260px;max-width:100%;padding:7px;border:1px solid #aac0d0;background:#fff}
.superadmin-create{border-color:#e2c76c}.superadmin-create .retro-box-title{background:linear-gradient(#fff2a8,#e8c95e);color:#674800}
.admin-member-row{gap:7px;flex-wrap:wrap}.compact-admin-btn{padding:5px 8px!important;white-space:nowrap;text-decoration:none!important}
.role-form{display:flex;gap:4px;align-items:center}.role-form select{max-width:120px;padding:4px;border:1px solid #aac0d0;background:#fff;font-size:11px}.role-form button{padding:4px 6px;border:1px solid #7e9aaf;background:#f3f8fb;color:#355c78;font-size:10px;font-weight:700;cursor:pointer}
@media(max-width:760px){.profile-context-person{align-items:flex-start}.profile-context-nav a{padding:8px}.admin-profile-picker{display:grid}.admin-profile-picker select{min-width:0;width:100%}.admin-member-row{align-items:flex-start}.role-form{width:100%}.role-form select{flex:1;max-width:none}}

/* v6.4 photo center + safer owner controls + polished chat frame */
.photo-page-pro{display:block}
.photo-page-pro .profile-context-bar{margin-bottom:14px;border-radius:6px;overflow:hidden;box-shadow:0 2px 8px #234b6d16}
.photo-page-pro .profile-context-person{padding:10px 12px}
.photo-page-pro .profile-context-nav{padding:0 4px;gap:2px;scrollbar-width:thin}
.photo-page-pro .profile-context-nav a{padding:9px 11px;border-right:0;border-bottom:3px solid transparent;border-radius:4px 4px 0 0}
.photo-page-pro .profile-context-nav a.active{background:#fff5d8;border-bottom-color:var(--orange);color:#8a5700}
.photo-create-box{width:100%;margin-bottom:12px;border-radius:6px;overflow:hidden}
.photo-create-box .retro-box-title{background:linear-gradient(#ffe8ba,#ffd38b);color:#7c4c00;border-bottom-color:#e2a342;padding:9px 12px}
.photo-album-form{gap:10px}
.photo-album-fields{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(300px,1.4fr);gap:12px;align-items:start}
.photo-album-form input,.photo-album-form textarea{border:1px solid #7eb1d7;box-shadow:0 0 0 2px #d7edff55;border-radius:4px;background:#fff}
.photo-create-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid #e7edf2;padding-top:9px;color:#718292;font-size:11px}
.title-count{float:right;background:#fff4d4;border:1px solid #e8bc62;color:#8a5a00;border-radius:10px;padding:1px 7px;font-size:10px}
.album-grid-pro{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px;padding:14px}
.album-card-pro{border:1px solid #c5d7e5;background:linear-gradient(#fff,#f7fafc);padding:7px;border-radius:6px;box-shadow:0 2px 7px #234b6d12;min-width:0}
.album-card-pro .album-card{display:block;border:0;padding:0;box-shadow:none;background:transparent}
.album-card-pro .album-cover{height:145px;position:relative;border-radius:4px;overflow:hidden}
.album-photo-count{position:absolute;right:6px;bottom:6px;background:#1e4f78dc;color:#fff;padding:3px 6px;border-radius:10px;font-size:10px;font-weight:700}
.album-card-pro .album-card b{font-size:13px;color:#2d6696;margin:8px 2px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.album-card-pro .album-card small{margin:3px 2px 7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#718292}
.album-delete-form{border-top:1px solid #e5edf2;padding-top:6px}.album-delete-form .content-delete-btn{width:100%;text-align:center}
.content-delete-btn{border:1px solid #d4a2a2;background:linear-gradient(#fff,#fff0f0);color:#a53737;padding:4px 8px;border-radius:4px;font:inherit;font-size:10px;font-weight:700;cursor:pointer}
.content-delete-btn:hover{background:#ffe2e2;border-color:#c77878;text-decoration:none}
.post-delete-form{margin-left:auto}.retro-posthead .grow{flex:1;min-width:0}
.photo-grid-pro{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));align-items:start}
.photo-tile{border:1px solid #d2e0ea;background:#fff;padding:6px;border-radius:5px;box-shadow:0 1px 4px #234b6d12;min-width:0}
.photo-tile>a{display:block}.photo-tile img{border:0;padding:0;border-radius:3px}.photo-tile span{min-height:31px;color:#4b6579}
.photo-tile form{border-top:1px solid #edf2f5;padding-top:5px}.photo-tile .content-delete-btn{width:100%}
.photo-empty-state{grid-column:1/-1;display:grid;place-items:center;text-align:center;gap:5px;min-height:130px;border:1px dashed #c5d5e0;background:#f8fbfd;border-radius:6px}.photo-empty-state b{color:#4b6d87}.photo-empty-state span{font-style:normal;color:#8a9aa6}
.album-description-row{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;border-bottom:1px solid #e5edf2;padding-bottom:10px;margin-bottom:10px}.album-description-row p{margin:0 0 3px}.album-description-row small{color:#81909b}
.photo-upload-form{display:grid;grid-template-columns:1fr 1.2fr auto;align-items:end;gap:10px}
.photo-owner-row{display:flex;align-items:center;gap:9px;text-align:left}.photo-owner-row>div{flex:1}.photo-owner-row b,.photo-owner-row small{display:block}.photo-owner-row small{color:#7d8f9c;margin-top:2px}.photo-detail-delete{margin-left:auto}

/* Chat frame: cleaner BuddySocial desktop/mobile layout */
.friend-chat{right:14px;bottom:12px;width:300px;border:1px solid #235f91;border-radius:9px 9px 4px 4px;box-shadow:0 14px 38px #173b5938;overflow:hidden;background:#fff}
.friend-chat-head{background:linear-gradient(135deg,var(--site-nav,#2f6fa8),color-mix(in srgb,var(--site-nav,#2f6fa8) 78%,#183f61));border:0}
.friend-chat-toggle{min-height:42px;padding:9px 11px;color:#fff;font-size:12px;text-shadow:0 1px #123a5b}
.friend-chat-toggle b{font-size:13px}.friend-chat-toggle .chat-online-count{color:#dff3ff;background:#ffffff18;border:1px solid #ffffff2d;border-radius:12px;padding:2px 6px}.friend-chat-toggle .chat-chevron{color:#fff}
.chat-presence-dot{box-shadow:0 0 0 2px #fff,0 0 8px #0003}
.friend-chat-body{background:#f7fbfe}
.chat-selfbar{padding:8px 10px;background:linear-gradient(#fff,#f1f7fb);border-bottom:1px solid #d3e0e9}.chat-selfbar select{border-radius:5px;padding:6px;border-color:#9db8cb}
.chat-search{padding:7px 9px;background:#edf5fa}.chat-search input{border-radius:14px;padding:7px 10px;border-color:#acc3d3;outline:none}.chat-search input:focus{border-color:#4d91c7;box-shadow:0 0 0 2px #bfe0f855}
.chat-friend-list{max-height:340px}.chat-friend-row{grid-template-columns:38px minmax(0,1fr) 12px;padding:8px 10px;min-height:50px;transition:background .15s}.chat-friend-row:hover{background:#eaf5fd}.chat-avatar{width:36px;height:36px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px #9bb7ca}.chat-friend-text b{font-size:12px;color:#294e69}.chat-friend-text small{font-size:10px}
.chat-windows{right:326px;bottom:12px;gap:10px}
.friend-chat-window{width:350px;height:440px;border:1px solid #235f91;border-radius:9px 9px 4px 4px;box-shadow:0 14px 38px #173b5938;grid-template-rows:auto 1fr auto auto;background:#fff}
.friend-chat-window header{min-height:48px;padding:7px 10px;background:linear-gradient(135deg,var(--site-nav,#2f6fa8),color-mix(in srgb,var(--site-nav,#2f6fa8) 75%,#183f61));border-bottom:1px solid #1c557f}.chat-peer b{font-size:12px}.chat-peer small{font-size:9px}.chat-close{width:30px;height:30px;border-radius:50%;font-size:22px;display:grid;place-items:center}.chat-close:hover{background:#ffffff1f}
.chat-log{padding:12px;background:linear-gradient(#f9fcfe,#edf5fa);gap:8px;scroll-behavior:smooth}.chat-bubble{max-width:78%;padding:8px 10px;border-radius:12px 12px 12px 3px;border-color:#c8d8e3;box-shadow:0 1px 3px #28475d12;line-height:1.35}.chat-bubble.mine{background:#fff1d8;border-color:#e5bf79;border-radius:12px 12px 3px 12px}.chat-bubble small{margin-top:4px;font-size:9px;opacity:.8}
.chat-emotes{padding:7px 8px;gap:5px;background:#fff;border-top:1px solid #d7e3ec;overflow-x:auto;flex-wrap:nowrap}.chat-emotes button{flex:0 0 auto;border-radius:6px;background:#f7fbfe;padding:5px 7px}.chat-emote-toggle{font-size:11px!important;padding:6px 9px!important;background:#eef6fb!important;color:#37617f}
.chat-emote-panel{background:#f7fbfe;border-top:1px solid #d7e3ec;padding:8px;max-height:155px}.chat-emote-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:5px}.chat-emote-btn{min-height:34px;border-radius:6px}
.chat-send-form{padding:8px;background:#fff;border-top:1px solid #d6e2ea;grid-template-columns:minmax(0,1fr) auto}.chat-send-form input{border-radius:16px;padding:8px 11px;border-color:#a9c0d0;outline:none}.chat-send-form input:focus{border-color:#4d91c7;box-shadow:0 0 0 2px #bfe0f855}.chat-send-form button{border-radius:14px;padding:7px 12px}
@media(max-width:760px){.photo-album-fields,.photo-upload-form{grid-template-columns:1fr}.photo-create-actions,.album-description-row{align-items:stretch;flex-direction:column}.album-grid-pro{grid-template-columns:repeat(2,minmax(0,1fr));padding:8px;gap:8px}.album-card-pro .album-cover{height:115px}.friend-chat{right:8px;bottom:66px;width:min(330px,calc(100vw - 16px))}.chat-windows{right:8px;left:8px;bottom:66px}.friend-chat-window{width:100%;height:min(62vh,520px)}.chat-emote-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media(max-width:480px){.album-grid-pro{grid-template-columns:1fr}.photo-grid-pro{grid-template-columns:repeat(2,minmax(0,1fr))}.chat-emote-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}

/* v6.3 - online leden + Buddy Arcade */
.online-title{display:flex;align-items:center;justify-content:space-between;gap:10px}.online-title a{color:inherit;text-decoration:none}.online-title .online-all-link{font-size:11px;font-weight:600;opacity:.9}.online-page-intro{margin:0 0 14px;color:#56657a}.online-members-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}.online-member-card{display:flex;align-items:center;gap:12px;padding:10px;border:1px solid #d7e1eb;border-radius:7px;background:linear-gradient(#fff,#f6f9fc);text-decoration:none;color:#234d75;box-shadow:0 1px 2px rgba(0,0,0,.04)}.online-member-card:hover{border-color:#8eb4d6;background:#fff}.online-member-copy{display:flex;flex-direction:column;min-width:0}.online-member-copy small{color:#708096;margin-top:2px}.presence-label{font-size:11px;font-style:normal;font-weight:700;margin-top:5px;width:max-content;padding:2px 7px;border-radius:20px;background:#e8f7ee;color:#18733a}.presence-label.busy{background:#fff2d7;color:#965b00}
.games-page{max-width:1180px}.games-hero h1{margin:0 0 6px}.game-license-note{display:inline-block;margin-top:8px;padding:5px 9px;border-radius:5px;background:#eef5fb;color:#47627d;font-size:12px}.games-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:14px}.game-card .retro-pad{min-height:370px}.game-help{margin-top:0;color:#64748b}.ttt-board{display:grid;grid-template-columns:repeat(3,88px);gap:7px;justify-content:center;margin:20px auto}.ttt-cell{width:88px;height:88px;border:1px solid #9db4c8;border-radius:8px;background:linear-gradient(#fff,#edf4fa);font-size:42px;font-weight:800;color:#2f6fa8;cursor:pointer}.ttt-cell:hover{background:#fff}.memory-board{display:grid;grid-template-columns:repeat(4,minmax(50px,1fr));gap:7px;max-width:390px;margin:16px auto}.memory-card{height:68px;border:1px solid #9db4c8;border-radius:7px;background:linear-gradient(#387eb9,#27689f);color:transparent;font-size:30px;cursor:pointer;transition:.14s transform,.14s background}.memory-card.revealed,.memory-card.matched{background:#fff;color:#243b53;transform:rotateY(0)}.memory-card.matched{background:#edf9f1;border-color:#80bf95}.game-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px}.snake-card{grid-column:1/-1}.snake-card .retro-pad{min-height:0}.snake-card canvas{display:block;width:min(100%,360px);height:auto;margin:10px auto;border:2px solid #456987;border-radius:8px;background:#f8fbfd}.snake-controls{text-align:center;margin:8px 0}.snake-controls button{width:46px;height:38px;margin:2px;border:1px solid #8ba8bf;border-radius:6px;background:#fff;cursor:pointer;font-size:18px}.snake-controls>button{display:block;margin:0 auto 2px}.snake-controls div{display:flex;justify-content:center}.snake-controls button:hover{background:#edf5fb}
@media(max-width:760px){.games-grid{grid-template-columns:1fr}.snake-card{grid-column:auto}.game-card .retro-pad{min-height:0}.ttt-board{grid-template-columns:repeat(3,minmax(64px,82px))}.ttt-cell{width:100%;height:74px}.online-members-grid{grid-template-columns:1fr}}


/* v6.5 Chat PRO: notificaties + audio bellen */
.chat-selfbar{grid-template-columns:32px minmax(0,1fr) auto!important}.chat-alert-controls{display:flex;gap:4px}.chat-alert-controls button{width:28px;height:28px;border:1px solid #adc2d2;border-radius:50%;background:#fff;cursor:pointer;font-size:14px;display:grid;place-items:center}.chat-alert-controls button:hover,.chat-alert-controls button.on{background:#e5f4ff;border-color:#4d91c7}.chat-alert-controls button.off{opacity:.55}
.chat-friend-row{display:grid!important;grid-template-columns:38px minmax(0,1fr) auto!important}.chat-friend-open{border:0;background:transparent;text-align:left;min-width:0;padding:0;color:inherit;cursor:pointer}.chat-friend-open b,.chat-friend-open small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-friend-open small{font-size:10px;color:#7b8d9b;margin-top:2px}.chat-row-actions{display:flex;align-items:center;gap:7px}.chat-row-call{width:30px;height:30px;border:1px solid #a9c2d4;border-radius:50%;background:#f6fbff;cursor:pointer;display:grid;place-items:center}.chat-row-call:hover{background:#dff2ff;border-color:#4a8dc2;transform:scale(1.04)}
.chat-head-actions{display:flex;align-items:center;gap:5px}.chat-call-btn{border:1px solid #ffffff55;background:#ffffff18;color:#fff;border-radius:14px;padding:5px 9px;cursor:pointer;font-weight:700;font-size:11px}.chat-call-btn:hover{background:#ffffff2c}
.buddy-toast-stack{position:fixed;right:18px;top:18px;z-index:10000;display:flex;flex-direction:column;gap:8px;width:min(360px,calc(100vw - 36px));pointer-events:none}.buddy-toast{pointer-events:auto;width:100%;display:grid;grid-template-columns:38px minmax(0,1fr) 18px;gap:8px;align-items:center;border:1px solid #80a7c3;background:#fff;box-shadow:0 10px 35px #163f5f35;border-radius:10px;padding:10px;text-align:left;cursor:pointer;animation:buddyToastIn .22s ease}.buddy-toast.call{border-color:#4b9c61}.buddy-toast-icon{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#e8f4fc;font-size:18px}.buddy-toast.call .buddy-toast-icon{background:#e9f8ed}.buddy-toast-copy{min-width:0}.buddy-toast-copy b,.buddy-toast-copy small{display:block}.buddy-toast-copy b{color:#274f6d;font-size:12px}.buddy-toast-copy small{color:#607585;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.buddy-toast-x{color:#8aa0af;font-size:18px}.buddy-toast.leaving{opacity:0;transform:translateX(20px);transition:.25s}@keyframes buddyToastIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}
.buddy-call-overlay{position:fixed;inset:0;z-index:11000;background:#0e263a99;backdrop-filter:blur(4px);display:grid;place-items:center;padding:20px}.buddy-call-overlay[hidden]{display:none}.buddy-call-card{width:min(360px,100%);background:#fff;border:1px solid #8cb2ca;border-radius:18px;box-shadow:0 24px 70px #061b2c77;padding:28px;text-align:center}.buddy-call-pulse{width:82px;height:82px;margin:0 auto 14px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#e7f6ff,#c8e9ff);font-size:34px;animation:buddyCallPulse 1.3s infinite}.buddy-call-name{display:block;font-size:20px;color:#214b69}.buddy-call-state{display:block;color:#657b8b;margin:6px 0 20px}.buddy-call-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.buddy-call-actions button{border:0;border-radius:20px;padding:10px 17px;color:#fff;font-weight:700;cursor:pointer}.call-accept{background:#2c9b51}.call-decline,.call-end{background:#c94747}@keyframes buddyCallPulse{0%,100%{box-shadow:0 0 0 0 #4d9cd344}50%{box-shadow:0 0 0 18px #4d9cd300}}
#buddy-remote-audio{display:none}
@media(max-width:760px){.buddy-toast-stack{top:10px;right:10px;width:calc(100vw - 20px)}.chat-call-btn span{display:none}.chat-call-btn{width:32px;height:32px;padding:0;border-radius:50%}.buddy-call-card{padding:22px}.friend-chat-row{grid-template-columns:36px minmax(0,1fr) auto!important}}

/* v6.6 RESPONSIVE PRO — desktop, tablet & mobile polish */
:root{--mobilebar-h:66px;--content-max:1920px}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{min-width:0;overflow-x:hidden}
.retro-topin,.retro-navin,.flash-wrap,.retro-layout,.retro-content,.classic-profile,.site-announcement,.retro-footer{max-width:var(--content-max)!important;margin-left:auto!important;margin-right:auto!important}
.retro-layout,.retro-content,.classic-profile{width:100%}
.retro-box,.retro-post,.video-card,.album-card,.album-card-pro,.game-card,.online-member-card{min-width:0}
iframe,video,canvas,table{max-width:100%}
input,select,textarea,button{font-size:16px}
@media(min-width:769px){input,select,textarea,button{font-size:13px}}

/* Desktop layout: readable instead of endlessly stretched on ultrawide screens. */
@media(min-width:1200px){
  .retro-layout{grid-template-columns:clamp(210px,15vw,260px) minmax(0,1fr) clamp(235px,18vw,300px)}
  .profile-columns{grid-template-columns:clamp(220px,16vw,285px) minmax(0,1fr) clamp(255px,19vw,320px)!important}
  .retro-pad{padding:13px}
}

/* Laptop / tablet: all sections remain available, nothing silently disappears. */
@media(max-width:1024px){
  :root{--page-gutter:10px;--col-gap:10px}
  .retro-layout{grid-template-columns:185px minmax(0,1fr)!important}
  .retro-layout>aside:last-child{grid-column:1/-1;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .retro-layout>aside:last-child>.gap{margin-top:0}
  .profile-columns{grid-template-columns:205px minmax(0,1fr)!important}
  .profile-right{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .profile-right>.gap{margin-top:0}
  .main-nav-links>a{font-size:12px}
  .public-home{padding:0 var(--page-gutter);gap:12px}
}

@media(max-width:900px){
  :root{--page-gutter:9px;--col-gap:9px}
  body{padding-bottom:calc(var(--mobilebar-h) + env(safe-area-inset-bottom,0px))}
  .retro-top{position:relative;z-index:31}
  .retro-topin{min-height:68px!important;height:auto!important;padding-top:8px!important;padding-bottom:8px!important;align-items:center!important}
  .retro-brand{line-height:1;max-width:58%}
  .retro-brand>span{font-size:27px!important;line-height:1.05}
  .retro-brand small{white-space:normal;line-height:1.2;margin-top:5px}
  .brand-logo{max-width:min(220px,52vw)!important;height:auto}
  .account-mini{max-width:42%;margin:0!important;line-height:1.45;text-align:right;border-radius:10px!important}
  .retro-nav{position:sticky;top:0;z-index:30}
  .retro-navin{display:block!important;padding:0!important;overflow:visible!important}
  .nav-toggle{display:flex!important;width:100%;align-items:center;justify-content:space-between;min-height:44px;padding:10px 13px!important}
  .nav-toggle:after{content:'▾';font-size:14px;transition:transform .18s}
  .retro-nav.nav-open .nav-toggle:after{transform:rotate(180deg)}
  .main-nav-links{display:none!important;max-height:calc(100vh - 116px);overflow-y:auto;overscroll-behavior:contain;background:var(--site-nav,#2f6fa8);box-shadow:0 12px 24px #173b5935}
  .retro-nav.nav-open .main-nav-links{display:flex!important;flex-direction:column;align-items:stretch}
  .main-nav-links>a{min-height:43px;padding:11px 14px!important;border-right:0!important;border-bottom:1px solid #ffffff19;font-size:13px!important}
  .retro-search{display:flex!important;order:99;padding:10px 12px!important;margin:0!important;background:#00000012;min-width:0!important;flex:none!important}
  .retro-search input{height:38px!important;font-size:16px;border-radius:8px 0 0 8px!important}
  .retro-search button{height:38px!important;border-radius:0 8px 8px 0!important;padding:0 14px}
  .retro-layout,.profile-columns{grid-template-columns:1fr!important}
  .retro-layout>aside,.retro-layout>section,.profile-left,.profile-main,.profile-right{grid-column:auto!important;width:100%}
  .retro-layout>aside:last-child,.profile-right{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  .retro-layout>aside:last-child>.gap,.profile-right>.gap{margin-top:0}
  .public-home{grid-template-columns:1fr!important;margin-top:16px}
  .public-intro,.public-card{padding:20px}
  .public-intro h1{font-size:28px}
  .message-retro{grid-template-columns:1fr!important;min-height:0}
  .message-retro aside{border-right:0;border-bottom:1px solid var(--line);max-height:230px;overflow:auto}
  .message-retro section{min-height:52vh;padding:10px}
  .admin-scroll{overflow:auto;-webkit-overflow-scrolling:touch}
  .admin-table{min-width:680px}
  .mobilebar{display:grid!important;grid-template-columns:repeat(4,1fr);position:fixed;left:8px;right:8px;bottom:max(8px,env(safe-area-inset-bottom));z-index:95;min-height:56px;border-radius:14px;overflow:hidden;background:linear-gradient(135deg,var(--site-nav,#2f6fa8),color-mix(in srgb,var(--site-nav,#2f6fa8) 72%,#173e5e));border:1px solid #1e5b88;box-shadow:0 10px 26px #173b5955}
  .mobilebar a{display:flex;align-items:center;justify-content:center;min-width:0;min-height:56px;padding:6px 3px!important;color:#fff!important;font-size:10px;line-height:1.3;border-right:1px solid #ffffff17;text-decoration:none!important}
  .mobilebar a:last-child{border-right:0}
  .retro-footer{margin-bottom:18px!important;padding-bottom:18px!important}
  .back-top{bottom:calc(var(--mobilebar-h) + 18px)!important}
}

@media(max-width:650px){
  :root{--page-gutter:7px;--col-gap:8px}
  .retro-topin{gap:8px}
  .retro-brand{max-width:55%}
  .retro-brand>span{font-size:23px!important}
  .retro-brand small{font-size:9px!important}
  .account-mini{max-width:45%;padding:5px 7px!important;font-size:10px!important;background:#ffffff42}
  .account-mini .online-dot{display:none}
  .site-announcement{width:calc(100% - 14px)!important;margin-top:8px!important;border-radius:7px}
  .flash-wrap{padding-left:7px!important;padding-right:7px!important}
  .retro-layout,.retro-content{margin-top:8px;margin-bottom:20px}
  .retro-box,.retro-post{border-radius:8px}
  .retro-box-title{padding:9px 10px;font-size:13px}
  .retro-pad{padding:9px}
  .retro-layout>aside:last-child,.profile-right{display:block!important}
  .retro-layout>aside:last-child>.gap,.profile-right>.gap{margin-top:8px}
  .profile-namebar{padding:9px 10px!important}
  .profile-namebar h1{font-size:20px!important;line-height:1.15}
  .profile-subnav{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible!important}
  .profile-subnav a{min-width:0!important;padding:9px 5px!important;border-bottom:1px solid #d9e3ea;text-align:center;white-space:normal;overflow-wrap:anywhere}
  .big-profile-avatar{max-width:150px;height:auto!important;aspect-ratio:14/16}
  .members-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px}
  .member-avatar{width:min(82px,100%);height:auto;aspect-ratio:1}
  .friend-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important}
  .friend-avatar{width:min(62px,100%)!important;height:auto!important;aspect-ratio:1}
  .album-grid,.album-grid-pro{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;padding:8px!important}
  .photo-grid-pro{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important}
  .video-grid,.games-grid,.online-members-grid{grid-template-columns:1fr!important}
  .video-card{padding:7px}
  .settings-cols,.dashboard-panel,.skin-layout,.retro-grid2,.admin-grid,.admin-form-grid,.pro-brand-colors,.blog-meta-grid{grid-template-columns:1fr!important}
  .www-form,.tick-form{grid-template-columns:1fr!important}
  .form-row,.message-send,.search-page,.rsvp,.inline-form,.photo-create-actions,.album-description-row{align-items:stretch!important}
  .form-row>* ,.message-send>* ,.search-page>* ,.rsvp>* ,.inline-form>*{width:100%;flex:1 1 100%}
  .orange-btn,.blue-btn,.danger-btn,.file-btn,.rsvp button,.inline-form button{min-height:40px;padding:9px 11px}
  .retro-actions{gap:8px 14px}
  .retro-posthead{align-items:flex-start}
  .retro-postimage{width:100%;max-height:70vh;object-fit:contain}
  .event-row{display:grid!important;grid-template-columns:56px minmax(0,1fr)!important;gap:9px}
  .event-row .rsvp{grid-column:1/-1}
  .guestbook-row,.scrap{grid-template-columns:38px minmax(0,1fr)}
  .scrap img{max-width:100%!important}
  .admin-stats,.admin-stats.booster{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .footer-links{gap:8px!important}
  .friend-chat{left:7px!important;right:7px!important;width:auto!important;bottom:calc(var(--mobilebar-h) + 10px + env(safe-area-inset-bottom,0px))!important;border-radius:12px!important}
  .friend-chat-body{max-height:min(58vh,520px);overflow:auto}
  .chat-windows{left:7px!important;right:7px!important;bottom:calc(var(--mobilebar-h) + 10px + env(safe-area-inset-bottom,0px))!important;width:auto!important}
  .friend-chat-window{width:100%!important;height:min(66vh,560px)!important;max-height:calc(100vh - var(--mobilebar-h) - 95px)!important;border-radius:12px!important}
  .chat-log{overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
  .chat-send-form{grid-template-columns:minmax(0,1fr) auto!important}
  .chat-send-form input{font-size:16px!important;min-height:40px}
  .chat-send-form button{min-height:40px;padding:8px 13px}
  .buddy-toast-stack{left:8px!important;right:8px!important;top:8px!important;width:auto!important}
  .buddy-toast{width:100%}
  .buddy-call-overlay{padding:12px!important}
  .buddy-call-card{width:min(100%,390px)!important;max-height:calc(100vh - 24px);overflow:auto}
}

@media(max-width:420px){
  :root{--page-gutter:5px}
  .retro-topin{align-items:flex-start!important}
  .retro-brand{max-width:52%}
  .retro-brand>span{font-size:20px!important}
  .brand-logo{max-width:48vw!important;max-height:38px!important}
  .account-mini{max-width:48%;font-size:9px!important;line-height:1.35}
  .profile-subnav{grid-template-columns:1fr 1fr}
  .friend-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .members-grid,.album-grid,.album-grid-pro,.photo-grid-pro{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .admin-stats,.admin-stats.booster{grid-template-columns:1fr!important}
  .calendar-sheet{width:50px;min-width:50px}
  .calendar-sheet b{font-size:22px}
  .retro-footer{font-size:10px}
  .mobilebar{left:5px;right:5px;bottom:max(5px,env(safe-area-inset-bottom));border-radius:12px}
  .mobilebar a{font-size:9px}
}

@media(max-width:340px){
  .members-grid,.album-grid,.album-grid-pro,.photo-grid-pro{grid-template-columns:1fr!important}
  .friend-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .profile-subnav{grid-template-columns:1fr}
}

/* Touch devices: larger hit targets, no hover-only dependency. */
@media(hover:none) and (pointer:coarse){
  a,button,.chat-friend-open,.chat-row-call{touch-action:manipulation}
  .retro-sidemenu a{min-height:40px;display:flex;align-items:center}
  .chat-row-call,.chat-close,.chat-alert-controls button{min-width:36px;min-height:36px}
  .main-nav-links>a{min-height:44px}
}

/* v6.7 Super Admin password recovery */
.superadmin-user-tools{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.password-reset-tool{position:relative}.password-reset-tool summary{cursor:pointer;list-style:none;border:1px solid #c3d4e2;background:linear-gradient(#fff,#edf5fa);padding:6px 8px;border-radius:5px;font-size:11px;font-weight:700;color:#315f84}.password-reset-tool summary::-webkit-details-marker{display:none}.password-reset-form{position:absolute;right:0;top:calc(100% + 5px);z-index:30;width:285px;padding:10px;background:#fff;border:1px solid #b9cfdf;border-radius:7px;box-shadow:0 8px 24px #17344d33;display:grid;gap:7px}.password-reset-form label{display:flex;gap:6px;align-items:center;font-size:11px}.password-reset-form input[type=text]{width:100%;box-sizing:border-box}.reset-pending{display:block;color:#a55d00;font-weight:700}.password-change-required{border:1px solid #e6a642;background:#fff4d8;color:#714500;border-radius:6px;padding:10px 12px;margin-bottom:10px}.admin-member-row{overflow:visible}@media(max-width:700px){.superadmin-user-tools{width:100%;align-items:stretch}.password-reset-tool{width:100%}.password-reset-tool summary{text-align:center}.password-reset-form{position:static;width:auto;margin-top:6px}.admin-member-row{flex-wrap:wrap}}

/* v6.8 mobile menu + chat refinements */
@media (max-width:900px){
  body.nav-menu-open{overflow:hidden}
  .retro-nav{position:sticky;top:0;z-index:120}
  .retro-navin{position:relative}
  .nav-toggle{font-size:14px;font-weight:800;letter-spacing:.1px}
  .main-nav-links{
    position:absolute;left:0;right:0;top:100%;z-index:140;
    border-top:1px solid #ffffff1a;border-radius:0 0 12px 12px;
    overflow:hidden;max-height:min(calc(100dvh - 118px),560px);
    overscroll-behavior:contain;
  }
  .retro-nav.nav-open{box-shadow:0 16px 34px #173b5940}
  .main-nav-links>a{display:flex;align-items:center;justify-content:space-between;gap:10px}
  .retro-search{position:sticky;bottom:0;background:linear-gradient(#245d91,#1e537f)!important;border-top:1px solid #ffffff14}
}

@media (max-width:650px){
  body.mobile-chat-open .friend-chat{display:none!important}
  body.mobile-chat-open .mobilebar{opacity:0;transform:translateY(calc(100% + 18px));pointer-events:none}
  body.mobile-chat-open .chat-windows{
    left:0!important;right:0!important;bottom:0!important;width:auto!important;
    padding:0!important;z-index:130!important;
  }
  body.mobile-chat-open .friend-chat-window{
    width:100%!important;height:min(74dvh,680px)!important;max-height:calc(100dvh - 6px)!important;
    border-radius:14px 14px 0 0!important;border-bottom:0!important;
    grid-template-rows:auto minmax(0,1fr) auto auto!important;
  }
  body.mobile-chat-open .chat-log{min-height:0;max-height:none}
  body.mobile-chat-open .chat-emotes,
  body.mobile-chat-open .chat-send-form{position:sticky;bottom:0;z-index:2}
  body.mobile-chat-open .chat-emotes{bottom:56px}
  body.mobile-chat-open .chat-send-form{box-shadow:0 -3px 10px #16354b12}
  body.chat-input-focus .chat-windows{bottom:0!important}
  body.chat-input-focus .friend-chat-window{height:min(84dvh,760px)!important;max-height:100dvh!important}
}

@media (max-width:480px){
  .nav-toggle{min-height:48px;padding:12px 14px!important}
  .main-nav-links>a{min-height:46px;font-size:14px!important}
  .friend-chat-window header{padding:8px 10px}
  .chat-send-form{gap:6px}
  .chat-send-form button{min-width:88px}
}