body.archive-mode #gameMain,body.archive-mode .mobile-status,body.archive-mode .mobile-action-bar{display:none!important}
body:not(.archive-mode) #archiveScreen{display:none}
.archive-screen{max-width:1120px;margin:0 auto;min-height:calc(100svh - 88px);padding:65px 32px 25px;display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:60px}
.archive-intro h1{font-size:48px;line-height:1.4;letter-spacing:-2px;margin:18px 0}.archive-intro p{font-size:14px;color:#889078;line-height:2}
.archive-art{display:flex;align-items:center;gap:20px;margin-top:35px}.archive-art>svg{width:110px;height:132px;filter:drop-shadow(2px 5px 1px #49632d22);animation:sway 3s infinite ease-in-out}.archive-art>div{display:flex;flex-direction:column;gap:6px}.archive-art span{font-size:28px;color:#c29a35}.archive-art strong{font-size:15px}.archive-art small{font-size:12px;color:#9b9f86}
.archive-card{background:#fdfcf7;border:1px solid #dde2cc;border-radius:16px;box-shadow:0 16px 60px #354d2d08;padding:32px}.archive-card-tag{display:inline-block;color:#839568;font-size:10px;letter-spacing:2px;border-bottom:2px solid #e7c96d;padding-bottom:8px}.archive-card h2{font-size:23px;margin:18px 0 9px}.archive-card>p{color:#92977e;font-size:12px;margin:0 0 24px;line-height:1.9}
#archiveForm>label:first-child{font-size:12px;font-weight:600;display:block;margin-bottom:9px}#archiveCode{width:100%;height:58px;border:1px solid #ccd6b9;border-radius:7px;background:#f7f8ed;color:#3e5e32;padding:13px 14px;font:600 20px 'Noto Sans SC','Microsoft YaHei',sans-serif;letter-spacing:1px}#archiveCode::placeholder{font-size:14px;font-weight:400;letter-spacing:0;color:#a6af95}
.archive-code-tools{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:7px}.archive-code-tools small{font-size:10px;color:#9ba48b}.archive-code-tools button{font-size:10px;color:#738c4f;border:0;background:none;min-height:38px;padding:4px 0;white-space:nowrap}
.archive-open,.archive-create{width:100%;border-radius:7px;min-height:49px;padding:12px 14px;font-size:13px;line-height:1.7}.archive-open{display:flex;justify-content:space-between;background:#436b38;border:1px solid #34572b;color:#fffbe7;box-shadow:0 3px 0 #2d4b25;font-weight:600}.archive-create{border:1px solid #d9dfc8;color:#71885a;background:#f6f7ed;margin-top:12px}.archive-open:hover{background:#527c43}.archive-message{color:#a66b40;font-size:12px;line-height:1.8;margin:12px 0;overflow-wrap:anywhere}.archive-message:empty{margin:12px 0}
.legacy-import{display:flex;align-items:flex-start;gap:7px;color:#7b886b;font-size:11px;line-height:1.8;margin:8px 0 15px}.legacy-import[hidden]{display:none}.legacy-import input{accent-color:#527b40;width:16px;height:16px;margin-top:2px;flex-shrink:0}
.archive-note{border-top:1px solid #e9ebdd;margin-top:25px;padding-top:18px}.archive-note strong{font-size:11px;color:#7f8d6b}.archive-note p{font-size:10px;color:#9da58c;line-height:1.9;margin:7px 0 0}.archive-footer{grid-column:1/-1;text-align:center;color:#a3aa91;font-size:11px;padding-top:5px}.archive-footer span{display:block;margin-top:6px}
.cloud-entry{border:1px solid #d3dcc1;background:#eef2df;border-radius:20px;color:#5a7945;padding:9px 14px;min-height:40px;font-size:11px;white-space:nowrap}.topbar .header-middle{flex:1;text-align:center}.topbar .help-button{margin-left:auto;margin-right:10px}
.sync-panel{border:1px solid #cd8c54;border-radius:10px;background:#fff1dc;padding:16px;color:#986033;margin-bottom:20px}.sync-panel[hidden]{display:none}.sync-panel strong{font-size:13px}.sync-panel p{font-size:12px;margin:6px 0 12px}.sync-actions{display:flex;gap:8px;flex-wrap:wrap}.sync-actions button{border:1px solid #d7b37f;background:#fff9ed;padding:9px 12px;font-size:11px;border-radius:6px;min-height:40px}
.archive-dialog-close{position:absolute;top:8px;right:12px;border:0;background:none;font-size:25px;width:44px;height:44px}.current-archive-code{display:block;background:#edf1dd;border:1px dashed #afbb94;color:#436638;padding:18px;border-radius:8px;overflow-wrap:anywhere;font:700 22px/1.7 monospace;user-select:all;text-align:center;letter-spacing:2px}.archive-dialog-actions{display:flex;gap:10px;margin-top:20px}.archive-dialog-actions button{flex:1;min-height:44px;border:1px solid #c8d3b6;border-radius:6px;font-size:12px;background:#edf1e0}.archive-dialog-actions button:first-child{background:#42683a;color:#fffce6}#copyMessage{min-height:20px}
@media(max-width:900px){.archive-screen{gap:30px;padding:40px 24px 25px}.archive-intro h1{font-size:37px}.archive-card{padding:25px}.archive-card h2{font-size:21px}.topbar .header-middle{display:none}}
@media(max-width:760px){.archive-screen{grid-template-columns:1fr;gap:22px;padding:27px 16px 25px;min-height:auto}.archive-intro h1{font-size:31px;line-height:1.4;letter-spacing:-1px;margin:12px 0 9px}.archive-intro h1 br{display:none}.archive-intro p{font-size:12px;line-height:1.9;margin:0}.archive-intro p br{display:none}.archive-art{display:none}.archive-card{padding:23px 19px}.archive-card h2{font-size:21px}.archive-card>p{font-size:12px;margin-bottom:18px}#archiveCode{font-size:20px;height:57px}.archive-code-tools{gap:5px;flex-wrap:wrap}.archive-code-tools small{font-size:10px}.archive-code-tools button{min-height:44px;font-size:11px}.archive-open,.archive-create{min-height:50px;font-size:13px}.archive-note p{font-size:11px}.archive-note strong{font-size:12px}.archive-footer{font-size:10px;line-height:1.8;padding:0 0 calc(15px + env(safe-area-inset-bottom))}.legacy-import{font-size:12px}.legacy-import input{width:20px;height:20px}.topbar{gap:6px;padding:0 12px}.topbar .brand{font-size:17px;gap:5px}.topbar .brand svg{width:28px;height:36px}.topbar .brand small{font-size:6px;letter-spacing:1px}.topbar .help-button{font-size:0;min-width:44px;width:44px;padding:8px;margin-left:auto;margin-right:0}.topbar .help-button span{font-size:11px;margin:0}.cloud-entry{font-size:10px;padding:8px 10px;min-height:44px;max-width:140px;overflow:hidden;text-overflow:ellipsis}.sync-panel{padding:13px}.sync-actions button{min-height:44px}.current-archive-code{font-size:20px;letter-spacing:1px}}
@media(prefers-reduced-motion:reduce){.archive-art>svg{animation:none}}
.archive-admin-link{display:inline-block;margin-top:15px;padding:8px 12px;font-size:10px;color:#92a17f;text-decoration:none;border:1px solid #dce4cf;border-radius:20px;min-height:34px}.archive-admin-link:hover{background:#edf2df}