:root { --gr-paper:#efe6d2; --gr-ink:#2f2a25; --gr-muted:#6e6256; --gr-board:#d8c8a8; --gr-neutral:#86765f; }

html.group-role-active, body.group-role-active { width:100%; height:100%; overflow:hidden; overscroll-behavior:none; }
body.group-role-active #app { width:100%; height:100%; }
body.group-role-active .bg-image-layer, body.group-role-active .noise-layer, body.group-role-active #laxxm-support-widget { display:none !important; }
body.group-role-playing { --gr-play-art-opacity:.12; background:radial-gradient(circle at 14% 8%,rgba(135,119,92,.16),transparent 24%),radial-gradient(circle at 86% 86%,rgba(108,94,76,.13),transparent 27%),linear-gradient(155deg,#171614,#292620 56%,#181715); }
body.group-role-playing::before { content:''; position:fixed; inset:0; z-index:0; opacity:var(--gr-play-art-opacity); pointer-events:none; background-image:linear-gradient(rgba(20,18,15,.54),rgba(20,18,15,.64)),url('/assets/images/mini-games/group-role/play-background-desktop.png'); background-size:cover; background-position:center; background-repeat:no-repeat; filter:saturate(.55) contrast(.86); }

.mini-test-home-card--scenario-board .v2-card-bg { overflow:hidden; background:linear-gradient(150deg,#332f27,#181715); }
.mini-test-home-card--scenario-board .v2-card-bg::before { inset:12% 15% 28%; border:1px solid rgba(79,67,50,.42); border-radius:9px; transform:rotate(-2deg); background:linear-gradient(165deg,#e6d9bb,#c9b790); box-shadow:0 8px 20px rgba(0,0,0,.22); }
.mini-test-home-card--scenario-board .v2-card-bg::after { width:42%; height:30%; top:24%; right:21%; border:0; border-radius:4px; transform:rotate(5deg); background:linear-gradient(90deg,transparent 0 12%,rgba(83,72,56,.72) 13% 16%,transparent 17% 41%,rgba(83,72,56,.72) 42% 45%,transparent 46% 70%,rgba(83,72,56,.72) 71% 74%,transparent 75%),linear-gradient(#f3ead7,#d9c9a9); box-shadow:-22px 17px 0 -8px #b6a27e,20px 19px 0 -10px #efe2c7; }
.mini-test-home-card--scenario-board .mini-test-home-symbol { color:#4d4337; text-shadow:none; transform:rotate(-8deg); }
.mini-test-home-card--scenario-board .v2-card-img { object-fit:cover; object-position:center; }

.info-modal--group-role { overflow-x:hidden; }
.info-modal--group-role .mini-test-info-hero { position:relative; height:180px; overflow:hidden; background:linear-gradient(155deg,#2c2923,#171614); }
.info-modal--group-role .mini-test-info-hero::before { content:''; position:absolute; inset:13% 17%; border-radius:11px; background:linear-gradient(160deg,#eadfc8,#cbb893); box-shadow:0 11px 28px rgba(0,0,0,.28); transform:rotate(-1deg); }
.info-modal--group-role .mini-test-info-hero::after { content:''; position:absolute; width:48%; height:38%; right:22%; top:29%; border-radius:5px; background:linear-gradient(90deg,transparent 0 14%,#635747 15% 18%,transparent 19% 43%,#635747 44% 47%,transparent 48% 72%,#635747 73% 76%,transparent 77%),linear-gradient(#f6eedc,#d6c39e); box-shadow:-30px 20px 0 -10px #ad9974,26px 22px 0 -12px #efe2c7; transform:rotate(3deg); }
.info-modal--group-role .mini-test-info-hero > * { position:relative; z-index:1; color:#4c4236; text-shadow:none; }
.info-modal--group-role .info-modal-hero img { width:100%; height:100%; object-fit:contain; object-position:center; background:#f4ead4; }
.info-modal--group-role .info-modal-guide { margin:0 0 16px; color:rgba(255,255,255,.72); font-size:13px; line-height:1.5; }
.info-modal--group-role button { pointer-events:auto; touch-action:manipulation; }
.info-modal--group-role button > *, .info-modal--group-role .mini-test-info-hero > * { pointer-events:none; }

.gr-runtime-shell, .gr-runtime-result, .gr-runtime-legacy { position:fixed; inset:0; z-index:20; box-sizing:border-box; color:#f7f1e5; font-family:Pretendard Variable,Pretendard,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; background:radial-gradient(circle at 14% 8%,rgba(135,119,92,.16),transparent 24%),radial-gradient(circle at 86% 86%,rgba(108,94,76,.13),transparent 27%),linear-gradient(155deg,#171614,#292620 56%,#181715); }
.gr-runtime-shell { display:grid; grid-template-rows:48px minmax(230px,42%) minmax(0,1fr); gap:8px; width:min(100%,1080px); height:100dvh; max-height:980px; margin:auto; padding:max(8px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left)); overflow:hidden; isolation:isolate; background:transparent; }
.gr-runtime-shell::before { content:none; }
.gr-runtime-shell > * { position:relative; z-index:1; }
.gr-runtime-header { grid-row:1; display:flex; align-items:center; justify-content:space-between; min-height:44px; z-index:3; }
.gr-runtime-close { display:grid; place-items:center; width:44px; height:44px; padding:0; border:1px solid rgba(255,255,255,.15); border-radius:50%; color:#f7f1e5; background:rgba(0,0,0,.18); font:inherit; font-size:25px; line-height:1; cursor:pointer; touch-action:manipulation; }
.gr-runtime-progress { display:flex; align-items:baseline; gap:5px; margin:0 3px 0 0; color:rgba(255,250,240,.63); font-size:12px; letter-spacing:.08em; }
.gr-runtime-progress strong { color:#fff8ea; font-size:17px; }

.gr-board { grid-row:2; position:relative; min-height:0; padding:9px 10px 8px; border:1px solid rgba(255,245,223,.18); border-radius:18px; background:rgba(34,31,26,.94); box-shadow:0 8px 22px rgba(0,0,0,.16); overflow:hidden; }
.gr-board__sr { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.gr-board__paper { position:relative; height:calc(100% - 43px); min-height:145px; overflow:hidden; border-radius:12px; background:linear-gradient(rgba(112,96,70,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(112,96,70,.07) 1px,transparent 1px),linear-gradient(160deg,#eee4cf,#d8c7a7); background-size:22px 22px,22px 22px,auto; box-shadow:inset 0 0 0 1px rgba(91,77,57,.18); }
.gr-board__paper::before { content:''; position:absolute; inset:0; pointer-events:none; background:radial-gradient(circle at 18% 22%,rgba(255,255,255,.3),transparent 18%),radial-gradient(circle at 80% 76%,rgba(98,79,54,calc(var(--gr-mood)*.018)),transparent 25%); }
.gr-board__connections { position:absolute; inset:0; width:100%; height:100%; overflow:visible; pointer-events:none; }
.gr-board__connections line { stroke:#74634c; stroke-width:1.4; stroke-linecap:round; stroke-dasharray:3 2; vector-effect:non-scaling-stroke; }
.gr-marker { position:absolute; display:block; width:34px; height:34px; margin:-17px 0 0 -17px; border:2px solid #75654f; border-radius:50% 50% 46% 48%; background:#bbaa8c; box-shadow:0 3px 0 rgba(84,69,50,.16); transition:left .2s ease,top .2s ease,transform .2s ease,filter .2s ease; }
.gr-marker::before, .gr-marker::after { content:''; position:absolute; top:12px; width:3px; height:3px; border-radius:50%; background:#5c5041; }
.gr-marker::before { left:9px; }.gr-marker::after { right:9px; }
.gr-marker i { position:absolute; width:12px; height:5px; left:9px; bottom:7px; border-bottom:1.5px solid #5c5041; border-radius:0 0 50% 50%; }
.gr-marker b { display:none; }
.gr-marker.is-active { background:#e7d7b7; transform:translateY(-2px); }
.gr-marker.brightness-1 { background:#e8d9ba; box-shadow:0 0 0 3px rgba(117,97,67,.12); }
.gr-marker.brightness-2 { background:#f7ead0; box-shadow:0 0 0 4px rgba(117,97,67,.15),0 0 13px rgba(106,87,59,.28); }
.gr-marker.is-quiet-dim { filter:saturate(.35); opacity:.52; transform:scale(.88); }
.gr-marker.is-quiet-bright { filter:none; opacity:1; background:#f7ead0; box-shadow:0 0 0 4px rgba(117,97,67,.16),0 0 14px rgba(106,87,59,.3); transform:scale(1.06); }
.gr-marker[data-marker-slot="initial-1"]{left:20%;top:22%}.gr-marker[data-marker-slot="initial-2"]{left:49%;top:17%}.gr-marker[data-marker-slot="initial-3"]{left:77%;top:28%}.gr-marker[data-marker-slot="initial-4"]{left:31%;top:65%}.gr-marker[data-marker-slot="initial-5"]{left:70%;top:70%}.gr-marker[data-marker-slot="scattered-3"]{left:88%;top:52%;transform:rotate(10deg)}
.gr-cards { position:absolute; left:43%; top:43%; display:flex; gap:5px; transform:translate(-50%,-50%) rotate(-2deg); }
.gr-card { position:relative; display:block; width:36px; height:27px; border:1px solid rgba(87,71,50,.3); border-radius:4px; background:#f4ead4; box-shadow:0 2px 4px rgba(70,56,38,.12); }
.gr-card:nth-child(2){transform:rotate(5deg)}.gr-card:nth-child(3){transform:rotate(-4deg)}
.gr-card i { position:absolute; left:4px; top:3px; color:#80705a; font:700 8px/1 monospace; }
.gr-card b { position:absolute; right:4px; bottom:4px; width:9px; height:9px; border:1px solid #76654f; border-radius:50%; background:#d8c6a5; }
.gr-card em { position:absolute; inset:3px; display:grid; place-items:center; border:1.5px solid #665844; border-radius:50%; color:#665844; font:700 12px/1 sans-serif; }
.gr-card.is-complete { background:#e7dfc4; transform:rotate(-1deg); }
.gr-warnings { position:absolute; top:6px; right:7px; display:flex; gap:4px; }
.gr-warnings span { display:grid; place-items:center; width:18px; height:18px; border:1px solid #76634d; border-radius:50% 50% 45% 48%; color:#594b3c; background:#d8c18f; font:800 11px/1 sans-serif; transform:rotate(6deg); }
.gr-guidelines { position:absolute; left:8px; bottom:9px; display:grid; gap:3px; width:48px; }
.gr-guidelines i { height:1px; background:#76634c; transform:rotate(-3deg); }
.gr-stamps { position:absolute; right:9px; bottom:8px; display:flex; gap:3px; }
.gr-stamps i { display:grid; place-items:center; width:20px; height:20px; border:2px solid #76634c; border-radius:50%; color:#665640; font:800 10px/1 sans-serif; transform:rotate(-8deg); }
.gr-future-card { position:absolute; left:7px; top:7px; padding:4px 6px; border:1px solid #7c6b54; border-radius:3px; color:#5b4e3e; background:#eadab9; font:700 8px/1 sans-serif; transform:rotate(-4deg); }
.gr-pulse { position:absolute; left:50%; top:50%; width:34px; height:34px; border:1px solid rgba(96,79,55,.3); border-radius:50%; transform:translate(-50%,-50%) scale(calc(1 + var(--gr-pulse)*.08)); opacity:calc(.15 + var(--gr-pulse)*.07); }
.gr-stage-dots { display:grid; grid-template-columns:repeat(8,1fr); gap:5px; height:5px; margin:7px 2px 0; }
.gr-stage-dots i { border-radius:99px; background:rgba(255,246,226,.12); }
.gr-stage-dots i.is-done { background:#d8c49e; box-shadow:0 0 5px rgba(216,196,158,.28); }
.gr-reaction { height:18px; margin:5px 2px 0; overflow:hidden; color:rgba(255,248,232,.68); font-size:11px; line-height:18px; white-space:nowrap; text-overflow:ellipsis; }

.gr-action-panel { grid-row:3; display:grid; grid-template-rows:auto minmax(0,1fr); gap:8px; min-height:0; }
.gr-action-copy { min-height:67px; text-align:center; }
.gr-action-copy p { max-width:820px; margin:0 auto 5px; padding:4px 8px; border-radius:8px; color:#f6ead6; background:rgba(22,20,17,.76); box-shadow:inset 0 0 0 1px rgba(255,245,225,.045); font-size:clamp(13px,3.2vw,15px); font-weight:500; line-height:1.42; text-shadow:0 1px 2px rgba(0,0,0,.36); }
.gr-action-copy h1 { max-width:760px; margin:0 auto; color:#fff7e8; font-size:clamp(18px,4.8vw,27px); line-height:1.18; letter-spacing:-.025em; outline:none; }
.gr-actions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); grid-template-rows:repeat(2,minmax(0,1fr)); gap:7px; min-height:0; }
.gr-runtime-shell.is-q8 .gr-actions { grid-template-rows:1fr; }
.gr-action-card { position:relative; display:grid; grid-template-columns:34px minmax(0,1fr); align-items:center; gap:8px; min-width:0; min-height:44px; padding:9px 10px; overflow:hidden; border:1px solid rgba(255,244,220,.14); border-radius:14px; color:#fff8ea; background:linear-gradient(155deg,rgba(255,250,236,.095),rgba(255,255,255,.025)); font:inherit; text-align:left; cursor:pointer; touch-action:manipulation; -webkit-tap-highlight-color:transparent; transition:transform .16s ease,border-color .16s ease,background .16s ease,opacity .16s ease; }
.gr-action-card:hover { border-color:rgba(232,214,178,.34); background:linear-gradient(155deg,rgba(255,250,236,.14),rgba(255,255,255,.04)); }
.gr-action-card:disabled { cursor:default; }
.gr-action-card.is-selected { border-color:#ded0b7; transform:scale(.985); }
.gr-action-card__icon { position:relative; display:block; width:32px; height:32px; border:1px solid rgba(235,220,191,.3); border-radius:50%; pointer-events:none; }
.gr-action-card__icon i, .gr-action-card__icon b { position:absolute; display:block; pointer-events:none; }
.gr-action-card__icon i { width:11px; height:1px; left:5px; top:15px; background:#c9b795; transform:rotate(-8deg); }
.gr-action-card__icon b { width:5px; height:5px; right:6px; top:12px; border:1px solid #c9b795; border-radius:50%; }
.gr-action-card__text { display:-webkit-box; overflow:visible; color:inherit; font-size:clamp(12px,3.2vw,15px); font-weight:650; line-height:1.28; letter-spacing:-.015em; white-space:normal; text-overflow:clip; -webkit-line-clamp:2; -webkit-box-orient:vertical; pointer-events:none; }
.gr-runtime-close:focus-visible, .gr-action-card:focus-visible, .gr-result-actions button:focus-visible, .gr-runtime-legacy button:focus-visible { outline:2px solid #ead8b4; outline-offset:2px; }
.gr-action-card > *, .gr-runtime-close > *, .gr-result-actions button > * { pointer-events:none; }
.gr-runtime-shell.is-committed .gr-action-card:not(.is-selected) { opacity:.48; }
.gr-runtime-shell.is-result-reveal::after { content:''; position:fixed; inset:0; z-index:20; pointer-events:none; background:radial-gradient(circle at 50% 48%,color-mix(in srgb,var(--gr-result-color) 55%,transparent),transparent 43%); animation:gr-reveal .32s ease both; }
@keyframes gr-reveal { from{opacity:0;transform:scale(.9)} to{opacity:1;transform:scale(1)} }

.gr-runtime-result { overflow-y:auto; overscroll-behavior:contain; padding:max(9px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) max(28px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left)); }
.gr-runtime-result .gr-runtime-header { position:sticky; top:0; z-index:3; width:min(100%,780px); margin:auto; backdrop-filter:blur(11px); }
.gr-runtime-result article { width:min(100%,760px); margin:0 auto; padding:4px 0 34px; text-align:center; }
.gr-result-visual { display:grid; place-items:center; width:min(58vw,250px); aspect-ratio:4/5; margin:5px auto 16px; }
.gr-result-image, .gr-result-visual .gr-result-emblem { grid-area:1/1; }
.gr-result-image { display:block; width:100%; height:100%; border-radius:18px; object-fit:contain; object-position:center; opacity:0; }
.gr-result-visual[data-gr-image-state="loaded"] .gr-result-image { opacity:1; }
.gr-result-visual[data-gr-image-state="loaded"] .gr-result-emblem { display:none; }
.gr-result-visual[data-gr-image-state="error"] .gr-result-image { display:none; }
.gr-result-emblem { position:relative; width:min(46vw,190px); aspect-ratio:1; margin:0; border-radius:50%; background:radial-gradient(circle,color-mix(in srgb,var(--gr-result-color) 76%,white) 0 7%,var(--gr-result-color) 8% 14%,color-mix(in srgb,var(--gr-result-color) 32%,transparent) 15% 42%,transparent 68%); box-shadow:0 0 40px color-mix(in srgb,var(--gr-result-color) 34%,transparent); }
.gr-result-emblem i, .gr-result-emblem span, .gr-result-emblem b { position:absolute; display:block; border:2px solid color-mix(in srgb,var(--gr-result-color) 68%,white); pointer-events:none; }
.gr-result-emblem i { inset:28%; border-radius:50%; }.gr-result-emblem span { width:42%; height:0; left:29%; top:50%; transform:rotate(-8deg); }.gr-result-emblem b { width:16px; height:16px; right:22%; top:25%; border-radius:50%; }
.gr-result-emblem[data-gr-emblem="people-connection-line"] i { inset:35% 58% 35% 18%; box-shadow:52px 0 0 -2px color-mix(in srgb,var(--gr-result-color) 34%,transparent); }.gr-result-emblem[data-gr-emblem="people-connection-line"] span{width:48%;left:26%;}
.gr-result-emblem[data-gr-emblem="gap-magnifier-marker"] i { inset:27% 34% 35% 26%; }.gr-result-emblem[data-gr-emblem="gap-magnifier-marker"] span { width:29%; left:55%; top:67%; transform:rotate(43deg); }
.gr-result-emblem[data-gr-emblem="final-completion-stamp"] i { inset:25%; border-width:3px; }.gr-result-emblem[data-gr-emblem="final-completion-stamp"] span { width:24%; left:31%; top:54%; transform:rotate(38deg); }.gr-result-emblem[data-gr-emblem="final-completion-stamp"] b { width:37%; height:0; left:43%; top:48%; border-width:2px 0 0; border-radius:0; transform:rotate(-48deg); }
.gr-result-eyebrow { margin:0 0 7px; color:color-mix(in srgb,var(--gr-result-color) 48%,white); font-size:12px; letter-spacing:.1em; }
.gr-runtime-result h1 { margin:0; color:#fff8eb; font-size:clamp(28px,7vw,43px); line-height:1.14; letter-spacing:-.035em; outline:none; }
.gr-result-summary { margin:13px auto 0; color:color-mix(in srgb,var(--gr-result-color) 55%,white); font-size:clamp(16px,4vw,19px); font-weight:700; line-height:1.48; }
.gr-result-body { margin:18px auto 0; color:rgba(255,250,240,.78); font-size:15px; line-height:1.72; text-align:left; }
.gr-result-details { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:9px; margin:20px 0 0; text-align:left; }
.gr-result-details section { padding:15px; border:1px solid rgba(255,245,224,.12); border-radius:14px; background:rgba(255,255,255,.045); }
.gr-result-details h2, .gr-result-board > h2 { margin:0 0 7px; color:color-mix(in srgb,var(--gr-result-color) 48%,white); font-size:12px; }
.gr-result-details p { margin:0; color:rgba(255,250,240,.72); font-size:13px; line-height:1.58; }
.gr-result-share { margin:17px 0 0; color:rgba(255,248,232,.84); font-size:14px; }
.gr-result-board { margin:20px 0 0; text-align:left; }
.gr-board--compact { height:210px; padding:8px; }
.gr-board--compact .gr-board__paper { height:160px; min-height:0; }
.gr-result-actions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; margin:20px 0 0; }
.gr-result-actions button, .gr-runtime-legacy button { min-height:48px; padding:11px 13px; border:1px solid rgba(255,245,224,.16); border-radius:13px; color:#fff8eb; background:rgba(255,255,255,.07); font:inherit; cursor:pointer; touch-action:manipulation; }
.gr-result-actions button:last-of-type { grid-column:1/-1; }
.gr-runtime-toast { min-height:22px; margin:9px 0 0; color:#e7d2ac; opacity:0; transition:opacity .18s ease; }.gr-runtime-toast.is-visible{opacity:1}
.gr-runtime-legacy { display:grid; place-items:center; padding:22px; }.gr-runtime-legacy section{width:min(100%,470px);padding:27px;border:1px solid rgba(255,245,224,.14);border-radius:20px;background:rgba(25,23,20,.8);text-align:center}.gr-runtime-legacy h1{margin:7px 0 12px;font-size:27px}.gr-runtime-legacy p{color:rgba(255,250,240,.68);line-height:1.6}.gr-runtime-legacy button{width:100%;margin-top:8px}

@media (max-width:560px) {
  .info-modal--group-role { max-height:calc(100dvh - 12px); padding-bottom:12px; }
  .info-modal--group-role .info-modal-hero { height:105px; max-height:105px; margin-bottom:5px; }
  .info-modal--group-role .info-modal-title { margin-bottom:4px; font-size:18px; line-height:1.2; }
  .info-modal--group-role .info-modal-desc, .info-modal--group-role .info-modal-guide { margin-bottom:6px; font-size:10.5px; line-height:1.31; }
  .info-modal--group-role .info-modal-start { min-height:44px; padding:9px 12px; font-size:13px; }
  .gr-runtime-shell { grid-template-rows:46px minmax(220px,39%) minmax(0,1fr); gap:6px; padding-left:max(8px,env(safe-area-inset-left)); padding-right:max(8px,env(safe-area-inset-right)); }
  .gr-board { border-radius:15px; padding:7px 8px 6px; }.gr-board__paper{height:calc(100% - 39px);min-height:134px}.gr-marker{width:30px;height:30px;margin:-15px 0 0 -15px}.gr-marker::before,.gr-marker::after{top:10px}.gr-marker i{left:8px;bottom:6px}
  .gr-action-copy { min-height:72px; }.gr-action-copy p{margin-bottom:3px}.gr-actions{gap:6px}.gr-action-card{grid-template-columns:28px minmax(0,1fr);gap:6px;padding:7px 8px;border-radius:12px}.gr-action-card__icon{width:27px;height:27px}.gr-action-card__icon i{top:13px}.gr-action-card__icon b{top:10px}
  .gr-result-details{grid-template-columns:1fr}.gr-board--compact{height:195px}.gr-board--compact .gr-board__paper{height:147px}
}

@media (orientation:portrait) and (max-width:1024px) {
  body.group-role-playing::before { background-image:linear-gradient(rgba(20,18,15,.52),rgba(20,18,15,.64)),url('/assets/images/mini-games/group-role/play-background-mobile.png'); }
}

@media (orientation:landscape) and (max-height:500px) {
  .info-modal--group-role { max-height:calc(100dvh - 8px); padding-bottom:7px; }
  .info-modal--group-role .info-modal-hero { height:50px; max-height:50px; margin-bottom:2px; }.info-modal--group-role .info-modal-cat{margin-bottom:1px}.info-modal--group-role .info-modal-title{margin-bottom:2px;font-size:15px}.info-modal--group-role .info-modal-desc,.info-modal--group-role .info-modal-guide{margin-bottom:2px;font-size:9px;line-height:1.15}.info-modal--group-role .info-modal-start{min-height:44px;padding:5px 9px;font-size:11px}
  .gr-runtime-shell { grid-template-columns:minmax(210px,39%) minmax(0,1fr); grid-template-rows:44px minmax(0,1fr); gap:5px 10px; width:100%; max-width:1100px; padding:4px max(8px,env(safe-area-inset-right)) 5px max(8px,env(safe-area-inset-left)); }
  .gr-runtime-header{grid-column:1;grid-row:1}.gr-board{grid-column:1;grid-row:2;min-height:0;padding:5px 6px}.gr-board__paper{height:calc(100% - 34px);min-height:0}.gr-stage-dots{margin-top:4px}.gr-reaction{height:14px;margin-top:2px;font-size:9px;line-height:14px}
  .gr-action-panel{grid-column:2;grid-row:1/3;grid-template-rows:auto minmax(0,1fr);gap:5px}.gr-action-copy{min-height:54px;text-align:left}.gr-action-copy p{max-width:none;margin:0 0 3px;padding:2px 6px;font-size:12px;line-height:1.36}.gr-action-copy h1{max-width:none;margin:0;font-size:clamp(15px,2.4vw,20px)}
  .gr-actions,.gr-runtime-shell.is-q8 .gr-actions{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:5px}.gr-action-card{grid-template-columns:25px minmax(0,1fr);gap:5px;padding:5px 7px;border-radius:10px}.gr-action-card__icon{width:23px;height:23px}.gr-action-card__icon i{top:11px}.gr-action-card__icon b{top:8px}.gr-action-card__text{font-size:clamp(10px,1.7vw,13px);line-height:1.18}
  .gr-marker{width:25px;height:25px;margin:-12px 0 0 -12px}.gr-marker::before,.gr-marker::after{top:8px}.gr-marker::before{left:7px}.gr-marker::after{right:7px}.gr-marker i{width:9px;left:7px;bottom:5px}.gr-card{width:30px;height:22px}
}

@media (min-width:900px) and (min-height:700px) {
  .gr-runtime-shell { grid-template-columns:minmax(390px,46%) minmax(0,1fr); grid-template-rows:52px minmax(0,1fr); gap:12px 18px; max-height:900px; padding:14px 18px 18px; }
  .gr-runtime-header{grid-column:1;grid-row:1}.gr-board{grid-column:1;grid-row:2;align-self:center;height:min(72vh,620px)}.gr-board__paper{height:calc(100% - 44px)}.gr-action-panel{grid-column:2;grid-row:1/3;align-self:center;height:min(76vh,660px)}.gr-action-copy{align-self:end;min-height:120px}.gr-actions{min-height:430px}.gr-action-card{grid-template-columns:42px minmax(0,1fr);padding:15px 14px}.gr-action-card__icon{width:40px;height:40px}.gr-action-card__icon i{top:19px}.gr-action-card__icon b{top:16px}.gr-action-card__text{font-size:16px}
}

@media (prefers-reduced-motion:reduce) {
  .gr-marker,.gr-action-card,.gr-runtime-toast{transition:none!important}.gr-runtime-shell.is-result-reveal::after{animation:none!important}.gr-pulse{display:none}
}