/* Shared Demigodse7en identity for immersive standalone tools. */
:root{color-scheme:light;--bg:#f7f4ec!important;--panel:#fffdf7!important;--panel2:#f1eadc!important;--text:#101a32!important;--muted:#62685f!important;--line:rgba(169,110,16,.28)!important;--accent:#174a8b!important;--accentText:#fffaf0!important}
html,body{background:radial-gradient(circle at 8% 5%,rgba(217,154,32,.11),transparent 27%),radial-gradient(circle at 92% 12%,rgba(38,62,34,.06),transparent 24%),linear-gradient(180deg,#fffdf7,#f7f4ec 50%,#f1eadc)!important;color:#101a32!important}
body::before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.22;background-image:linear-gradient(rgba(183,121,22,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(183,121,22,.035) 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(to bottom,#000,transparent 72%)}
.app,.wrap{position:relative;z-index:1}.app{width:min(calc(100% - 24px),820px)!important}.wrap{width:min(calc(100% - 24px),940px)!important}
.brand{color:#102e57!important;font-weight:850!important;letter-spacing:.09em!important}.footer,.foot{color:#716a5e!important}.back{color:#102e57!important;background:rgba(255,253,247,.88)!important;border-color:rgba(169,110,16,.28)!important}.back:hover{color:#a96e10!important}
button{border-color:rgba(169,110,16,.28)!important;background:#fffdf7!important;color:#101a32!important;box-shadow:0 5px 14px rgba(58,42,18,.045)}button:hover{border-color:rgba(169,110,16,.48)!important}
.controls .primary,#start,.primary-start,.settings-tab.active,.settings-sticky button{background:linear-gradient(135deg,#102e57,#174a8b)!important;color:#fffaf0!important;border-color:transparent!important;box-shadow:0 8px 22px rgba(16,46,87,.16)!important}
input,select{color:#101a32!important;background:#fffdf7!important;border-color:rgba(169,110,16,.28)!important}.settings,.field,.preset-wheel,.custom-wheel,.quick-style-wrap{background:rgba(255,253,247,.96)!important;border-color:rgba(169,110,16,.24)!important;box-shadow:0 10px 28px rgba(58,42,18,.055)!important}
.settings-topbar{background:#fffdf7!important;border-color:rgba(169,110,16,.20)!important}.settings-sticky{background:rgba(255,253,247,.98)!important;border-color:rgba(169,110,16,.20)!important}.labs{background:rgba(255,253,247,.65)!important;border-color:rgba(169,110,16,.25)!important}.labs summary,.value,.switchtext small,.profile-note,.wheel-label,.quick-style-label small{color:#62685f!important}
:focus-visible{outline:3px solid #d99a20!important;outline-offset:3px!important}::selection{background:rgba(217,154,32,.25);color:#101a32}

/* Visual Timer: site-colored control deck around a deliberately dark visualization canvas. */
.site-header{background:rgba(255,253,247,.91)!important;border-color:rgba(169,110,16,.18)!important;box-shadow:0 8px 28px rgba(58,42,18,.06)!important}.site-brand{color:#101a32!important}.site-brand-mark{background:linear-gradient(135deg,#102e57,#174a8b)!important;color:#fffdf7!important;box-shadow:0 8px 22px rgba(16,46,87,.16)!important}.site-nav a{color:#596171!important}.site-nav a:hover,.site-nav a.active{color:#102e57!important;background:rgba(23,74,139,.07)!important}.site-nav .site-nav-cta{color:#fffdf7!important;background:linear-gradient(135deg,#a96e10,#d99a20)!important}.site-footer{background:rgba(255,253,247,.78)!important;border-color:rgba(169,110,16,.18)!important;color:#716a5e!important}.site-footer-shell{color:#101a32!important}.site-legal{color:#716a5e!important}
.header{padding:7px 4px!important}.clock-button,#time{color:#101a32!important}.visual{border-color:rgba(169,110,16,.34)!important;background:linear-gradient(180deg,#101a32,#17233c)!important;box-shadow:0 16px 38px rgba(58,42,18,.11)!important}.progress-chip{background:rgba(16,26,50,.72)!important;color:#fffdf7!important;border-color:rgba(255,255,255,.10)!important}
.time-picker{gap:10px!important;margin-top:10px!important}.preset-wheel,.custom-wheel{border-radius:16px!important}.wheel-label strong{color:#102e57!important}.preset-wheel .time-toggles{background:transparent!important;border:0!important;box-shadow:none!important}.timeToggle,.quickToggle,.utilityToggle,.quickStyle{background:#fffdf7!important;color:#596171!important;border-color:rgba(169,110,16,.20)!important;box-shadow:none!important}.timeToggle.active,.quickToggle.active,.utilityToggle[aria-pressed="true"],.quickStyle.active{background:#e9f0f7!important;color:#102e57!important;border-color:#174a8b!important;box-shadow:0 0 0 2px rgba(23,74,139,.07)!important}.custom-slider-wrap::before{background:linear-gradient(90deg,rgba(169,110,16,.22),rgba(23,74,139,.28))!important}.custom-scale{color:#827b6f!important}
.controls{gap:8px!important}.compact-reset,#settingsBtn{background:#fffdf7!important;color:#102e57!important}.quick-style-wrap{padding:11px!important;border:1px solid rgba(169,110,16,.20)!important;border-radius:16px!important}.quick-style-label{color:#102e57!important}.utility-toggles{gap:7px!important}.utilityIcon{background:#f1eadc!important;color:#70490c!important;border-color:rgba(169,110,16,.16)!important}.floating-settings{background:rgba(255,253,247,.90)!important;color:#101a32!important;border-color:rgba(169,110,16,.28)!important}.settings{border-radius:18px!important}.settings-nav{gap:7px!important}.settings-tab{background:#f7f1e5!important;color:#596171!important;border-radius:999px!important}.settings-tab.active{color:#fffdf7!important}.settings-slider-labels{color:#716a5e!important}.profileGrid button{background:#fffdf7!important}.profileGrid button.active-profile{border-color:#174a8b!important;background:#e9f0f7!important;box-shadow:0 0 0 2px rgba(23,74,139,.07)!important}.profileGrid button strong{color:#101a32!important}.profileGrid button small{color:#62685f!important}
/* Keep fullscreen/focus visual modes immersive and dark. */
body.visual-max,body.visual-max::before{background:#000102!important}body.visual-max .visual{box-shadow:none!important}body.visual-max .exit-visual-max,body.visual-max .fullscreen-pause{background:rgba(3,8,14,.24)!important;color:#fff!important;border-color:rgba(255,255,255,.16)!important}

/* Chess Clock: same paper/navy/gold control language, strong blue active player. */
.title{font-family:Georgia,"Times New Roman",serif;color:#101a32!important;font-size:clamp(2rem,5vw,3.4rem)!important}.sub,.status,.player,.hint{color:#5c6571!important}.setup{gap:10px!important}.field{padding:11px 12px!important;border-radius:14px!important}.field label{color:#a96e10!important}.field input{color:#101a32!important}.utility{gap:10px!important}.utility button,.controls button{background:#fffdf7!important;color:#102e57!important}.utility button.on{border-color:#174a8b!important;background:#e8f0f8!important;color:#102e57!important}.board{gap:12px!important}.clock{border-color:rgba(169,110,16,.28)!important;background:linear-gradient(180deg,#fffdf7,#eee4d2)!important;color:#101a32!important;box-shadow:0 14px 34px rgba(58,42,18,.08)!important}.clock::before{background:radial-gradient(circle at 50% 15%,rgba(217,154,32,.11),transparent 42%)!important}.clock.active{border-color:#174a8b!important;background:linear-gradient(180deg,#eaf1f8,#cfddec)!important;box-shadow:0 0 0 2px rgba(23,74,139,.10),0 14px 36px rgba(16,46,87,.14)!important}.clock.active .player,.clock.active .hint{color:#102e57!important}.clock.flagged{border-color:#a74747!important;background:linear-gradient(180deg,#f8e8e3,#edd0c9)!important}.clockTime{color:#101a32!important}.status{padding:4px 0!important}
body.fullscreen-active{background:#f7f4ec!important}body.fullscreen-active::before{display:none}
@media(max-width:620px){.app,.wrap{width:min(calc(100% - 16px),940px)!important;padding-left:8px!important;padding-right:8px!important}.board{gap:8px!important}.clock{border-radius:18px!important}.site-container{width:min(calc(100% - 20px),1180px)!important}}