/* One tactile control skin for the hub, time tools and game menus. */
:root{--skin-edge:#28344b;--skin-top:#25314a;--skin-base:#151e32;--skin-bottom:#050a14;--skin-gold-top:#ffe6a1;--skin-gold-base:#ecc05d;--skin-gold-edge:#a87a29}html.light,[data-theme=light]{--skin-edge:#d3cdbc;--skin-top:#fffef9;--skin-base:#eae5d8;--skin-bottom:#d3cbbc;--skin-gold-top:#546886;--skin-gold-base:#334767;--skin-gold-edge:#25364f}
.tile{background:linear-gradient(145deg,var(--skin-top),var(--skin-base) 70%);border:1px solid var(--skin-edge);box-shadow:inset 0 1px 0 #ffffff1b,inset 1px 0 0 #ffffff08,0 4px 0 var(--skin-bottom),0 10px 24px #0002;transition:transform .22s cubic-bezier(.2,.75,.25,1),box-shadow .22s,border-color .22s}.tile:hover{transform:translateY(-2px);box-shadow:inset 0 1px 0 #ffffff26,0 6px 0 var(--skin-bottom),0 12px 28px #0003}.tile:active{transform:translateY(3px);box-shadow:inset 0 1px 0 #ffffff12,0 1px 0 var(--skin-bottom),0 3px 8px #0002}.tile .icon{background:radial-gradient(ellipse at 35% 15%,#ffffff0d,#00000015);box-shadow:inset 0 2px 6px #0003,inset 0 -1px 0 #ffffff0a;border:1px solid #ffffff09}.tile .go{transition:transform .22s,color .22s}.tile:hover .go{transform:translate(2px,-2px);color:var(--accent)}
.hub-header button,.hub-main button,.mobile-menu summary,.download-link,.workspace-page button,body>header button,#arena #start,#arena #reset,#arena #spin,#arena #cancel-round{font-family:'IBM Plex Sans KR',sans-serif;background:linear-gradient(var(--skin-top),var(--skin-base));border-color:var(--skin-edge);box-shadow:inset 0 1px 0 #ffffff24,0 3px 0 var(--skin-bottom),0 5px 10px #0002;transition:transform .18s cubic-bezier(.2,.8,.2,1),box-shadow .18s,filter .18s;color:var(--ink,var(--ui-ink,#f5f1e7))}
.hub-main button.primary,#arena #start,#arena #reset,#arena #spin,.workspace-page #start,.workspace-page #finish-day,.workspace-page #share-quick,.workspace-page #settings button{background:linear-gradient(var(--skin-gold-top),var(--skin-gold-base));color:var(--on,var(--ui-on-accent,#192139));border:1px solid var(--skin-gold-edge);box-shadow:inset 0 1px 0 #fff7,0 3px 0 var(--skin-gold-edge),0 6px 13px #0003}
.hub-header button:active:not(:disabled),.hub-main button:active:not(:disabled),.mobile-menu summary:active,.download-link:active,.workspace-page button:active:not(:disabled),body>header button:active:not(:disabled),#arena #start:active,#arena #reset:active:not(:disabled),#arena #spin:active:not(:disabled){transform:translateY(2px) scale(.985);box-shadow:inset 0 1px 3px #0002,0 1px 0 var(--skin-bottom)}
.hub-header button:hover:not(:disabled),.hub-main button:hover:not(:disabled),.workspace-page button:hover:not(:disabled),#arena #start:hover{filter:brightness(1.06)}button:disabled,.download-link[aria-disabled=true]{box-shadow:none;transform:none;filter:none}.display,.workspace-page .workspace-face{box-shadow:inset 0 1px 0 #ffffff09,inset 0 10px 24px #0002,0 1px 0 #ffffff05}.hub-main input,.hub-main textarea{box-shadow:inset 0 2px 5px #0002}.wide-nav a[aria-current],.mobile-menu nav a[aria-current]{box-shadow:inset 0 1px 0 #ffffff10,inset 0 -2px 0 var(--accent)}
@media(prefers-reduced-motion:reduce){.tile,.tile .go,.hub-header button,.hub-main button,.mobile-menu summary,.download-link,.workspace-page button,body>header button,#arena #start,#arena #reset,#arena #spin{transition:none!important}.tile:hover,.tile:active{transform:none}}