.culture-page{min-height:100vh;overflow-x:hidden;background:radial-gradient(circle at 86% 6%,rgba(255,63,129,.16),transparent 27%),radial-gradient(circle at 9% 70%,rgba(77,225,255,.14),transparent 31%),#030408;font-family:"Space Grotesk",sans-serif}
.culture-page::before{content:"";position:fixed;inset:0;z-index:-1;opacity:.2;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:40px 40px}
.culture-back{color:#aeb7bc;font-size:.72rem;font-weight:700;letter-spacing:.12em;text-decoration:none;text-transform:uppercase}.culture-back:hover,.culture-back:focus-visible{color:#fff}
.culture-main{padding:128px 4vw 70px}.culture-heading{display:grid;grid-template-columns:.8fr 2fr 1fr;align-items:end;gap:4vw;max-width:1500px;margin:0 auto 40px}.culture-heading h1{font:800 clamp(4rem,9vw,9rem)/.82 Syne,sans-serif;letter-spacing:-.075em;background:linear-gradient(105deg,#fff 10%,#4de1ff 42%,#ff3f81 72%,#ffd44a);-webkit-background-clip:text;background-clip:text;color:transparent}.culture-intro{max-width:420px;margin:0 0 14px}.culture-intro p{color:#a5adb2;font-size:1rem;line-height:1.65}.culture-intro button{margin-top:16px;min-height:46px;padding:0 20px;border:1px solid rgba(77,225,255,.55);border-radius:999px;background:rgba(77,225,255,.08);color:#fff;font:800 .72rem Syne,sans-serif;letter-spacing:.09em;text-transform:uppercase;cursor:pointer}.culture-intro button:hover,.culture-intro button:focus-visible{background:#4de1ff;color:#050505}
.culture-shell{max-width:1500px;margin:0 auto;overflow:hidden;border:1px solid rgba(77,225,255,.32);border-radius:30px;background:rgba(8,10,17,.86);box-shadow:0 30px 90px rgba(0,0,0,.48),0 0 50px rgba(77,225,255,.08)}
.culture-hud{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid rgba(255,255,255,.1);background:linear-gradient(90deg,rgba(77,225,255,.08),rgba(255,63,129,.06))}.culture-hud p{display:flex;align-items:baseline;justify-content:space-between;gap:18px;margin:0;padding:18px 24px;border-right:1px solid rgba(255,255,255,.1)}.culture-hud p:last-child{border:0}.culture-hud span{color:#777;font-size:.7rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase}.culture-hud strong{font:800 1.45rem/1 Syne,sans-serif}.culture-hud p:nth-child(1) strong{color:#4de1ff}.culture-hud p:nth-child(2) strong{color:#ffd44a}.culture-hud p:nth-child(3) strong{color:#75f08c}.culture-hud p:nth-child(4) strong{color:#ff3f81}
.culture-stage{position:relative;min-height:680px}.culture-board-wrap{overflow-x:auto;padding:22px;scrollbar-color:#4de1ff #111;overscroll-behavior-x:contain}.culture-board{min-width:900px;display:grid;grid-template-columns:repeat(5,minmax(155px,1fr));gap:9px}.culture-category{min-height:96px;display:grid;place-items:center;padding:14px 9px;border:1px solid color-mix(in srgb,var(--cat) 58%,transparent);border-radius:14px;background:linear-gradient(145deg,color-mix(in srgb,var(--cat) 17%,#0a0c14),#080a10);color:#fff;font:800 .94rem/1.08 Syne,sans-serif;letter-spacing:-.02em;text-align:center;text-transform:uppercase;box-shadow:inset 0 1px rgba(255,255,255,.12),0 0 26px color-mix(in srgb,var(--cat) 8%,transparent)}
.culture-tile{position:relative;min-height:92px;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:linear-gradient(145deg,rgba(23,28,45,.95),rgba(8,10,17,.98));color:#ffd44a;box-shadow:inset 0 1px rgba(255,255,255,.1);font:800 1.85rem Syne,sans-serif;cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.culture-tile:hover,.culture-tile:focus-visible{z-index:2;transform:translateY(-3px);border-color:var(--cat);box-shadow:0 12px 30px rgba(0,0,0,.4),0 0 22px color-mix(in srgb,var(--cat) 22%,transparent)}.culture-tile.used{background:#08090c;color:#333;border-color:#15171e;box-shadow:none;cursor:default}.culture-tile.double::after{content:"2X";position:absolute;right:8px;top:7px;padding:3px 6px;border-radius:99px;background:#ff3f81;color:#fff;font:800 .58rem Syne,sans-serif;letter-spacing:.05em}
.culture-start{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:26px;text-align:center;background:radial-gradient(circle at 50% 42%,rgba(77,225,255,.15),transparent 38%),rgba(3,4,8,.86);backdrop-filter:blur(10px)}.culture-start.hidden{display:none}.culture-start-logo{width:105px;aspect-ratio:1;border:2px solid rgba(77,225,255,.7);border-radius:50%;background:#030407 url("assets/w4-logo.jpeg") 50% 54%/139% 139% no-repeat;box-shadow:0 0 45px rgba(77,225,255,.36)}.culture-start>p:first-of-type{margin-top:18px;color:#888;font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.culture-start h2{margin-top:8px;font:800 clamp(2.8rem,7vw,6.7rem)/.95 Syne,sans-serif;letter-spacing:-.065em}#culture-result-copy{margin:14px 0 24px;color:#b7b7b2}.culture-start button,.question-next{min-height:52px;padding:0 25px;border:0;border-radius:999px;background:linear-gradient(100deg,#4de1ff,#ffd44a);color:#050505;font:800 .78rem Syne,sans-serif;letter-spacing:.09em;text-transform:uppercase;cursor:pointer;box-shadow:0 0 30px rgba(77,225,255,.22)}.culture-swipe{display:none;margin:0;padding:0 18px 18px;color:#777;font-size:.78rem;text-align:center}
.question-dialog{width:min(760px,calc(100vw - 28px));max-height:calc(100vh - 28px);overflow:auto;padding:28px;border:1px solid rgba(77,225,255,.46);border-radius:28px;background:radial-gradient(circle at 84% 8%,rgba(255,63,129,.15),transparent 30%),#080a11;color:#fff;box-shadow:0 35px 110px #000,0 0 45px rgba(77,225,255,.16)}.question-dialog::backdrop{background:rgba(0,0,0,.78);backdrop-filter:blur(8px)}.question-topline{display:flex;justify-content:space-between;gap:20px;color:#4de1ff;font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.question-topline strong{color:#ffd44a}.question-clock{height:6px;margin-top:18px;overflow:hidden;border-radius:99px;background:#242630}.question-clock i{display:block;width:100%;height:100%;background:linear-gradient(90deg,#75f08c,#ffd44a,#ff3f81);transform-origin:left;transition:transform .1s linear}.question-time{margin:7px 0 0;color:#85858a;font-size:.74rem;text-align:right}.question-dialog h2{margin:22px 0 24px;font:800 clamp(1.65rem,4vw,2.7rem)/1.12 Syne,sans-serif;letter-spacing:-.035em}.answer-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.answer-choice{min-height:70px;padding:14px 16px;border:1px solid rgba(255,255,255,.15);border-radius:16px;background:rgba(255,255,255,.055);color:#fff;font:700 .95rem/1.25 "Space Grotesk",sans-serif;text-align:left;cursor:pointer}.answer-choice:hover,.answer-choice:focus-visible{border-color:#4de1ff;background:rgba(77,225,255,.1)}.answer-choice.correct{border-color:#75f08c;background:rgba(117,240,140,.14);color:#dfffe6}.answer-choice.wrong{border-color:#ff3f81;background:rgba(255,63,129,.14)}.answer-choice:disabled{cursor:default}.answer-feedback{min-height:24px;margin:17px 0 0;color:#c9c9c4;font-weight:700}.question-next{display:none;margin:18px 0 0}.question-next.show{display:inline-flex;align-items:center}
.culture-site-cta{max-width:1500px;margin:28px auto 0;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:24px;padding:26px;border:1px solid rgba(255,255,255,.13);border-radius:26px;background:linear-gradient(110deg,rgba(255,63,129,.09),rgba(77,225,255,.08)),#080a10}.culture-site-cta img{width:88px;aspect-ratio:1;border-radius:50%;object-fit:cover}.culture-site-cta div>p:first-child{margin:0 0 6px;color:#4de1ff;font-size:.7rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.culture-site-cta h2{margin:0;font:800 clamp(1.8rem,4vw,3.2rem)/1 Syne,sans-serif;letter-spacing:-.045em}.culture-site-cta div>p:last-child{margin:8px 0 0;color:#969ca1}.culture-site-cta a{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 24px;border-radius:999px;background:#fff;color:#050505;font:800 .74rem Syne,sans-serif;letter-spacing:.08em;text-decoration:none;text-transform:uppercase}
@media(max-width:900px){.culture-main{padding:108px 16px 46px}.culture-heading{grid-template-columns:1fr;gap:8px;margin-bottom:26px}.culture-heading h1{font-size:clamp(3.9rem,20vw,7rem)}.culture-intro{margin-top:8px}.culture-hud{grid-template-columns:repeat(2,1fr)}.culture-hud p{flex-direction:column;gap:6px;padding:13px 14px;border-bottom:1px solid rgba(255,255,255,.1)}.culture-hud p:nth-child(2n){border-right:0}.culture-hud p:nth-child(n+3){border-bottom:0}.culture-stage{min-height:560px}.culture-board-wrap{padding:14px}.culture-board{min-width:760px;gap:7px}.culture-category{min-height:82px;font-size:.78rem}.culture-tile{min-height:74px;font-size:1.45rem}.culture-swipe{display:block}.question-dialog{padding:21px;border-radius:22px}.answer-grid{grid-template-columns:1fr}.answer-choice{min-height:58px}.culture-site-cta{grid-template-columns:auto 1fr;padding:20px}.culture-site-cta img{width:68px}.culture-site-cta a{grid-column:1/-1;width:100%}}
@media(max-width:900px) and (max-height:600px) and (orientation:landscape){
  .site-header{min-height:42px;padding:0 10px}
  .site-header .brand{display:none}
  .culture-back{font-size:.62rem}
  .culture-main{min-height:100dvh;padding:48px 10px 8px}
  .culture-heading,.culture-main>.arcade-profile{display:none}
  .culture-shell{max-width:none;border-radius:14px}
  .culture-hud{grid-template-columns:repeat(4,minmax(0,1fr))}
  .culture-hud p{min-width:0;flex-direction:row;align-items:center;gap:5px;padding:5px 8px;border:0;border-right:1px solid rgba(255,255,255,.1)!important}
  .culture-hud p:last-child{border-right:0!important}
  .culture-hud span{font-size:.58rem;letter-spacing:.08em}
  .culture-hud strong{font-size:1rem}
  .culture-stage{min-height:0}
  .culture-board-wrap{height:calc(100dvh - 96px);max-height:calc(100svh - 96px);min-height:0;overflow:hidden;padding:6px 8px}
  .culture-board{width:100%;min-width:0;height:100%;grid-template-columns:repeat(5,minmax(0,1fr));grid-template-rows:repeat(var(--board-rows,6),minmax(0,1fr));gap:5px}
  .culture-category{min-width:0;min-height:0;padding:4px 3px;border-radius:8px;font-size:clamp(.62rem,1.5vw,.82rem);line-height:1.05;overflow-wrap:anywhere}
  .culture-tile{min-width:0;min-height:0;padding:2px;border-radius:8px;font-size:clamp(1rem,2.5vw,1.45rem)}
  .culture-tile.double::after{top:2px;right:2px;padding:2px 4px;font-size:.48rem}
  .culture-start{padding:8px;backdrop-filter:blur(6px)}
  .culture-start-logo{width:clamp(36px,9vh,56px)}
  .culture-start>p:first-of-type{margin:6px 0 0;font-size:.58rem}
  .culture-start h2{margin:4px 0;font-size:clamp(1.7rem,5vh,2.8rem)}
  #culture-result-copy{margin:3px 0 8px;font-size:.75rem}
  .culture-start button,.question-next{min-height:38px;padding:0 16px;font-size:.68rem}
  .culture-swipe{display:none}
  .question-dialog{max-height:calc(100dvh - 16px);padding:15px;border-radius:16px}
  .question-clock{margin-top:10px}
  .question-dialog h2{margin:12px 0;font-size:clamp(1.3rem,4vh,2rem)}
  .answer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
  .answer-choice{min-height:42px;padding:8px 10px;font-size:.83rem}
  .answer-feedback{min-height:20px;margin:8px 0 0;font-size:.86rem}
  .question-next{margin-top:8px}
}
@media(prefers-reduced-motion:reduce){.culture-tile{transition:none}}
.culture-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.culture-actions button,.culture-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:46px;margin:0;padding:0 20px;border:1px solid rgba(77,225,255,.55);border-radius:999px;background:rgba(77,225,255,.08);color:#fff;font:800 .72rem Syne,sans-serif;letter-spacing:.09em;text-decoration:none;text-transform:uppercase;cursor:pointer}.culture-actions button:hover,.culture-actions button:focus-visible,.culture-actions a:hover,.culture-actions a:focus-visible{background:#4de1ff;color:#050505}
.mode-picker{width:min(620px,100%);display:grid;grid-template-columns:1fr 1fr;gap:12px}.mode-picker button{height:auto;min-height:76px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:14px 22px;border-radius:18px;text-align:left}.mode-picker button:last-child{background:rgba(255,255,255,.08);color:#fff;border:1px solid rgba(255,255,255,.18);box-shadow:none}.mode-picker span{font:800 .88rem Syne,sans-serif}.mode-picker small{margin-top:5px;font:600 .67rem "Space Grotesk",sans-serif;letter-spacing:.04em;opacity:.68;text-transform:none}.daily-attempt{min-height:18px!important;margin:-10px 0 12px!important;color:#75f08c!important;font-size:.72rem!important;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.culture-share-result{margin-top:12px!important;min-height:44px!important;background:transparent!important;color:#fff!important;border:1px solid #ff3f81!important;box-shadow:none!important}.daily-leaderboard{margin-top:34px;border-color:rgba(255,212,74,.36)}
@media(max-width:560px){.mode-picker{grid-template-columns:1fr}.mode-picker button{min-height:62px}.culture-start{justify-content:flex-start;padding-top:58px;overflow:auto}.culture-start-logo{width:82px}.culture-start h2{font-size:clamp(2.3rem,13vw,4rem)}}