@media (max-width: 900px) {
  html, body { min-width:0 !important; overflow-x:hidden; }
  .site-shell,.community-shell,.service-shell,.wallpaper-shell,.signin-shell,.detail-shell,.profile-shell,.editor-shell,.backpack-shell,.notification-shell,.register-shell { min-width:0; overflow:visible; }
  .topbar { position:relative !important; top:auto !important; left:auto !important; width:100% !important; height:126px !important; grid-template-columns:minmax(0,1fr) !important; grid-template-rows:70px 56px !important; }
  .brand { grid-column:1; grid-row:1; padding-left:14px !important; }.brand img { width:145px !important; height:58px !important; }
  .download,.game-download { display:none !important; }
  .topbar > nav { grid-column:1/-1; grid-row:2; min-width:0; border-top:1px solid rgba(255,255,255,.08); }
  .topbar > nav > a { min-width:0 !important; flex:1; font-size:18px !important; letter-spacing:2px !important; }
  .topbar > nav > a.is-active::after { width:72% !important; height:4px !important; }
  .sticky-header { position:relative !important; }.post-layout { padding-top:0 !important; }
  .account-bar,.community-bar,.home-account-bar { position:relative !important; top:auto !important; left:auto !important; width:100% !important; height:auto !important; min-height:58px; margin-top:0 !important; padding:9px 14px !important; flex-wrap:wrap; gap:7px !important; font-size:15px !important; }
  .account,.qldy-auth-account { max-width:100%; padding:0 !important; flex-wrap:wrap; justify-content:flex-start; font-size:15px !important; }.account-bar:not(.is-guest) .qldy-auth-logout,.community-bar:not(.is-guest) .qldy-auth-logout,.home-account-bar:not(.is-guest) .qldy-auth-logout { margin-left:auto !important; }
  .account-bar:not(.is-guest) .qldy-auth-account,.community-bar:not(.is-guest) .qldy-auth-account,.home-account-bar:not(.is-guest) .qldy-auth-account { width:100%; }
  .account-bar.is-guest,.community-bar.is-guest,.home-account-bar.is-guest { position:absolute !important; z-index:110; top:0 !important; right:0 !important; left:auto !important; width:auto !important; min-width:92px; height:70px !important; min-height:70px; margin:0 !important; padding:0 14px 0 8px !important; display:flex; align-items:center; justify-content:flex-end; flex-wrap:nowrap; background:transparent !important; box-shadow:none !important; }
  .account-bar.is-guest .qldy-auth-account,.community-bar.is-guest .qldy-auth-account,.home-account-bar.is-guest .qldy-auth-account,.home-account-bar.is-guest .account { width:auto !important; height:auto !important; display:flex; align-items:center; flex-wrap:nowrap; white-space:nowrap; }
  .account-bar.is-guest .qldy-auth-login-button,.community-bar.is-guest .qldy-auth-login-button,.home-account-bar.is-guest .qldy-auth-login-button { color:#24f34b; font-size:15px !important; font-weight:bold; }
  .community-shell>.account-bar:not(.is-guest),.service-shell>.account-bar:not(.is-guest),.wallpaper-shell>.account-bar:not(.is-guest) { min-height:52px; padding:7px 8px !important; flex-wrap:nowrap; font-size:clamp(11px,3.2vw,13px) !important; }
  .community-shell>.account-bar:not(.is-guest) .qldy-auth-account,.service-shell>.account-bar:not(.is-guest) .qldy-auth-account,.wallpaper-shell>.account-bar:not(.is-guest) .qldy-auth-account { width:100%; max-width:none; flex-wrap:nowrap; justify-content:flex-start; gap:5px; font-size:inherit !important; white-space:nowrap; }
  .community-shell>.account-bar:not(.is-guest) .qldy-auth-message-link,.service-shell>.account-bar:not(.is-guest) .qldy-auth-message-link,.wallpaper-shell>.account-bar:not(.is-guest) .qldy-auth-message-link { min-width:0; gap:5px; white-space:nowrap; }
  .community-shell>.account-bar:not(.is-guest) .message-indicator,.community-shell>.account-bar:not(.is-guest) .message-indicator img,.service-shell>.account-bar:not(.is-guest) .message-indicator,.service-shell>.account-bar:not(.is-guest) .message-indicator img,.wallpaper-shell>.account-bar:not(.is-guest) .message-indicator,.wallpaper-shell>.account-bar:not(.is-guest) .message-indicator img { width:22px; height:26px; }
  .community-shell>.account-bar:not(.is-guest) .message-indicator,.service-shell>.account-bar:not(.is-guest) .message-indicator,.wallpaper-shell>.account-bar:not(.is-guest) .message-indicator { flex-basis:22px; }
  .community-shell>.account-bar:not(.is-guest) .qldy-auth-account b,.service-shell>.account-bar:not(.is-guest) .qldy-auth-account b,.wallpaper-shell>.account-bar:not(.is-guest) .qldy-auth-account b { min-width:44px; padding:1px 6px; font-size:clamp(10px,2.9vw,12px); }
  .community-shell>.account-bar:not(.is-guest) .qldy-auth-account i,.service-shell>.account-bar:not(.is-guest) .qldy-auth-account i,.wallpaper-shell>.account-bar:not(.is-guest) .qldy-auth-account i { height:26px; margin:0 2px; }
  .community-shell>.account-bar:not(.is-guest) .qldy-auth-logout,.service-shell>.account-bar:not(.is-guest) .qldy-auth-logout,.wallpaper-shell>.account-bar:not(.is-guest) .qldy-auth-logout { margin-left:auto !important; }
  .page-main,.community-main,.service-main,.profile-main,.edit-main,.backpack-shell main,.article-panel,.post-layout,.composer,.notifications-main,.register-card,.signin-shell main { width:100% !important; max-width:none !important; margin-left:0 !important; margin-right:0 !important; }
  .page-title { position:relative !important; top:auto !important; left:auto !important; height:58px !important; padding:0 18px; background:rgba(0,0,0,.3); pointer-events:auto !important; }.page-title h1 { font-size:22px !important; }
  .detail-title,.signin-title,.backpack-title,.register-title { height:auto !important; min-height:64px; padding:12px 18px !important; gap:12px; }.detail-title h1,.signin-title h1,.backpack-title h1,.register-title h1 { font-size:21px !important; line-height:1.35 !important; white-space:normal !important; }.detail-title>a,.signin-title>a,.backpack-title>a { font-size:15px !important; }
  .homepage { grid-template-columns:1fr !important; gap:16px !important; }.check-in-panel { height:auto !important; aspect-ratio:1019/552; }.activity-board { min-height:0 !important; }.tabs { overflow-x:auto; }.tab { min-width:112px !important; font-size:17px !important; }.activity-item { grid-template-columns:minmax(0,1fr) 125px !important; gap:14px !important; padding:18px 4px !important; }.activity-item.is-text-only { grid-template-columns:minmax(0,1fr) !important; }.activity-image { width:125px !important; height:auto !important; aspect-ratio:1019/552; }.recharge { height:76px !important; background-size:cover !important; }
  .forum-toolbar { height:auto !important; grid-template-columns:1fr !important; padding:12px; gap:10px; }.sections { width:100% !important; height:58px; }.section-tab.is-active::after { width:min(140px,68%) !important; height:11px !important; background-size:100% 100% !important; }.search-box { width:100%; }.sorts { width:100%; height:48px !important; margin:0 !important; justify-self:stretch !important; }.sort-button { width:auto !important; flex:1; font-size:18px !important; }.forum-body { padding:8px 12px 90px !important; }.post-item { padding:18px 8px !important; }.post-moderation-actions { position:static !important; margin:0 0 14px; justify-content:flex-end; flex-wrap:wrap; }.post-moderation-button { min-width:68px; height:36px; padding:0 12px; font-size:15px; }.avatar,.avatar-link { width:58px !important; height:58px !important; flex-basis:58px !important; }.author-name,.post-title { font-size:18px !important; }.post-excerpt { white-space:normal !important; font-size:15px !important; }.post-meta { font-size:14px !important; }.pagination { padding:20px 0 !important; flex-wrap:wrap; }.floating-actions { top:auto !important; right:14px !important; bottom:16px; grid-auto-flow:column; }.floating-actions img { width:54px !important; height:54px !important; }.floating-actions span { display:none !important; }
  .composer { min-height:0 !important; margin-top:0 !important; }
  .composer-toolbar { position:relative; height:auto !important; min-height:74px; padding:10px 12px !important; overflow:visible; flex-wrap:wrap; }
  .composer-toolbar .emoji-wrap { position:static; }
  .composer-toolbar .emoji-panel { top:100%; left:12px; right:12px; width:auto !important; padding:14px !important; grid-template-columns:repeat(4,52px) !important; justify-content:space-between; gap:12px 0 !important; border-radius:0 0 14px 14px; }
  .composer-toolbar .emoji-panel button,.composer-toolbar .emoji-panel img { width:52px !important; height:52px !important; }
  .back-link { margin-right:8px !important; }.pill,.admin-tools button,.size-tool,.media-tool { height:38px !important; padding:0 12px !important; font-size:15px !important; }.tool-spacer { display:none; }.daily-limit { width:100%; margin:0 !important; font-size:14px !important; }
  .post-form { height:auto !important; min-height:0 !important; grid-template-rows:62px minmax(500px,1fr) auto !important; padding:0 10px 110px !important; }
  .title-row { height:62px !important; }.content-editor { min-height:360px !important; padding:18px !important; }.publish-row { align-items:stretch !important; flex-direction:column; gap:12px; padding:14px !important; }.category-picker { flex-wrap:wrap; gap:8px !important; }.category-picker label span { min-width:0 !important; height:44px !important; padding:0 12px !important; }#publishButton { width:100% !important; }
  .post-card,.reply-box,.comments { padding:18px 14px !important; }
  .post-card h1 { display:block !important; font-size:20px !important; line-height:1.45; }
  .post-card h1>span:first-child { display:inline-block; margin-right:10px; white-space:nowrap; vertical-align:.08em; }
  .post-card #postContent img:not(.bbs-emote) { width:auto !important; height:auto !important; max-width:100% !important; max-height:none !important; object-fit:contain !important; }
  .post-card #postContent img.bbs-emote { width:32px !important; height:32px !important; display:inline-block !important; margin:0 3px !important; vertical-align:middle; object-fit:contain !important; }
  .post-card>p { font-size:17px !important; }
  .reply-box>.reply-editor { min-height:122px !important; padding:14px !important; }
  .reply-tools { flex-wrap:wrap; gap:12px; }.reply-tools>span { width:100%; margin:0 !important; order:3; font-size:13px; }.reply-tools #publishReply { min-width:130px !important; margin-left:auto; }.emoji-panel,.inline-emoji-panel { width:min(330px,calc(100vw - 40px)) !important; grid-template-columns:repeat(4,48px) !important; gap:10px 28px !important; }.comment { gap:12px !important; padding:24px 0 !important; }.nested-reply { padding-left:18px !important; }
  .report-guide { font-size:clamp(13px,3.8vw,17px) !important; }
  .service-tabs { height:auto !important; grid-template-columns:repeat(3,minmax(0,1fr)) !important; gap:8px !important; padding:14px !important; }.service-tab { width:100%; min-width:0; height:54px !important; min-height:54px; padding:0 4px; font-size:clamp(13px,3.8vw,17px) !important; letter-spacing:0; white-space:nowrap; }.service-content { grid-template-columns:1fr !important; }.service-content::before { display:none; }.issue-form,.feedback-query { min-height:0 !important; height:auto !important; padding:22px 16px !important; }.contact-panel { min-height:0 !important; padding:28px 16px !important; flex-direction:row !important; gap:20px; }.qr-placeholder { width:120px !important; height:120px !important; }.feedback-item { grid-template-columns:1fr !important; gap:12px; }.feedback-meta { grid-template-columns:1fr !important; gap:6px; }.feedback-dialog { width:calc(100vw - 24px) !important; }.rating-form fieldset { display:grid !important; grid-template-columns:1fr 1fr; }
  .identity-card { grid-template-columns:1fr !important; gap:20px !important; padding:24px 18px !important; }.profile-avatar { margin:auto; }.profile-fields>div { grid-template-columns:110px 1fr !important; font-size:16px; }.owner-actions { width:100%; grid-template-columns:1fr 1fr; }.staff-message-action { width:100%; }.staff-message-form { position:static !important; width:100% !important; margin-top:10px; }.profile-message-result { width:100% !important; }.history-tabs { gap:0 !important; }.history-tab { width:50% !important; }.history-list { width:100% !important; padding:18px 10px !important; }
  .edit-main { padding:24px 14px !important; }.avatar-editor { grid-template-columns:1fr !important; }.avatar-grid { grid-template-columns:repeat(3,minmax(0,1fr)) !important; gap:12px !important; }.avatar-option { width:100% !important; height:auto !important; aspect-ratio:1; }.field-editor label { grid-template-columns:120px 30px 1fr !important; font-size:15px !important; }.password-card { padding:22px 14px !important; }.password-card h2 { margin:0 0 24px !important; }
  .inventory-grid { grid-template-columns:repeat(2,179px) !important; gap:22px 10px !important; }.backpack-title { flex-wrap:wrap; }.backpack-title>div { min-width:0; }
  .article-panel { min-height:0 !important; padding:24px 18px 60px !important; }.cover-placeholder { width:100% !important; height:auto !important; aspect-ratio:16/9; }.article-body { font-size:16px !important; }
  .desktop-grid { grid-template-columns:1fr !important; }.desktop-card { height:auto !important; aspect-ratio:16/9; }.mobile-row { grid-template-columns:1fr 1fr !important; gap:14px !important; }.mobile-card { height:auto !important; aspect-ratio:9/20; }.coming-soon { grid-column:1/-1; min-width:0 !important; margin:10px 0 !important; }
  .register-card { min-height:0 !important; padding:28px 16px 60px !important; }.register-form { width:100% !important; }.register-sms-row { grid-template-columns:1fr 120px !important; gap:10px !important; }
  .sign-grid { grid-template-columns:repeat(2,179px) !important; justify-content:center !important; gap:18px 8px !important; }.reward-dialog { width:calc(100vw - 28px) !important; }.reward-dialog-actions { gap:12px !important; }.dialog-button { width:46% !important; }
  .notification-item { padding-left:14px !important; padding-right:14px !important; }.notification-context { margin-left:0 !important; }.notification-actions { margin-left:0 !important; }
  footer { min-height:0 !important; padding:18px 14px !important; font-size:10px !important; }
}

@media (max-width: 430px) {
  .activity-item { grid-template-columns:1fr !important; }.activity-image { width:100% !important; height:auto !important; aspect-ratio:1019/552; }
  .inventory-grid,.sign-grid { transform:scale(.92); transform-origin:top center; width:108%; margin-left:-4%; }
  .contact-panel { flex-direction:column !important; }.mobile-row { grid-template-columns:1fr !important; }.mobile-card { max-width:300px; margin:auto; }
  .avatar-grid { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }.field-editor label { grid-template-columns:1fr !important; padding:12px 0; }.field-editor b { text-align:left !important; }.edit-mark { display:none; }
}

@media (prefers-reduced-motion: reduce) {
  *,*::before,*::after { scroll-behavior:auto !important; animation:none !important; transition:none !important; }
}

@media (max-width:900px) {
  .signin-shell main {
    width:100% !important;
    margin:14px 0 32px !important;
    padding:0 10px;
  }

  .sign-grid {
    width:100% !important;
    margin:0 !important;
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:12px 8px !important;
    align-items:start;
    justify-content:stretch !important;
    transform:none !important;
  }

  .sign-card {
    width:100% !important;
    height:auto !important;
    aspect-ratio:179 / 119;
  }

  .sign-card::before {
    background-size:100% 100% !important;
  }

  .sign-card.is-current:hover::before,
  .sign-card.is-current:focus-visible::before {
    inset:-3px;
    background-size:calc(100% + 6px) calc(100% + 6px) !important;
  }

  .sign-day {
    top:4%;
    left:5%;
    font-size:clamp(8px,2.5vw,11px);
    text-shadow:0 1px 1px #333;
  }

  .reward-zone {
    inset:17% 0 21%;
  }

  .reward {
    width:42%;
    height:58%;
  }

  .item-name {
    height:21%;
    padding:0 2px;
    font-size:clamp(6px,1.7vw,8px);
  }

  .claim-tag {
    width:42.5%;
    height:17.7%;
    background-size:100% 100%;
  }

  .past-mask {
    top:17.7%;
    bottom:21%;
  }
}