/* Mobile app shell. Desktop layouts and game fullscreen remain unchanged. */
.mobile-dock{display:none}
@media(max-width:720px){
 html{scroll-padding-top:76px;scroll-padding-bottom:90px}
 body{background:#08090b;font-family:Arial,Helvetica,sans-serif;font-size:15px;line-height:1.55}
 .site{padding:0 14px 88px;max-width:100%}
 .site>header{position:sticky;top:0;z-index:90;margin:0 -14px;padding:10px 16px;background:#090a0cf5;border-bottom:1px solid #25272c;box-shadow:none;gap:0 12px;min-height:62px}
 .site>header .wordmark{font:700 13px/1.4 Arial,sans-serif!important;letter-spacing:.5px;max-width:calc(100% - 84px)}
 .site>header .nav-toggle{min-width:62px;min-height:40px;margin:0;padding:8px 10px;background:#191b20;border:1px solid #34373f;box-shadow:none;border-radius:10px;gap:8px}
 .nav-toggle::before,.nav-toggle::after{display:none}
 header .nav-drawer nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:14px 0 6px;gap:8px;max-height:65dvh;overflow:auto}
 header .nav-drawer nav a{display:flex;align-items:center;min-height:44px;margin:0;padding:10px 12px;border:1px solid #292c32;border-radius:10px;background:#121418;color:#daddE3;font:600 13px/1.35 Arial,sans-serif!important;letter-spacing:0;text-shadow:none;box-shadow:none;white-space:normal}
 header .nav-drawer nav a[aria-current]{background:#e5e7ec;color:#101216;border-color:#e5e7ec}
 .mobile-dock{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));position:fixed;inset:auto 0 0;z-index:9890;background:#101216;border-top:1px solid #30333a;padding:6px max(6px,env(safe-area-inset-right)) max(6px,env(safe-area-inset-bottom)) max(6px,env(safe-area-inset-left));gap:3px}
 .mobile-dock a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:54px;border-radius:10px;padding:6px 2px;color:#939ca9;text-decoration:none;font:600 11px/1.2 Arial,sans-serif!important;letter-spacing:0;background:transparent}
 .mobile-dock svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
 .mobile-dock a[aria-current=page]{color:#f7f8fa;background:#252a33}
 .mobile-dock a:focus-visible{outline:2px solid #bdcee3;outline-offset:-2px}
 .page-title,.hero{padding:26px 0 20px;border-bottom:1px solid #282b31}
 .page-title h1,.hero h1,.pet-page>h1{font-size:36px;line-height:1.12;letter-spacing:0;margin:0;overflow-wrap:anywhere}
 .page-title p,.hero p,.pet-intro{font:15px/1.6 Arial,sans-serif!important;color:#b9c0ca}
 .eyebrow,.small,.number{letter-spacing:.6px;font-size:12px!important}
 .section-head{gap:12px;margin:26px 0 14px;flex-wrap:wrap}
 .section-head h2{font:600 15px/1.4 Arial,sans-serif;letter-spacing:.3px}
 .section-head>span{display:none}
 .mobile-home .archive-ad{display:none}
 .chat-ad-banner{margin:14px 0;border-radius:12px;overflow:hidden}
 .mobile-home .home-art .art-strip{grid-template-columns:repeat(2,minmax(0,1fr))}
 .feature,.outline,.notebook,.flash-library,.voice-console,.account-page,.chat-room{border:1px solid #282b32;border-radius:16px;background:#101216;box-shadow:none}
 .feature{overflow:hidden}.feature-copy,.outline{padding:20px}.feature-copy h3{font-size:36px;margin:12px 0}.feature-copy p,.outline p{font:15px/1.65 Arial,sans-serif!important}.link-label{padding-top:18px}
 .lower-grid{gap:14px;margin:22px 0 32px}.detail-layout{gap:18px;margin:24px 0}.detail-layout p{font:15px/1.65 Arial,sans-serif!important}
 .notebook{padding:6px 14px;margin:20px 0}.notebook-entry{min-height:64px;padding:14px 4px;gap:14px;border-bottom:1px solid #292c32;font:16px/1.4 Arial,sans-serif!important}.notebook-entry:last-child{border-bottom:0}
 .chat-with-online{margin:16px 0 24px;gap:10px}.chat-online-panel{padding:10px 12px;border:1px solid #282b32;border-radius:12px;background:#101216;gap:4px 10px;box-shadow:none}
 .chat-online-panel h2{font:600 15px/1.4 Arial,sans-serif}.online-panel-note{font:12px/1.4 Arial,sans-serif!important}.online-users-toggle{background:#222630;border-radius:8px;min-height:40px;width:40px}
 .online-user-list{max-height:112px;gap:10px;grid-template-columns:1fr}.online-user-name{font:14px/1.4 Arial,sans-serif!important}.online-user-list small,.online-user-activity{font:11px/1.4 Arial,sans-serif!important}.online-user-face .online-activity-dot{animation:none}
 .chat-topbar{padding:10px 12px!important;border:0}.chat-topbar>span:first-child{display:none}.chat-topbar{justify-content:flex-end}
 .chat-heading{padding:0 12px 12px!important;gap:8px!important}.chat-heading .small{display:none}.chat-heading h1{font-size:30px!important;line-height:1.1}.chat-account{width:auto;margin:0;font:12px/1.4 Arial,sans-serif!important}.chat-account a{font-size:12px!important}
 .chat-feedbar{padding:8px 12px!important;gap:8px;border-color:#282b32}.chat-feedbar>span:first-child,.chat-loaded{display:none}
 .chat-room .chat-history,.chat-with-online .chat-history{height:clamp(300px,52svh,540px);min-height:280px;padding:6px 10px;background:#0c0e12}
 .chat-entry{padding:12px 2px;gap:9px;border-color:#23262d}.chat-room .chat-entry p{font:14px/1.6 Arial,sans-serif!important;color:#e4e7ec;animation:none!important;transform:none!important;text-shadow:none}
 .chat-room .chat-author,.chat-room .chat-entry-meta strong{font:600 13px/1.4 Arial,sans-serif!important}.chat-room .chat-entry time{font:11px/1.4 Arial,sans-serif!important;color:#919ba9}
 .chat-haunted::before,.chat-haunted::after{display:none!important}.chat-heading .chat-haunted{animation:none!important;transform:none!important}
 .chat-form{display:grid!important;grid-template-columns:48px minmax(0,1fr) 64px;gap:10px!important;padding:12px!important;align-items:end}
 .chat-form .chat-icon-field{grid-column:1;grid-row:1}.chat-form label:has(input[name=nickname]){grid-column:2/-1;grid-row:1;width:auto!important;min-width:0!important}
 .chat-form .chat-message-field{grid-column:1/3;grid-row:2;min-width:0!important;width:auto!important}.chat-form>button[type=submit]{grid-column:3;grid-row:2;width:100%!important;min-height:44px;border-radius:10px;padding:8px!important;font:600 13px Arial,sans-serif!important}
 .chat-field-label{display:none}.chat-form label{font:11px/1.4 Arial,sans-serif!important;letter-spacing:.3px;color:#aeb7c4}.chat-form input{width:100%;min-height:44px;padding:10px!important;border:1px solid #373c46;border-radius:10px;background:#181c23;color:#f0f2f5;font:16px/1.3 Arial,sans-serif!important}
 .chat-icon-toggle{width:44px!important;min-height:44px!important;padding:2px!important;border-radius:10px}.chat-icon-picker{left:0;max-width:calc(100vw - 56px)}
 .chat-attachment-tools{padding:10px 12px 0!important;gap:8px;flex-wrap:wrap}.chat-attachment-tools button{min-height:40px;padding:8px 10px;font:12px/1.4 Arial,sans-serif!important;border-radius:8px}
 .chat-video,.chat-youtube{max-width:100%}.chat-posted-image img{max-height:210px;border-radius:8px}
 .mobile-chat-options{margin:0 12px 12px;border:1px solid #2f343d;border-radius:10px;background:#14181e}.mobile-chat-options>summary{cursor:pointer;padding:11px 12px;font:600 13px/1.4 Arial,sans-serif!important;color:#c6ceda}.mobile-chat-options .chat-bottom{padding:10px!important;gap:10px}.mobile-chat-options .chat-bottom button,.mobile-chat-options select{min-height:40px;font:13px/1.4 Arial,sans-serif!important;max-width:100%;border-radius:8px}.mobile-chat-options .chat-status{font:12px/1.5 Arial,sans-serif!important}
 .chat-disclosure{padding:0 12px 12px!important;font:11px/1.5 Arial,sans-serif!important;color:#a0a9b7}.chat-recent{min-height:40px}
 .flash-library{padding:14px!important;margin:18px 0}.flash-grid{gap:10px;margin:14px 0}.flash-library .flash-tile{border-radius:12px;border-color:#343943}.flash-tools{gap:8px}.flash-tools button,.flash-file{min-height:44px;font-size:16px!important}.flash-note,.flash-credit,#flash-save-status{font:12px/1.5 Arial,sans-serif!important}
 .account-page{padding:18px!important;margin:20px auto;max-width:100%}.profile-font-page .account-page label,.profile-font-page .account-page small,.profile-font-page .account-rules{font:14px/1.6 Arial,sans-serif!important}.profile-font-page .account-page input,.profile-font-page .account-page textarea{font:16px/1.5 Arial,sans-serif!important}.account-page input,.account-page textarea{border-radius:10px;padding:11px}.account-page button{min-height:44px}
 .pet-page{padding-top:26px}.pet-options{gap:12px}.voice-console{padding:16px;margin:18px 0}.voice-note,.voice-footnote{font:13px/1.6 Arial,sans-serif!important}
 #site-phone{right:12px;bottom:calc(78px + env(safe-area-inset-bottom))}#phone-toggle{min-height:40px;padding:8px 12px;border-radius:12px;font-size:15px!important}#phone-panel{width:min(370px,calc(100vw - 28px),calc(100dvh - 170px))}
 #voice-carry-window{bottom:calc(78px + env(safe-area-inset-bottom));max-height:calc(100dvh - 160px)}
 .site>footer{padding:22px 0;color:#9ba5b4;border-color:#282b32;font:11px/1.5 Arial,sans-serif!important}.site>footer span,.site>footer a{font-size:11px!important}
}

@media(max-width:720px){
 .chat-room .chat-open{padding:8px 12px;min-height:36px;border-radius:8px;background:#252a32;color:#eceff3;font:600 11px/1.4 Arial,sans-serif!important}
 .chat-attachment-tools{display:flex;align-items:center}
 .chat-room .chat-polls-open{margin:0;padding:8px 10px;min-height:36px;width:auto;border:1px solid #353b45;border-radius:8px;background:#1b2028;color:#d5dce5;font:600 12px/1.3 Arial,sans-serif!important}
 .chat-attachment-tools .chat-guest-privacy{margin:0;padding:0;border:0;background:transparent;font-size:10px!important}
 .chat-attachment-tools .chat-guest-privacy[open]{flex-basis:100%}
 .chat-room>.chat-recent{display:block;margin:0 12px 10px auto;max-width:calc(100% - 24px);min-height:40px;padding:8px 12px;border:1px solid #343a45;border-radius:10px;background:#1a2029;color:#dce3ed;font:600 12px/1.4 Arial,sans-serif!important}
 .mobile-chat-options .chat-bottom{display:flex;flex-wrap:wrap;background:transparent}.mobile-chat-options .chat-bottom button{background:#222833;border:1px solid #3a4350;color:#e1e7f0;padding:9px 11px}.mobile-chat-options .chat-sound-settings{width:100%}
 .click-glass-shatter{display:none!important}
}
@media(max-width:720px){
 .notebook .notebook-entry{display:flex;width:100%;margin:0;border-radius:0;background:transparent;box-shadow:none}
 .notebook .notebook-entry:hover,.notebook .notebook-entry:focus-visible{background:#1e242d;color:#f2f4f8}
 .profile-font-page .account-page>p{font:15px/1.6 Arial,sans-serif!important;color:#b9c3d0}
 .chat-room>.chat-recent{margin-right:92px}
}
@media(max-width:720px){
 .site>header .wordmark{font:20px/1.25 "XBAND Rough",sans-serif!important;letter-spacing:1px}
 .site>header .nav-toggle,.site>header .nav-toggle span{font:18px/1.2 "XBAND Rough",sans-serif!important;letter-spacing:1px}
 header .nav-drawer nav a{font:20px/1.3 "XBAND Rough",sans-serif!important;letter-spacing:.7px}
 .mobile-dock a{font:16px/1.2 "XBAND Rough",sans-serif!important;letter-spacing:.5px}
}
@media(max-width:720px){
 .chat-room .chat-entry p{font:20px/1.5 "XBAND Rough",sans-serif!important;letter-spacing:.4px}
}
/* Chat typography: band-style names and the archive's typewriter message text. */
.chat-room .chat-author,.chat-room .chat-entry-meta strong{font:20px/1.35 "XBAND Rough",sans-serif!important;letter-spacing:.6px}
.chat-room .chat-entry p{font:14px/1.7 "Courier New",monospace!important;letter-spacing:0;text-shadow:none}
@media(max-width:720px){.chat-room .chat-entry p{font-size:15px!important;line-height:1.65!important}.chat-room .chat-author,.chat-room .chat-entry-meta strong{font-size:20px!important}}
/* Authorized delete controls reveal when the message is hovered, not just the hidden button. */
@media(hover:hover) and (pointer:fine){
 .chat-room .chat-entry:hover .chat-delete,.chat-room .chat-entry:focus-within .chat-delete{opacity:1}
 .chat-room .chat-delete{min-height:30px;padding:5px 9px;border:1px solid #71323d;border-radius:6px;font:12px/1.4 "Courier New",monospace}
}

/* Keep action announcements red across desktop and mobile chat themes. */
.chat-room .chat-entry p.chat-action-message{color:#ff707c}
.chat-room .chat-entry p.chat-action-message .chat-mention,.chat-room .chat-entry p.chat-action-message a{color:inherit}