
[data-testid="community-bottom-actions"]:not(#winwin-fixed-actions), .community-bottom-spacer { display:none!important; }
#winwin-fixed-actions, #winwin-fixed-actions * { box-sizing:border-box; }
#winwin-fixed-actions { position:fixed;z-index:40;inset:auto 0 0;width:100%;max-width:620px;margin-inline:auto;padding:5px 6px calc(6px + env(safe-area-inset-bottom,0px));font-family:inherit;pointer-events:none; }
#winwin-fixed-actions .ww-dock { display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;padding:5px;border:1px solid #d2ad6273;border-radius:20px;background:linear-gradient(145deg,#24232cee,#101015f5);box-shadow:inset 0 1px #fff3,0 -6px 28px #06060c55,0 10px 25px #0005;backdrop-filter:blur(18px);pointer-events:auto; }
#winwin-fixed-actions .ww-action { position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-width:0;min-height:78px;margin:0;padding:15px 1px 12px;border:1px solid #e6c68066;border-radius:14px 14px 10px 10px;background:linear-gradient(155deg,#303039,#17171e 75%);color:#f7e8bd;font:inherit;font-weight:800;text-align:center;text-decoration:none;cursor:pointer;box-shadow:inset 0 1px #fff2,0 3px 0 #09090f;-webkit-tap-highlight-color:transparent;transition:transform 150ms ease,box-shadow 180ms ease,border-color 180ms ease; }
#winwin-fixed-actions .ww-action:before { content:"";position:absolute;top:0;left:18%;right:18%;height:2px;border-radius:0 0 8px 8px;background:linear-gradient(90deg,transparent,#ffe3a1,transparent);opacity:.9; }
#winwin-fixed-actions .ww-event { color:#30200c;background:linear-gradient(140deg,#fff0b9,#e8c56d 55%,#bd8e3c);border-color:#f1d58b;box-shadow:inset 0 1px #fff9,0 3px 0 #735222; }
#winwin-fixed-actions .ww-world { background:radial-gradient(ellipse at 80% 0,#46594788,transparent 80%),linear-gradient(145deg,#1f3532,#102423);border-color:#adbc8480;color:#f1e8c7; }
#winwin-fixed-actions .ww-mission { background:radial-gradient(ellipse at 100% 0,#79517777,transparent 85%),linear-gradient(145deg,#37273c,#211e2d);border-color:#b79dca88;color:#f8e9ff; }
#winwin-fixed-actions .ww-mission:before { background:linear-gradient(90deg,transparent,#e4bcf5,transparent); }
#winwin-fixed-actions .ww-copy { display:flex;flex-direction:column;align-items:center;gap:4px;min-width:0; }
#winwin-fixed-actions .ww-copy>span { color:inherit;font-size:clamp(11px,2.65vw,14px);font-weight:800;line-height:1.45;white-space:nowrap;letter-spacing:-.045em; }
#winwin-fixed-actions .ww-copy>span:first-child { font-size:clamp(11px,2.65vw,13px);font-weight:600;opacity:.9;letter-spacing:-.02em; }
#winwin-fixed-actions .ww-three-lines .ww-copy { width:100%;gap:3px; }
#winwin-fixed-actions .ww-three-lines .ww-copy>span { display:block;font-size:clamp(11px,2.65vw,14px);font-weight:800;line-height:1.35;letter-spacing:-.045em;opacity:1; }
#winwin-fixed-actions .ww-tools:disabled { color:#d5caba;opacity:1;cursor:default;border-color:#9b8f763e;padding-top:10px;padding-bottom:8px;gap:4px; }
#winwin-fixed-actions .ww-stamp { display:block;padding:2px 6px;border:1px solid #b9a37866;border-radius:5px;background:#b798571a;color:#d6bd8a;font-size:11px;line-height:1.1;font-weight:700;letter-spacing:.08em; }
#winwin-fixed-actions .ww-mission-count { position:absolute;top:-5px;right:3px;display:grid;place-items:center;min-width:19px;height:19px;padding:0 4px;border:1px solid #ffcabb;border-radius:9px;background:linear-gradient(#e83b59,#a81337);color:white;font:800 11px/1 Arial,sans-serif;box-shadow:0 2px 5px #0006; }
#winwin-fixed-actions .ww-mission-count[hidden] { display:none; }
#winwin-fixed-actions .ww-action:disabled:not(.ww-tools) { opacity:.6;cursor:default; }
#winwin-fixed-actions .ww-action:not(:disabled):hover { transform:translateY(-2px);border-color:#fff0ba;box-shadow:inset 0 1px #fff5,0 5px 12px #0005; }
#winwin-fixed-actions .ww-action:not(:disabled):active { transform:translateY(2px) scale(.96);box-shadow:inset 0 2px 7px #0003,0 0 0 transparent; }
#winwin-fixed-actions .ww-action:focus-visible { outline:2px solid #fff2c1;outline-offset:2px; }
.winwin-fixed-actions-shell { padding-bottom:var(--winwin-actions-height,101px)!important;box-sizing:border-box; }
.winwin-fixed-actions-locked { display:flex!important;flex-direction:column;height:100dvh!important; }
.winwin-fixed-actions-locked>header { flex-shrink:0; }
.winwin-fixed-actions-locked>main { min-height:0;flex:1;overflow-y:auto!important; }
@media(prefers-reduced-motion:reduce) { #winwin-fixed-actions .ww-action { transition:none; } }
@media(max-width:360px) { #winwin-fixed-actions { padding-inline:0; } #winwin-fixed-actions .ww-dock { gap:2px;padding:2px 0; } #winwin-fixed-actions .ww-action { padding-inline:0; } #winwin-fixed-actions .ww-copy>span,#winwin-fixed-actions .ww-copy>span:first-child { font-size:11px;letter-spacing:-.045em; } #winwin-fixed-actions .ww-support .ww-copy>span:last-child { letter-spacing:-.095em; } }
@media(max-width:390px) { #winwin-fixed-actions .ww-three-lines .ww-copy>span { font-size:11px;letter-spacing:-.1em; } }


#winwin-contact-guide, #winwin-contact-guide * { box-sizing: border-box; }
#winwin-contact-guide {
  position: fixed; inset: var(--ww-guide-top, 0px) 0 auto; margin: 0 auto;
  width: min(100%, 520px); height: min(700px, var(--ww-guide-vh, 100dvh));
  max-width: 100%; max-height: var(--ww-guide-vh, 100dvh); padding: 0;
  border: 0; border-top: 3px solid #bf0000; border-radius: 0 0 12px 12px;
  background: #fff; color: #333; font-family: inherit;
  box-shadow: 0 24px 80px rgb(0 0 0 / 40%);
}
#winwin-contact-guide::backdrop { background: rgb(0 0 0 / 65%); }
#winwin-contact-guide .ww-guide-panel { display: flex; flex-direction: column; height: 100%; min-height: 0; }
#winwin-contact-guide .ww-guide-header { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 16px; background: #fff; color: #bf0000; flex-shrink: 0; }
#winwin-contact-guide .ww-guide-brand { display: block; color: #bf0000; font-size: 10px; font-weight: 800; letter-spacing: .16em; }
#winwin-contact-guide h2 { margin: 5px 0 0; font-size: 20px; font-weight: 900; line-height: 1.4; }
#winwin-contact-guide h2 span { display: inline-block; margin-left: 6px; padding: 3px 6px; border: 1px solid #736135; color: #f4d783; font-size: 10px; vertical-align: middle; }
#winwin-contact-guide button, #winwin-contact-guide textarea { font-family: inherit; }
#winwin-contact-guide button { cursor: pointer; }
#winwin-contact-guide .ww-guide-close { width: 44px; height: 44px; border: 1px solid #bf0000; border-radius: 10px; background: #bf0000; color: #ffe45c; font-size: 28px; flex-shrink: 0; }
#winwin-contact-guide .ww-guide-description { margin: 0; padding: 10px 16px; border-bottom: 1px solid #e4e4e4; background: #f7f7f7; font-size: 12px; line-height: 1.7; flex-shrink: 0; }
#winwin-contact-guide .ww-guide-log { flex: 1; min-height: 0; overflow-y: auto; overscroll-behavior: contain; padding: 18px 14px; }
#winwin-contact-guide .ww-guide-message { width: fit-content; max-width: 92%; margin-bottom: 16px; padding: 12px 14px; border: 1px solid #e4e4e4; border-radius: 2px 12px 12px; background: white; }
#winwin-contact-guide .ww-guide-message p { margin: 6px 0 0; font-size: 14px; line-height: 1.85; white-space: pre-wrap; overflow-wrap: anywhere; }
#winwin-contact-guide .ww-guide-speaker { display: block; font-size: 11px; font-weight: 800; color: #656565; }
#winwin-contact-guide .ww-guide-mine { margin-left: auto; border-color: #edd3d3; border-radius: 12px 2px 12px 12px; background: #fff3f3; }
#winwin-contact-guide .ww-guide-link { display: block; margin-top: 12px; min-height:44px; padding: 12px; border: 1px solid #bf0000; border-radius: 10px; background: #bf0000; color: #ffe45c; font-size: 13px; font-weight: 800; line-height: 1.5; text-decoration: none; }
#winwin-contact-guide .ww-guide-line-link { background: #087b3e; border-color: #076b35; color: white; text-align: center; }
#winwin-contact-guide .ww-guide-line-link:hover { background: #066632; }
#winwin-contact-guide .ww-guide-topics { display: flex; gap: 6px; flex-shrink: 0; overflow-x: auto; padding: 8px 12px; border-top: 1px solid #e4e4e4; }
#winwin-contact-guide .ww-guide-topics button { flex-shrink: 0; min-height: 44px; padding: 8px 10px; border: 1px solid #bf0000; border-radius: 10px; background: white; color: #bf0000; font-size: 12px; font-weight: 700; }
#winwin-contact-guide .ww-guide-topics button:disabled { opacity:.55;cursor:default; }
#winwin-contact-guide .ww-guide-error { margin-bottom:16px;padding:12px;border:1px solid #d8d8d8;border-radius:10px;background:#f7f7f7; }
#winwin-contact-guide .ww-guide-error p { margin:0 0 8px;font-size:13px;line-height:1.7; }
#winwin-contact-guide .ww-guide-error button { min-height:44px;margin:4px 8px 0 0;padding:8px 12px;border:1px solid #bf0000;border-radius:8px;background:#fff;color:#bf0000;font-size:13px;font-weight:700; }
#winwin-contact-guide .ww-guide-pending p { color:#656565; }
#winwin-contact-guide .ww-guide-form { display: flex; align-items: flex-end; gap: 8px; flex-shrink: 0; padding: 10px 12px max(12px, env(safe-area-inset-bottom, 0px)); background: white; }
#winwin-contact-guide .ww-guide-input-label { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
#winwin-contact-guide textarea { display: block; flex: 1; width: 0; min-height: 46px; max-height: 100px; resize: none; padding: 10px; border: 1px solid #d4d4d4; border-radius: 10px; background: #fff; color: #333; font-size: 16px; line-height: 24px; }
#winwin-contact-guide .ww-guide-send { min-height: 46px; padding: 0 14px; border: 1px solid #bf0000; border-radius: 10px; background: #bf0000; color: #ffe45c; font-size: 13px; font-weight: 900; }
#winwin-contact-guide .ww-guide-send:disabled { background: #eee; border-color: #ddd; color: #757575; cursor: default; }
#winwin-contact-guide :is(button, a, textarea):focus-visible { outline: 3px solid #bf0000; outline-offset: 2px; }
@media(max-height:500px) { #winwin-contact-guide .ww-guide-header { padding:8px 12px; } #winwin-contact-guide .ww-guide-brand { display:none; } #winwin-contact-guide .ww-guide-description { padding:4px 12px; } #winwin-contact-guide .ww-guide-topics { padding-block:4px; } }
