/* DrawGuess Sunny Party — final visual and functional overrides */
:root{
 color-scheme:light;
 --bg:#fff2bf;--s1:#fff9e5;--s2:#ffebaa;--ink:#78520d;--mut:#9b7930;
 --pri:#e9ad18;--pri2:#f7c94c;--sky:#e9bd50;--pink:#e9a92b;--line:rgba(174,125,12,.2);
 --ok:#73a94a;--bad:#d68b2c;--dot:rgba(190,145,26,.14);--ovb:rgba(255,249,228,.94);
 --glass:rgba(255,250,231,.78);--glass-strong:rgba(255,252,239,.94);--glass-stroke:rgba(255,255,255,.88);
 --glass-shadow:0 16px 42px rgba(160,119,24,.13),0 4px 12px rgba(160,119,24,.07),inset 0 1px 0 rgba(255,255,255,.98);
 --accent-glow:rgba(232,175,26,.22);--game-ease:cubic-bezier(.2,.8,.2,1);--dg-game-bg:none;
}
html,body,button,input,select,textarea{font-family:'Baloo Bhaijaan 2',Tahoma,sans-serif!important}
body{color:var(--ink)!important;background-color:var(--bg)!important;background-image:radial-gradient(circle at 10% 8%,rgba(255,213,83,.3),transparent 28%),radial-gradient(circle at 88% 20%,rgba(255,244,194,.8),transparent 25%),radial-gradient(circle at 68% 92%,rgba(240,190,64,.2),transparent 29%),radial-gradient(var(--dot) 1px,transparent 1.55px)!important;background-size:auto,auto,auto,27px 27px!important;background-attachment:fixed!important}
body,body *{scrollbar-color:#e5b638 transparent}
#bg .sh{opacity:.24!important;filter:blur(82px)!important}#bg .s1{background:#f2c343!important}#bg .s2{background:#ffe28a!important}#bg .s3{background:#eeb73a!important}
#th{display:none!important}
#auth-screen{background:radial-gradient(circle at 12% 15%,rgba(255,231,148,.8),transparent 29%),radial-gradient(circle at 86% 82%,rgba(255,248,218,.6),transparent 30%),linear-gradient(135deg,#edbd39,#f9d96e 54%,#fff0bd)!important}
.auth-card{background:rgba(255,251,235,.94)!important;color:var(--ink)!important;border:1px solid #fff!important;box-shadow:0 24px 64px rgba(153,109,12,.2)!important}
.auth-card h1,.auth-card label{color:var(--ink)!important}.auth-card p,.auth-card small{color:var(--mut)!important}.auth-brand,.auth-card #auth-switch{color:#b47b16!important}
.auth-card input{background:#fff5d3!important;color:var(--ink)!important;border-color:#e8cf83!important}
#mtop,#mnav,.pnl:not(#p-play),.game-live-indicator,.game-stat,.glass-card,.player-name-card,.public-rooms-panel,.room-form-panel,#top,#players,#chatbox,#tools,.card{
 background:var(--glass)!important;border:1px solid var(--glass-stroke)!important;box-shadow:var(--glass-shadow)!important;
 backdrop-filter:blur(23px) saturate(145%)!important;-webkit-backdrop-filter:blur(23px) saturate(145%)!important;color:var(--ink)!important;
}
#mtop{min-height:66px!important;border-radius:22px!important}
#mtop .logo,.brand-wordmark,.brand-fallback{color:#c18a0d!important;text-shadow:none!important}
.brand-wordmark,.brand-fallback{font-family:'Lalezar','Baloo Bhaijaan 2',sans-serif!important}
#chips .stat,#chips .chip{background:rgba(255,249,226,.9)!important;border:1px solid #fff!important;color:var(--mut)!important}
#chips .chip b{color:#a8730c!important}#coin i,.cn{background:linear-gradient(135deg,#ffe47a,#e8aa18)!important;box-shadow:0 0 0 4px rgba(231,174,24,.17)!important}
#mbody{grid-template-columns:190px minmax(0,1fr)!important;gap:16px!important}
#mnav{border-radius:24px!important;padding:9px!important;gap:7px!important;background:rgba(255,250,229,.86)!important;border-color:#fff!important}
#mnav:before{color:#a47a22!important}#mnav .nv{color:#9a772c!important;font-weight:800!important;border-radius:15px!important;transition:background .2s,color .2s,transform .2s!important}
#mnav .nv:hover{background:rgba(244,197,69,.22)!important;color:#96670c!important;transform:translateX(-2px)!important}
#mnav .nv.on{background:linear-gradient(130deg,#f3c94e,#e9aa19)!important;color:#78520d!important;box-shadow:0 8px 18px rgba(190,139,19,.22),inset 0 1px 0 rgba(255,255,255,.9)!important}
#mnav .nv svg{stroke:currentColor!important}#nvi{display:none!important}
#p-play{background:transparent!important}
.game-menu-kicker,.panel-heading .eyebrow,.hub-game-tag{color:#ae7d11!important}
.game-menu-heading-copy h1,.ph h2,.pnl h2,.pnl h3,.panel-heading h3{color:var(--ink)!important;font-family:'Lalezar','Baloo Bhaijaan 2',sans-serif!important;font-weight:400!important;letter-spacing:0!important}
.game-menu-heading-copy p,.ph p,.panel-heading p{color:var(--mut)!important}
.game-live-indicator{background:rgba(255,250,229,.86)!important;color:var(--mut)!important}
.game-live-indicator b{color:#98700f!important}
.game-front-card{background:linear-gradient(125deg,#eab328 0%,#f5cf58 48%,#fff0b9 100%)!important;border:2px solid rgba(255,255,255,.9)!important;box-shadow:0 22px 48px rgba(174,126,14,.18),inset 0 1px 0 #fff!important}
.game-front-card:before{background:radial-gradient(circle at 14% 14%,rgba(255,255,255,.45),transparent 27%),radial-gradient(circle at 88% 100%,rgba(255,255,255,.36),transparent 27%),linear-gradient(135deg,transparent 55%,rgba(255,255,255,.15))!important}
.game-front-copy h2{color:#8a5c08!important;text-shadow:none!important;font-family:'Lalezar','Baloo Bhaijaan 2',sans-serif!important;font-weight:400!important;letter-spacing:0!important}
.game-front-copy>p{color:#8c681d!important}.game-front-eyebrow{color:#95660c!important}.game-front-eyebrow i{color:#fff7d8!important}
.front-badge{background:rgba(255,252,235,.48)!important;border-color:rgba(255,255,255,.8)!important;color:#8e650e!important}.badge-live i{background:#83ad42!important;box-shadow:0 0 0 3px rgba(131,173,66,.18)!important}
.game-front-cta{background:linear-gradient(120deg,#fff9dc,#ffe28a)!important;color:#855b0c!important;border:1px solid #fff!important;box-shadow:0 10px 22px rgba(161,111,9,.16),inset 0 1px 0 #fff!important}
.drawing-paper{background:#fffdf4!important;border:1px solid #f3df9f!important;box-shadow:0 22px 45px rgba(155,112,16,.18)!important}
.paper-top{color:#a88334!important}.paper-palette i{border-color:#e7cf84!important}.art-float{background:rgba(255,252,235,.94)!important;color:#87600f!important;border-color:#fff!important;box-shadow:0 10px 22px rgba(155,112,16,.14)!important}
.game-stat{background:rgba(255,251,232,.88)!important;border-color:#fff!important}.stat-players .stat-icon,.stat-games .stat-icon,.stat-rooms .stat-icon{background:#ffedb3!important}
/* Lobby and room actions use warm yellow tones and readable, non-white text. */
#draw-hub{color:var(--ink)!important}.draw-hub-top{align-items:center!important}
.back-btn{background:#fff8df!important;border:1px solid #efdc9d!important;color:#9a6d11!important}
.draw-hero{background:linear-gradient(115deg,#e9ac1d,#f4c94e 62%,#ffedb0)!important;color:#7b560d!important;box-shadow:0 15px 32px rgba(173,124,15,.16)!important}
.draw-hero h2,.draw-hero p,.draw-hero .eyebrow{color:#7c570d!important}.draw-hero h2 em{color:#fff9df!important}.draw-hero-mark{background:linear-gradient(145deg,#fff3c4,#ffe17c)!important;color:#a36d08!important;box-shadow:0 9px 20px rgba(155,112,16,.14)!important}
.glass-card,.player-name-card,.public-rooms-panel,.room-form-panel{background:rgba(255,251,234,.91)!important;border-color:#fff!important;border-radius:21px!important;box-shadow:0 10px 26px rgba(160,117,19,.1)!important}
.name-avatar{background:linear-gradient(135deg,#f1c54c,#e8a817)!important;color:#80580d!important;box-shadow:0 7px 16px rgba(175,127,18,.17)!important}
.name-copy b,.name-copy small,.room-form-panel,.room-form-panel *,.public-rooms-panel,.public-rooms-panel *{color:var(--ink)}
.room-actions{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important}
.room-action{min-height:94px!important;border:1px solid #fff!important;border-radius:19px!important;box-shadow:0 10px 24px rgba(160,116,16,.11)!important;color:#80580d!important}
.room-action.quick-action,.room-action.create-action,.room-action.join-action{background:linear-gradient(135deg,#fff8dc,#f8df91)!important;color:#80580d!important}
.room-action.create-action{background:linear-gradient(135deg,#fff4cf,#f1d276)!important}.room-action.join-action{background:linear-gradient(135deg,#fff9e7,#ffe7a5)!important}
.room-action b,.room-action small,.room-action>i{color:#80580d!important}.room-action .action-icon{background:#fffdf3!important;border:1px solid #fff!important;color:#a06d0a!important}
#quick{background:linear-gradient(120deg,#edb52a,#f7d66c)!important;color:#78520d!important;box-shadow:0 10px 22px rgba(171,122,14,.17)!important}
.panel-heading h3{color:#80580d!important}.panel-heading p,.form-hint{color:#987832!important}
/* Room form inputs: the old dark/black inheritance made labels and values hard to read. */
.room-form-panel .form-label,.room-settings-grid label,.room-settings-grid label span,.room-settings-grid label *,.form-hint,
#pc .panel-heading,#pj .panel-heading,#pc .panel-heading * ,#pj .panel-heading *{color:#8b6412!important}
.room-settings-grid select,.join-code-row input,#name,#code,#pc input,#pc select,#pj input,#pj select{
 background:#fffdf4!important;color:#77520d!important;border:1.5px solid #e8cf83!important;border-radius:13px!important;
 box-shadow:inset 0 1px 2px rgba(164,119,15,.06)!important;caret-color:#b17b0d!important;opacity:1!important;
}
.room-settings-grid select option{background:#fffdf4!important;color:#77520d!important}
.room-settings-grid select:focus,.join-code-row input:focus,#name:focus,#code:focus{border-color:#e0a817!important;box-shadow:0 0 0 3px rgba(232,178,32,.2)!important;outline:0!important}
.room-settings-grid select{min-height:46px!important;padding:9px 12px!important;font-weight:700!important}
.join-code-row input{direction:ltr!important;text-align:center!important;font-family:'Baloo Bhaijaan 2',monospace!important;font-size:20px!important;font-weight:800!important;letter-spacing:4px!important}
.join-code-row input::placeholder{color:#c09b4b!important;opacity:1!important}
#name{font-weight:700!important}.visibility-switch{background:#fff1c4!important;border:1px solid #eedb9f!important}
.visibility-switch button{color:#98752d!important}.visibility-switch button b,.visibility-switch button small{color:inherit!important}
.visibility-switch button.on{background:#fffdf2!important;border:1px solid #f0d98f!important;box-shadow:0 4px 12px rgba(169,123,18,.1)!important}
.visibility-switch button.on b{color:#a7730b!important}
.create-room-submit,.room-form-panel .btn,.public-room .btn{background:linear-gradient(120deg,#e9ad1c,#f5cf5c)!important;color:#76500b!important;border:1px solid rgba(255,255,255,.95)!important;box-shadow:0 9px 19px rgba(171,121,13,.16)!important}
.public-room{background:#fffaf0!important;border:1px solid #f1dfa8!important}.room-avatar{background:linear-gradient(130deg,#f2c94e,#e8a91a)!important;color:#815b0b!important}
/* Shop, leaderboard, missions and profile share the same game palette. */
.pnl:not(#p-play){background:rgba(255,251,235,.9)!important;border-color:#fff!important}
.sc,.lr,.mi,.stc,.pcard,.sh-bar,.seg,.public-room{background:#fff8df!important;border-color:#ecd99d!important;color:#78520d!important}
.sv{background:linear-gradient(145deg,#fffdf3,#ffedb0)!important;border-color:#efd995!important}
.sc .btn,.seg button.on,.tagc{background:linear-gradient(120deg,#edb729,#f6d46b)!important;color:#78520d!important}
.pd em,.lr em,.ph h2,.ph p,.pcard b,.stc b,.mi b{color:#78520d!important}
.mi .mk,.av.big{background:linear-gradient(135deg,#f2c84c,#e5a71b)!important;color:#815b0b!important}
.mi .bar,.bar{background:#f7e7b7!important}.mi .bar>div,.bar>div{background:linear-gradient(90deg,#e5a71b,#f7d56c)!important}
/* Live game HUD. Keep the uploaded site background visible under transparent drawing strokes. */
#game{background:radial-gradient(circle at 8% 0%,rgba(255,220,113,.25),transparent 29%),var(--bg)!important;color:var(--ink)!important;font-family:'Baloo Bhaijaan 2',Tahoma,sans-serif!important}
#top{background:linear-gradient(110deg,#e9ad1c,#f3c94d 62%,#ffedb0)!important;color:#79530c!important}
#rd{background:#fff3c9!important;color:#8b6311!important;border:1px solid rgba(255,255,255,.85)!important}
#top .hint{color:#80580d!important;font-family:'Lalezar','Baloo Bhaijaan 2',sans-serif!important;font-size:26px!important;letter-spacing:0!important}
#top .hint.secret{background:linear-gradient(110deg,#ffefb5,#f2c94d)!important;color:#78520d!important;box-shadow:0 8px 18px rgba(159,113,15,.14)!important}
#top .hint.secret:before{color:#a67b20!important}
#timer{color:#855c0d!important;background:radial-gradient(closest-side,#fff9e6 80%,transparent 82%),conic-gradient(#eab21e calc(var(--p)*1%),#f9e9b8 0)!important}
#timer.low{color:#a46c13!important;background:radial-gradient(closest-side,#fff9e6 80%,transparent 82%),conic-gradient(#d99d18 calc(var(--p)*1%),#f9e9b8 0)!important}
#tbar{background:#f4e4b1!important}#tbar i{background:linear-gradient(90deg,#e5a817,#ffdc70)!important}
#stage{background-color:#fffdf5!important;background-image:var(--dg-game-bg,none)!important;background-position:center!important;background-size:cover!important;background-repeat:no-repeat!important;border:6px solid #fff!important;border-radius:19px!important;box-shadow:0 12px 32px rgba(158,115,15,.17)!important;touch-action:none!important}
#cv{background:transparent!important;opacity:1!important}
#players,#chatbox,#tools{background:rgba(255,251,234,.88)!important;border-color:#fff!important;color:#78520d!important}
#players .lab,#chatbox .lab{color:#a7770f!important;font-family:'Lalezar','Baloo Bhaijaan 2',sans-serif!important;font-size:20px!important;font-weight:400!important}
#players .pl{background:rgba(245,211,107,.2)!important;color:#78520d!important}.pl.dr{background:rgba(244,194,61,.29)!important}.pl.ok{background:rgba(151,190,94,.2)!important}
#plist .pl b,#plist .pl small{color:#78520d!important}
#chatbox .m{color:#78520d!important}#chatbox .m.ok{background:rgba(165,197,104,.22)!important}#chatbox .m.msg:nth-child(even){background:rgba(242,207,104,.17)!important}
#ci{background:#fffdf3!important;color:#78520d!important;border:1px solid #ead28a!important}
#ci::placeholder{color:#b18d3f!important;opacity:1!important}
#send,.btn{background:linear-gradient(120deg,#e9ad1c,#f6d36a)!important;color:#76500b!important;border:1px solid #fff!important;box-shadow:0 8px 18px rgba(165,119,13,.16)!important}
.btn.alt{background:#fff1bf!important;color:#8b6414!important;border:1px solid #efd995!important}
#tools .tb{background:#fff4cd!important;color:#87600f!important;border:1px solid #f0dda4!important}
#tools .tb.sel{background:linear-gradient(130deg,#e9ad1c,#f6d36a)!important;color:#78520d!important}
#tools .sw{box-shadow:0 0 0 2px #fff9e6,0 0 0 3px #e6cc82!important}#tools .sw.sel{outline:3px solid #d99d18!important}
#ov{background:rgba(255,249,225,.91)!important;color:#78520d!important;backdrop-filter:blur(12px)!important}
#ov h2,.lob h2{color:#80580d!important;font-family:'Lalezar','Baloo Bhaijaan 2',sans-serif!important;font-weight:400!important}
#ov .code{background:#fffdf3!important;border:2px dashed #dfac26!important}.code b{color:#a8770f!important}.code small{color:#98782e!important}
#ov .chips span{background:#fff0bd!important;color:#85600f!important}.pv2 b,.pv2 small{color:#78520d!important}
#leave{background:#fff0bb!important;color:#815b0c!important}
.report-open{background:#fff4cf!important;color:#855e0e!important;border:1px solid #fff!important}
.site-footer{color:#94752e!important;border-color:#ecd99d!important}
/* The navigation stays available on the DrawGuess hub, including on small screens. */
#mnav.nav-away{opacity:1!important;transform:none!important;pointer-events:auto!important;visibility:visible!important}
@media(max-width:980px){#mbody{grid-template-columns:155px minmax(0,1fr)!important;gap:12px!important}.game-front-card{grid-template-columns:minmax(0,1fr) minmax(230px,.85fr)!important}}
@media(max-width:820px){
 main#home{padding:10px 12px calc(100px + env(safe-area-inset-bottom))!important}
 #mbody{display:block!important;padding:0!important}
 #mnav{position:fixed!important;inset:auto 9px calc(8px + env(safe-area-inset-bottom)) 9px!important;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:3px!important;margin:0!important;padding:6px!important;z-index:100!important;border-radius:19px!important;background:rgba(255,250,228,.94)!important;box-shadow:0 10px 28px rgba(169,123,20,.18)!important;backdrop-filter:blur(24px) saturate(145%)!important;-webkit-backdrop-filter:blur(24px) saturate(145%)!important}
 #mnav .nv{display:flex!important;min-width:0!important;min-height:51px!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:3px!important;padding:4px 1px!important;border-radius:13px!important;font-size:9px!important;color:#9a772e!important;white-space:nowrap!important}
 #mnav .nv.on{background:linear-gradient(135deg,#f1c548,#e7a916)!important;color:#78520d!important}
 #mnav .nv svg{width:18px!important;height:18px!important}
 #draw-hub{padding-bottom:18px!important}
 .room-actions{grid-template-columns:1fr!important}.room-action{min-height:74px!important;padding:11px 13px!important}
 .draw-hero{padding:15px!important;min-height:110px!important}.draw-hero h2{font-size:20px!important}.draw-hero p{font-size:11px!important}
 .room-form-panel,.public-rooms-panel{padding:14px!important}.room-settings-grid{grid-template-columns:1fr 1fr!important;gap:9px!important}.room-settings-grid .wide-setting{grid-column:1/-1!important}
 #game{padding:9px 9px calc(88px + env(safe-area-inset-bottom))!important;min-height:100dvh!important}
 #top{padding:8px 10px!important;gap:8px!important}#top .hint{font-size:19px!important;letter-spacing:0!important}#timer{width:48px!important;height:48px!important;font-size:16px!important}
 #stage{border-width:4px!important;border-radius:14px!important}
 #players,#chatbox{height:260px!important}
}
@media(max-width:390px){main#home{padding-inline:9px!important}.game-menu-heading-copy h1{font-size:21px!important}.game-live-indicator{padding:6px 7px!important}.game-front-art{height:190px!important;min-height:190px!important}.game-front-copy{padding:15px!important}.game-front-copy h2{font-size:36px!important}.room-settings-grid{grid-template-columns:1fr!important}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}

/* Remaining dialogs and notices use the same warm identity. */
.report-card{background:rgba(255,251,235,.97)!important;border:1px solid #fff!important;color:#78520d!important;box-shadow:0 22px 58px rgba(157,112,13,.2)!important}
.report-visual{background:linear-gradient(145deg,#eab328,#f7d66e 65%,#fff0bd)!important;color:#80580d!important}
.report-visual strong,.report-visual p,.report-visual-kicker,.report-visual-foot{color:#80580d!important}
.report-visual-symbol{background:rgba(255,252,233,.58)!important;border:1px solid #fff!important;color:#98690d!important}
.report-form-side,.report-form-side *{color:#80580d}
.report-card select,.report-card textarea{background:#fffdf4!important;color:#78520d!important;border-color:#ead28a!important}
.report-card input::placeholder,.report-card textarea::placeholder{color:#b18d3f!important;opacity:1!important}
.report-step-label b,.report-symbol{color:#b47b16!important}
.report-close{background:#fff0bd!important;color:#8b6412!important;border:1px solid #edd995!important}
#maintenance-banner{background:linear-gradient(100deg,#e9ad1c,#f7d66e)!important;color:#78520d!important}
.account-warning{background:#fff2c6!important;border-color:#e9ce7b!important;color:#80580d!important}
#mo{background:rgba(169,128,29,.18)!important;backdrop-filter:blur(12px)!important}
#mo .mb{background:#fff9e5!important;color:#78520d!important;border:1px solid #fff!important}
#mo .mh,#mo .mbody{color:#78520d!important}
#mo .btn.alt{background:#fff0bd!important;color:#80580d!important}
.toast{background:#fff9e5!important;color:#78520d!important;border:1px solid #fff!important;box-shadow:0 12px 28px rgba(162,118,20,.18)!important}