
[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(4,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,3.05vw,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.9vw,13px);font-weight:600;opacity:.84;letter-spacing:-.02em; }
#winwin-fixed-actions .ww-world .ww-copy>span:first-child { font-family:Arial,sans-serif;letter-spacing:.09em;font-size:clamp(11px,3vw,14px);font-weight:800;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:2px; } #winwin-fixed-actions .ww-dock { gap:2px;padding:3px; } #winwin-fixed-actions .ww-copy>span { font-size:10.5px;letter-spacing:-.055em; } #winwin-fixed-actions .ww-copy>span:first-child { font-size:10.5px; } }


#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 #e9b83d; border-radius: 0 0 12px 12px;
  background: #f7f4ed; color: #22231f; 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: #141512; color: white; flex-shrink: 0; }
#winwin-contact-guide .ww-guide-brand { display: block; color: #ebc76d; 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 #575443; border-radius: 5px; background: #24251f; color: white; font-size: 28px; flex-shrink: 0; }
#winwin-contact-guide .ww-guide-description { margin: 0; padding: 10px 16px; border-bottom: 1px solid #e5deca; background: #eee7d4; font-size: 11px; 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 #e3ddce; border-radius: 2px 12px 12px; background: white; box-shadow: 0 2px 5px rgb(30 25 10 / 4%); }
#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: 10px; font-weight: 800; color: #776128; }
#winwin-contact-guide .ww-guide-mine { margin-left: auto; border-color: #d6b852; border-radius: 12px 2px 12px 12px; background: #f5de94; }
#winwin-contact-guide .ww-guide-link { display: block; margin-top: 12px; padding: 12px; border: 1px solid #9b792c; border-radius: 4px; background: #191b16; color: #f8df92; 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 #e5deca; }
#winwin-contact-guide .ww-guide-topics button { flex-shrink: 0; min-height: 38px; padding: 8px 10px; border: 1px solid #d4c496; border-radius: 4px; background: white; color: #534523; font-size: 11px; font-weight: 700; }
#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 #c6b57f; border-radius: 5px; background: #fcfaf3; color: #171813; font-size: 16px; line-height: 24px; }
#winwin-contact-guide .ww-guide-send { min-height: 46px; padding: 0 14px; border: 1px solid #d4a532; border-radius: 5px; background: #ebbe4c; color: #1a1b14; font-size: 13px; font-weight: 900; }
#winwin-contact-guide .ww-guide-send:disabled { background: #e7e4da; border-color: #e7e4da; color: #8d897b; cursor: default; }
#winwin-contact-guide :is(button, a, textarea):focus-visible { outline: 3px solid #bc8b11; outline-offset: 2px; }
