.g104-heading{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:20px}.g104-heading small,.g104-letter small{color:#9bb8c8}.g104-heading p{color:#b8cbd5}.g104-inbox{border:1px solid #677e87;background:#0a2130;border-radius:10px;overflow:hidden}.g104-letter{display:grid;grid-template-columns:46px minmax(0,1fr) auto;gap:18px;padding:20px;border-bottom:1px solid #365363;align-items:center}.g104-letter:last-child{border-bottom:0}.g104-letter.unread{border-left:3px solid #e4c57a;background:linear-gradient(100deg,#c89e4320,transparent)}.g104-letter h2{font-size:19px;margin:5px 0!important}.g104-letter p{margin:5px 0!important;font-size:13px}.g104-seal{font-size:30px;color:#edd39a}.g104-actions{display:flex;align-items:center;flex-wrap:wrap;gap:9px}.g104-empty{padding:48px 20px;text-align:center;color:#b6cbd6}.g104-empty>span{font-size:48px;color:#d8bc81}.g104-notice{padding:16px;border:1px solid #c19d60}.g104-mail footer{margin-top:18px}.g104-invite-panel{margin:16px 20px;padding:20px;border:1px solid #746543;border-radius:10px;background:#0b2533;color:#bfd3dd}.g104-invite-panel h2{color:#ecd19a}.g104-invite-panel input{background:#061923;border:1px solid #698391;color:white;border-radius:5px;padding:10px;min-width:0}.g104-candidate{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:12px 0;border-bottom:1px solid #49606c}.g104-badge{border-radius:20px;background:#d7b36d;color:#13212a;min-width:20px;text-align:center}.g104-badge:empty{display:none}.g104-modal{position:fixed;inset:0;z-index:1500;background:#010a12e8;display:grid;place-items:center;padding:20px;overflow:auto;color:#dfecf2;font:14px/1.5 'Trebuchet MS',Arial,sans-serif}.g104-replay{width:min(840px,100%);max-height:calc(100dvh - 40px);overflow:auto;border:1px solid #b89b60;border-radius:14px;padding:24px;background:#102b3b;box-shadow:0 24px 90px #0009}.g104-replay h2{color:#f0d59d}.g104-controls{display:flex;gap:10px;margin-bottom:16px}.g104-stage{padding:26px 16px;border:1px solid #5d7080;border-radius:8px;background:linear-gradient(#05172366,#051723d9),url('../art/gm080/guild-command.webp') center/cover;text-align:center}.g104-sides{display:grid;grid-template-columns:minmax(0,1fr) 35px minmax(0,1fr);align-items:center;gap:16px}.g104-sides article{padding:15px;background:#061b29e0;border:1px solid #9a8557;border-radius:9px;min-width:0}.g104-sides h3{overflow-wrap:anywhere}.g104-unit{font-size:58px;color:#efc67a;line-height:1.4}.g104-sides progress{width:100%;accent-color:#60bdad;display:block;margin:14px 0 8px;height:14px}.g104-caption{font-size:12px;color:#abc4d0}.g104-log{min-height:90px;padding:10px 15px;background:#061b28;border-radius:5px}.g104-log p{margin:5px 0;color:#c2d6df}.g104-replay .won{color:#85ddab}.g104-replay .lost{color:#efb1a2}.g104-sides.clashing .g104-unit{animation:g104-impact .4s ease-out}@keyframes g104-impact{50%{transform:translateY(-8px);filter:brightness(1.7)}}@media(prefers-reduced-motion:reduce){.g104-sides.clashing .g104-unit{animation:none}}@media(max-width:700px){.g104-heading{align-items:flex-start;flex-wrap:wrap}.g104-letter{grid-template-columns:30px minmax(0,1fr);padding:16px;gap:10px}.g104-letter .g104-actions{grid-column:2}.g104-letter h2{font-size:17px}.g104-invite-panel{margin:12px;padding:16px}.g104-modal{padding:10px}.g104-replay{padding:14px;max-height:calc(100dvh - 20px)}.g104-sides{gap:6px;grid-template-columns:minmax(0,1fr) 22px minmax(0,1fr)}.g104-stage{padding:14px 6px}.g104-unit{font-size:40px}.g104-sides article{padding:10px}.g104-sides h3{font-size:14px}.g104-controls .btn{min-height:44px}}