.gk{--gk-max:34rem;--gk-vh:100vh;--gk-chrome:19.5rem;--gk-min:15rem;gap:var(--s-3);width:100%;max-width:min(var(--gk-max), max(var(--gk-min), calc(var(--gk-vh) - var(--gk-chrome))));flex-direction:column;margin-inline:auto;display:flex}@supports (height:100dvh){.gk{--gk-vh:100dvh}}@media (width<=640px){.gk{--gk-chrome:16.5rem}}.gk-wide{--gk-max:100%;max-width:var(--gk-max)}.tool-page:has(.gk){padding-block:var(--s-3) 0;grid-template-rows:none;grid-template-areas:"crumbs""title""work""intro""priv""ad""content""side"}@media (width>=1024px){.tool-page:has(.gk):not(.is-wide):not(.no-side){grid-template-rows:auto auto auto auto auto auto 1fr;grid-template-areas:"crumbs side""title side""work side""intro side""priv side""ad side""content side"}}.tool-page:has(.gk) .tool-head{display:contents}.tool-page:has(.gk) .tool-head .breadcrumbs{grid-area:crumbs}.tool-page:has(.gk) .tool-head h1{margin:0 0 var(--s-3);font-size:clamp(1.375rem, 4.4vw, var(--fs-xl));grid-area:title}.tool-page:has(.gk) .tool-head .tool-intro{margin-top:var(--s-5);grid-area:intro}.tool-page:has(.gk) .tool-head .privacy-chip{margin-top:var(--s-3);grid-area:priv;justify-self:start}.tool-page:has(.gk) .workspace{margin-top:0}.tool-page:has(.gk) .workspace>.panel{padding:var(--s-3)}@media (width>=768px){.tool-page:has(.gk) .workspace>.panel{padding:var(--s-4)}}.tool-page:has(.gk) .tool-content{margin-top:var(--s-6)}.gk-top{gap:var(--s-3);flex-direction:column;display:flex}.gk-stats{gap:var(--s-2);grid-template-columns:repeat(auto-fit,minmax(5rem,1fr));display:grid}.gk-stat{min-width:0;padding:var(--s-2) var(--s-3);border:1px solid var(--border);border-radius:var(--r-2);background:var(--surface-2);flex-direction:column;align-items:flex-start;display:flex}.gk-stat-l{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--text-3);line-height:1.3}.gk-stat-v{font-family:var(--font-mono);font-size:var(--fs-lg);font-variant-numeric:tabular-nums;color:var(--text);font-weight:600;line-height:1.2}.gk-actions{gap:var(--s-2);flex-wrap:wrap;align-items:center;display:flex}.gk-fill>.btn{flex:7rem}.gk-options{gap:var(--s-2) var(--s-5);flex-wrap:wrap;align-items:flex-end;display:flex}.gk-board-wrap{width:100%;position:relative}.gk-play{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.gk-overlay{z-index:5;justify-content:center;align-items:center;gap:var(--s-3);padding:var(--s-4);text-align:center;border-radius:inherit;background:color-mix(in srgb, var(--surface) 86%, transparent);backdrop-filter:blur(2px);flex-direction:column;display:flex;position:absolute;inset:0}.gk-overlay[hidden]{display:none}.gk-overlay h3{font-size:var(--fs-xl);line-height:var(--lh-tight)}.gk-overlay p{color:var(--text-2);max-width:24rem}.gk-confirm{justify-content:space-between;align-items:center;gap:var(--s-3);padding:var(--s-3) var(--s-4);border:1px solid var(--warn-border);border-radius:var(--r-2);background:var(--warn-soft);color:var(--text);flex-wrap:wrap;display:flex}.gk-confirm[hidden]{display:none}.gk-confirm p{font-size:var(--fs-sm)}.gk-help,.gk-statsbox{border-top:1px solid var(--border);padding-top:var(--s-3)}.gk-help>summary,.gk-statsbox>summary{cursor:pointer;font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--text-2);min-height:var(--control-h-sm);justify-content:space-between;align-items:center;gap:var(--s-2);font-weight:500;display:flex}.gk-help>summary:after,.gk-statsbox>summary:after{content:"";width:.5em;height:.5em;transition:transform .15s var(--ease);border-bottom:2px solid;border-right:2px solid;flex:none;transform:rotate(45deg)}.gk-help[open]>summary:after,.gk-statsbox[open]>summary:after{transform:rotate(-135deg)}.gk-help>summary:focus-visible,.gk-statsbox>summary:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:var(--r-1)}.gk-help ul,.gk-help ol{margin:var(--s-2) 0 0;padding-left:var(--s-5);gap:var(--s-1);color:var(--text-2);font-size:var(--fs-sm);display:grid}.gk-help p{margin-top:var(--s-2);color:var(--text-2);font-size:var(--fs-sm)}.gk-help kbd{font-family:var(--font-mono)}.gk-table{border-collapse:collapse;width:100%;font-size:var(--fs-sm);margin-top:var(--s-2)}.gk-table th,.gk-table td{text-align:left;padding:var(--s-2) var(--s-2);border-bottom:1px solid var(--border)}.gk-table th{color:var(--text-2);font-weight:500}.gk-table td{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.gk-table td:last-child{text-align:right}.gk-link-btn{font-size:var(--fs-sm);color:var(--accent-text);padding:var(--s-2) 0;cursor:pointer;min-height:var(--control-h-sm);background:0 0;border:0;text-decoration:underline}.gk-dpad{gap:var(--s-1);grid-template-rows:repeat(2,3.25rem);grid-template-columns:repeat(3,3.25rem);justify-content:center;display:grid}.gk-dpad button:first-child{grid-area:1/2}.gk-dpad button:nth-child(2){grid-area:2/1}.gk-dpad button:nth-child(3){grid-area:2/2}.gk-dpad button:nth-child(4){grid-area:2/3}.gk-dpad .btn{touch-action:manipulation;width:100%;min-width:0;height:100%;padding:0}.gk-dpad[hidden]{display:none}@media (prefers-reduced-motion:reduce){.gk-overlay{backdrop-filter:none}.gk-help>summary:after,.gk-statsbox>summary:after{transition:none}}@media (pointer:coarse),(width<=640px){.gk .seg-item span,.gk .gk-link-btn,.gk .gk-help>summary,.gk .gk-statsbox>summary{min-height:44px}}