/* Çizmece · vivid indigo, coral, turquoise and sunshine accents. */
:root{--purple:#5e39d8;--ink:#222b50;--muted:#606b85;--line:#d6def1;--lavender:#eeeaff;--canvas:#fffdf8;background:#f3f6ff;color:var(--ink);color-scheme:light}
body{background:radial-gradient(ellipse at 4% 0,#ddd5ff 0,transparent 40%),radial-gradient(ellipse at 96% 30%,#c9f6ec 0,transparent 38%),#f3f6ff}
.site-header{background:#ffffffd9;border-bottom-color:#d4ddf3}
.logo{color:#30225f}.logo-mark{background:linear-gradient(140deg,#7845ec,#3c64eb);box-shadow:0 4px 0 #442c99}.spark{color:#f6ae24}
.site-header #registerBtn,#quickPlay,#heroRegister,#authSubmit,#createRoom,#bankCreateOrder,#guideNext,.room-card-bottom button,.message-form button{background:linear-gradient(130deg,#6d3ee8,#415fe8);color:#fff;box-shadow:0 3px 0 #3f2e98}
.site-header #registerBtn:hover:enabled,#quickPlay:hover:enabled,#heroRegister:hover:enabled,#authSubmit:hover:enabled,#createRoom:hover:enabled,#bankCreateOrder:hover:enabled,#guideNext:hover:enabled,.room-card-bottom button:hover:enabled,.message-form button:hover:enabled{background:linear-gradient(130deg,#5e2ed2,#304bc8)}
button:focus-visible,a:focus-visible{outline:3px solid #f3aa21;outline-offset:3px}
.secondary{background:#e8edff;color:#44328e;box-shadow:0 3px 0 #c7cee8}.secondary:hover:enabled{background:#dce5ff}
body:not(.in-game) .welcome-copy{border-color:#6545d3;background:linear-gradient(145deg,#4930a5,#3665cf);color:#fff;box-shadow:0 5px 0 #30257d,0 12px 28px #342a5c14}
body:not(.in-game) .welcome-copy .eyebrow{color:#ffe299}
body:not(.in-game) .welcome h1{color:#fff}body:not(.in-game) .welcome h1 em{color:#ffe082}
body:not(.in-game) .welcome-copy>p{color:#e8edff}
body:not(.in-game) .welcome-copy .badges span{color:#fff;background:#ffffff15;border-color:#ffffff40}
body:not(.in-game) .welcome-copy #quickPlay{color:#35244e;background:linear-gradient(130deg,#ffda69,#ffb941);box-shadow:0 3px 0 #bd7821}
body:not(.in-game) .welcome-copy #quickCreate{color:#fff;background:#ffffff20;box-shadow:0 3px 0 #243e90}
body:not(.in-game) .dashboard-card,body:not(.in-game) .lobby-chat,body:not(.in-game) .online-card{border-color:#d6dff1;background:#fff;box-shadow:0 4px 0 #dce4f2,0 10px 24px #26355b08}
body:not(.in-game) .daily-card{background:linear-gradient(150deg,#fff2e9,#fff9f2);border-color:#f3c5ac;border-top:4px solid #ef7958}
body:not(.in-game) .weekly-ranking{background:linear-gradient(150deg,#ecfbff,#f7fcff);border-color:#b4e1ee;border-top:4px solid #19a6ba}
body:not(.in-game) .weekly-showcase .weekly-star{background:linear-gradient(145deg,#fff0ba,#fff8e6);border-color:#edca6c;border-top:4px solid #f3b22f;box-shadow:0 4px 0 #e9d8a2}
body:not(.in-game) .weekly-showcase .weekly-section{background:linear-gradient(150deg,#f3efff,#fff);border-color:#d1bdf5;border-top:4px solid #915ce8}
body:not(.in-game) .rooms-section{border-top:4px solid #5777e6}
body:not(.in-game) .lobby-chat{border-top:4px solid #ee775f}
body:not(.in-game) .online-card{border-top:4px solid #24ad91}
body:not(.in-game) .section-head h2,body:not(.in-game) .lobby-panel-title{color:#283456}
body:not(.in-game) .room-card:nth-child(3n+1){background:#f2efff;border-color:#d2c4f5;border-top:3px solid #8761dc}
body:not(.in-game) .room-card:nth-child(3n+2){background:#eafaf5;border-color:#b9e5d6;border-top:3px solid #27a78a}
body:not(.in-game) .room-card:nth-child(3n){background:#fff2e8;border-color:#f2cbb1;border-top:3px solid #ec8a50}
.weekly-star .star-week-score{color:#735014;font-weight:800}.weekly-star .star-footnote{color:#74592e}
body:not(.in-game) .weekly-showcase .star-player>span.star-week-score{white-space:normal;overflow-wrap:anywhere;font-size:clamp(14px,1.2vw,18px);line-height:1.35}
.wallet-chip{border-color:#ebc263;background:#fff1bd;color:#664717}.coin-symbol{background:linear-gradient(135deg,#ffe17b,#ffbd3a);color:#805512}
.canvas-header{border-color:#c7b8ef;background:linear-gradient(120deg,#eee8ff,#e9f5ff)}
.game-chat{border-color:#ccd8ef}#game .players{border-color:#c6b7ed}
.game-chat h3,#game .players summary{color:#3e3180}
.auth-dialog,.entry-dialog,.bank-purchase-dialog,.profile-dialog,.extras-dialog{border-color:#cbbcec;background:#fffefa;box-shadow:0 16px 60px #25265a24}
.auth-dialog h2,.entry-dialog h2{color:#30245b}
.auth-dialog input:focus,.bank-purchase-dialog input:focus,.bank-purchase-dialog textarea:focus{outline-color:#9a78e9}
.entry-google-wrap{display:flex;flex-direction:column;align-items:center;gap:10px;margin:16px 0;padding:16px 10px;border:1px solid #c8d5f5;border-radius:16px;background:linear-gradient(140deg,#edf4ff,#f4efff);min-width:0}
.entry-google-title{font-size:14px;font-weight:800;color:#3f3780;text-align:center}
.google-auth-wrap{flex-direction:column;align-items:center;gap:8px;min-width:0}
.google-auth-status{margin:0!important;max-width:320px;font-size:12px!important;line-height:1.5!important;text-align:center;color:#606b85}
#googleAuthWrap[hidden],#entryGoogleWrap[hidden]{display:none!important}
.guide-dialog{width:min(540px,calc(100vw - 24px));padding:28px;border:1px solid #c5b5ec;border-radius:26px;background:radial-gradient(circle at 100% 0,#ffe4a066,transparent 40%),linear-gradient(145deg,#fff,#f2efff);color:#28264a;box-shadow:0 20px 80px #34226838}
.guide-dialog::backdrop{background:#24234b99;backdrop-filter:blur(5px)}
.guide-dialog .section-head{align-items:center}.guide-dialog #guideStep{font-size:11px;font-weight:850;letter-spacing:1px;color:#69509b}
.guide-dialog #guideClose{border-radius:50%;width:40px;height:40px;min-height:40px;padding:0;font-size:23px;line-height:1;background:#eee9fb;color:#5b4688}
.guide-icon{display:grid;place-items:center;width:72px;height:72px;margin:22px 0 16px;border-radius:22px;background:linear-gradient(135deg,#7045e4,#3c70e2);color:#ffde78;font-size:40px;box-shadow:0 5px 0 #3d2c93}
.guide-dialog h2{font-size:clamp(24px,4.5vw,30px);line-height:1.18;letter-spacing:-.6px;margin:18px 0 14px;color:#302657}
.guide-dialog #guideCopy{font-size:15px;line-height:1.8;color:#565d78;margin:0 0 22px}
.guide-dialog .guide-actions{display:flex;justify-content:space-between;gap:10px;padding-top:18px;border-top:1px solid #dcd5ee}
.guide-dialog #guideNext{margin-left:auto;border-radius:14px;min-height:46px}
@media(max-width:600px){
 .guide-dialog{padding:20px;max-height:calc(100dvh - 24px);overflow-y:auto}.guide-icon{width:60px;height:60px;border-radius:18px;font-size:34px;margin-top:16px}
 .guide-dialog #guideCopy{font-size:14px;line-height:1.7}.guide-dialog .guide-actions button{padding:12px;font-size:13px;min-width:0}
 .entry-google-wrap{padding:14px 8px}.google-auth-wrap{overflow:visible}
}