.ghannuota-wrap{width:min(100%,1000px);margin:0 auto;position:relative}.ghannuota-canvas{cursor:pointer;touch-action:none;-webkit-tap-highlight-color:transparent;border-radius:10px;outline:none;margin:0 auto;display:block;box-shadow:0 0 0 3px #2b2420,0 6px 0 3px #a48d74,0 10px 16px 3px #2b242029}.ghannuota-canvas:focus-visible{box-shadow:0 0 0 3px #2b2420, 0 0 0 6px var(--brand-soft), 0 6px 0 3px #a48d74}.ghannuota-pad{grid-template-columns:repeat(3,1fr);gap:8px;width:min(100%,1000px);margin:16px auto 0;display:grid}.ghannuota-peg{font:800 15px/1 var(--font);color:#2b2420;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:#fffaf1;border:2px solid #2b2420;border-radius:10px;padding:12px 0 15px;transition:transform 60ms,box-shadow 60ms;position:relative;box-shadow:inset 0 -4px #e0cfb3,0 2px #2b242038}.ghannuota-peg:before{content:"";pointer-events:none;background:#fffffff2;border-radius:3px;width:12px;height:4px;position:absolute;top:4px;left:6px;transform:rotate(-10deg)}.ghannuota-peg:hover{background:#fff3df}.ghannuota-peg:active{color:#7a2e0e;background:#ffbf85;transform:translateY(2px);box-shadow:inset 0 -2px #e79552}.ghannuota-peg:disabled{opacity:.45;cursor:default;transform:none}@media (prefers-reduced-motion:reduce){.ghannuota-peg{transition:none}}.ghannuota .g-stat{min-width:58px}@media (max-width:720px){.ghannuota .g-bar{gap:6px}.ghannuota .g-stat{min-width:50px;padding:3px 7px}.ghannuota .g-stat-val{font-size:16px}.ghannuota .g-select{padding:6px 8px;font-size:13px}.ghannuota-canvas{box-shadow:0 0 0 2px #2b2420,0 4px 0 2px #a48d74,0 7px 12px 2px #2b242024}.ghannuota-pad{gap:6px;margin-top:12px}.ghannuota-peg{padding:12px 0 15px;font-size:14px}}.is-fs .ghannuota>.g-cloud{display:none}@media (max-height:480px){.ghannuota-pad{margin-top:6px}.ghannuota-peg{padding:7px 0 10px;font-size:13px}}