/* Narodni AI Urnebes - mobile 3D buttons v8 */
:root{--line:rgba(255,255,255,.16);--shadow:rgba(0,0,0,.42)}
.primary-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:14px auto 12px;max-width:560px}
.category-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:12px auto 0;max-width:720px}
.nau-btn-3d{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:3px;min-height:66px;padding:12px 14px;border-radius:19px;border:1px solid var(--line);color:#fff;font-family:Arial,Helvetica,sans-serif;font-weight:900;cursor:pointer;user-select:none;overflow:hidden;box-shadow:0 12px 24px var(--shadow),inset 0 1px 0 rgba(255,255,255,.24),inset 0 -3px 0 rgba(0,0,0,.22);transform:translateY(0);transition:transform .16s ease,box-shadow .16s ease,filter .16s ease}
.nau-btn-3d:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.22),rgba(255,255,255,0) 32%,rgba(0,0,0,.12));pointer-events:none}
.nau-btn-3d:hover{transform:translateY(-1px);filter:brightness(1.04)}
.nau-btn-3d:active,.nau-btn-3d.active{transform:translateY(2px);box-shadow:0 7px 12px rgba(0,0,0,.38),inset 0 2px 10px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.16)}
.nau-btn-3d .title{position:relative;z-index:1;font-size:21px;line-height:1;letter-spacing:.4px}
.nau-btn-3d .sub{position:relative;z-index:1;font-size:10px;opacity:.9;font-weight:800}
.nau-btn-icon{position:relative;z-index:1;font-size:14px;line-height:1}
.nau-btn-start{background:radial-gradient(circle at 20% 18%,rgba(255,255,255,.22),transparent 36%),linear-gradient(180deg,#39d96f,#1fa955)}
.nau-btn-stop{background:radial-gradient(circle at 20% 18%,rgba(255,255,255,.22),transparent 36%),linear-gradient(180deg,#ff6b63,#cf3229)}
.nau-btn-narodna{background:radial-gradient(circle at 20% 18%,rgba(255,255,255,.22),transparent 36%),linear-gradient(180deg,#ffc54d,#d98b15)}
.nau-btn-zabavna{background:radial-gradient(circle at 20% 18%,rgba(255,255,255,.22),transparent 36%),linear-gradient(180deg,#36d8ff,#1a87d8)}
.nau-btn-mjesovito{background:radial-gradient(circle at 20% 18%,rgba(255,255,255,.22),transparent 36%),linear-gradient(180deg,#b576ff,#7a3be0)}
@media(min-width:900px){.nau-btn-3d{min-height:70px}.nau-btn-3d .title{font-size:23px}}
@media(max-width:760px){.primary-controls{gap:10px;margin:12px auto}.category-controls{grid-template-columns:1fr;gap:9px}.category-controls .nau-btn-3d{min-height:58px}}
@media(max-width:430px){.primary-controls{gap:8px;margin:10px auto}.nau-btn-3d{min-height:56px;padding:10px 10px;border-radius:16px}.primary-controls .nau-btn-3d .title{font-size:20px}.category-controls .nau-btn-3d{min-height:52px}.category-controls .nau-btn-3d .title{font-size:18px}.nau-btn-3d .sub{font-size:9px}}