@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{--bg:#0e1518;--panel:#172124;--line:#2d3b3f;--text:#e9ece7;--muted:#8d9d9e;--accent:#e8a65e;--mint:#8bccb8;--red:#ef8690}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:DM Sans,sans-serif;font-size:14px}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.38}:is(button:focus-visible,a:focus-visible,input:focus-visible,canvas:focus-visible){outline:2px solid var(--accent);outline-offset:4px}[hidden]{display:none!important}a{color:inherit;text-decoration:none}.masthead{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;max-width:1540px;margin:auto;padding:28px 48px;display:flex}.brand{letter-spacing:1px;align-items:center;gap:12px;font-family:Space Grotesk,sans-serif;font-size:19px;font-weight:700;display:flex}.mark{color:var(--accent);font-size:43px;line-height:1}.brand small{color:var(--muted);letter-spacing:2.4px;margin-top:3px;font-size:8px;font-weight:500;display:block}.header-right{letter-spacing:1.4px;color:var(--muted);align-items:center;gap:9px;font-size:10px;display:flex}.version{border:1px solid var(--line);margin-left:22px;padding:7px 9px;font-family:monospace;font-size:10px}.status-dot{background:var(--mint);border-radius:50%;width:6px;height:6px;display:inline-block;box-shadow:0 0 10px #8bccb844}.landing{grid-template-columns:.88fr 1.2fr;align-items:center;gap:74px;max-width:1460px;min-height:calc(100vh - 180px);margin:auto;padding:74px 48px 62px;display:grid}.eyebrow{letter-spacing:2px;color:var(--accent);font-family:Space Grotesk,sans-serif;font-size:10px;font-weight:600}h1{letter-spacing:-3px;margin:24px 0;font-family:Space Grotesk,sans-serif;font-size:clamp(42px,4.3vw,68px);line-height:1.07}h1 em{color:var(--accent);font-style:normal}.lead{color:var(--muted);margin:0 0 30px;font-size:16px;line-height:1.65}.access{max-width:390px}label{letter-spacing:2px;color:var(--muted);margin-bottom:10px;font-size:9px;display:block}input{border:1px solid var(--line);min-width:0;color:var(--text);background:#182226;border-radius:5px;outline:none;padding:14px 16px}input:focus{border-color:var(--accent)}input::placeholder{color:#667b7e}.access>input{width:100%;margin-bottom:12px}.button{border:1px solid #0000;border-radius:5px;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;font-weight:600;transition:background .15s,transform .15s;display:inline-flex}.button:not(:disabled):hover{filter:brightness(1.1);transform:translateY(-1px)}.primary{background:var(--accent);color:#152023}.access>.primary{width:100%;padding:15px 17px}.secondary{border-color:var(--line);color:var(--text);background:#223035}.divider{letter-spacing:1.8px;color:#758b8e;align-items:center;gap:12px;margin:21px 0;font-size:8px;display:flex}.divider:before,.divider:after{content:"";background:var(--line);flex:1;height:1px}.join-row{gap:10px;display:flex}.join-row input{letter-spacing:3px;text-transform:uppercase;flex:1;font-family:monospace}.join-row button{white-space:nowrap}.error{color:var(--red);min-height:16px;font-size:12px;line-height:1.4}.quick-rules{border-top:1px solid var(--line);color:var(--muted);flex-wrap:wrap;gap:17px;margin-top:25px;padding-top:25px;font-size:10px;display:flex}.quick-rules b{color:var(--accent);margin-right:6px;font-family:monospace;font-weight:400}.station-preview{background:linear-gradient(150deg,#1c2c30,#142023);border:1px solid #35484b;border-radius:9px;position:relative;overflow:hidden;transform:perspective(1800px)rotateY(-5deg);box-shadow:0 20px 80px #0004}.preview-head,.preview-footer{color:#9faeb0;letter-spacing:1.3px;justify-content:space-between;align-items:center;gap:12px;padding:17px 20px;font-size:9px;display:flex}.preview-head{border-bottom:1px solid var(--line)}.preview-footer{border-top:1px solid var(--line);letter-spacing:0;font-size:10px}.signal-bars{color:var(--accent);letter-spacing:2px}.mono{font-family:monospace;font-size:8px}canvas{width:100%;height:auto;display:block}.game-shell{max-width:1540px;margin:auto;padding:26px 48px 32px}.game-top{align-items:center;gap:28px;margin-bottom:23px;display:flex}.game-top h2{margin:6px 0 0;font-family:Space Grotesk,sans-serif;font-size:23px}.room-share{margin-left:auto}.room-share>span,.timer>span{color:var(--muted);letter-spacing:1.5px;margin-bottom:5px;font-size:8px;display:block}.room-share button{color:var(--accent);letter-spacing:4px;background:0 0;border:0;padding:0;font-family:Space Grotesk,monospace;font-size:24px}.room-share small{color:var(--muted);font-size:16px}.timer{border-left:1px solid var(--line);min-width:86px;padding-left:24px}.timer strong{font-family:monospace;font-size:23px;font-weight:400}.icon-button{border:1px solid var(--line);color:var(--muted);background:0 0;border-radius:5px;width:36px;height:36px;font-size:22px}.game-layout{grid-template-columns:minmax(0,1fr) 280px;gap:24px;display:grid}.play-area{min-width:0}.canvas-top{border:1px solid var(--line);background:#172427;border-radius:7px 7px 0 0;justify-content:space-between;align-items:center;padding:13px 17px;display:flex}.role-badge{letter-spacing:1px;color:var(--mint);font-size:9px;font-weight:700}.role-badge.bad{color:var(--red)}.task-meter{letter-spacing:1px;color:var(--muted);align-items:center;gap:10px;font-size:8px;display:flex}.task-meter>div{background:#334245;width:115px;height:4px;overflow:hidden}.task-meter i{background:var(--mint);width:0;height:100%;transition:width .25s;display:block}.canvas-wrap{border:1px solid var(--line);background:#111b1e;border-top:0;position:relative;overflow:hidden}#game-canvas{touch-action:none}.canvas-note,.result{text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#142126ed;border:1px solid #526065;border-radius:9px;width:355px;max-width:90%;padding:24px 30px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 12px 60px #0006}.canvas-note>span{letter-spacing:2px;color:var(--accent);font-size:9px}.canvas-note strong{margin-top:11px;font-family:Space Grotesk;font-size:26px;display:block}.canvas-note p,.result p{color:var(--muted);font-size:12px;line-height:1.6}.canvas-note .button,.result .button{justify-content:center;width:100%;margin-top:9px}.result h3{margin:15px 0 12px;font-family:Space Grotesk;font-size:32px}.result #revealed-roles{color:var(--muted);margin:15px 0;font-size:12px;line-height:1.8}.action-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px 0;display:flex}.control-hint{color:var(--muted);font-size:10px}kbd{color:#a4b4b7;border:1px solid #44545a;border-radius:3px;padding:2px 4px;font:9px monospace}.actions{flex-wrap:wrap;gap:7px;display:flex}.action{border-color:var(--line);color:var(--text);background:#202e33;padding:9px 10px;font-size:10px}.danger{color:#ffc0c7;background:#542c36;border-color:#865360;padding:9px 10px;font-size:10px}.sidebar{flex-direction:column;gap:22px;display:flex}.panel-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;margin-bottom:11px;padding-bottom:12px;display:flex}.panel-heading h3{margin:0;font-family:Space Grotesk;font-size:13px;font-weight:500}.panel-heading>span{color:var(--muted);font-size:10px}.crew-row{align-items:center;gap:9px;padding:7px 0;font-size:12px;display:flex}.crew-color{border:1px solid #fff4;border-radius:6px 6px 4px 4px;width:13px;height:17px;box-shadow:inset 0 -4px #0003}.crew-row .name{flex:1}.crew-row small{color:var(--muted);letter-spacing:.5px;font-size:8px}.crew-row.dead{opacity:.45}.task-row{border-bottom:1px solid #2d3b3f66;gap:11px;padding:9px 0;font-size:12px;display:flex}.task-row>span{color:var(--accent)}.task-row.done{color:var(--muted);text-decoration:line-through}.task-row.done>span{color:var(--mint)}.task-row small{color:var(--muted);letter-spacing:1px;margin-top:4px;font-size:8px;display:block}.tasks-panel p{color:var(--muted);font-size:12px;line-height:1.7}.chat-panel{flex-direction:column;flex:1;min-height:180px;display:flex}#messages{scrollbar-width:thin;scrollbar-color:#3c5559 transparent;flex:1;height:160px;max-height:240px;padding-bottom:10px;overflow:auto}.message{overflow-wrap:anywhere;margin-bottom:10px;font-size:11px;line-height:1.5}.message b{letter-spacing:.4px;margin-bottom:1px;font-size:9px;display:block}#chat-form{border:1px solid var(--line);border-radius:5px;display:flex;overflow:hidden}#chat-form input{border:0;border-radius:0;flex:1;width:0;padding:11px;font-size:11px}#chat-form button{width:34px;color:var(--mint);background:#25383c;border:0;font-size:18px}.alarm{color:#ffced3;white-space:nowrap;background:#722f3ae8;border:1px solid #b1606c;border-radius:5px;padding:9px 16px;font-size:11px;position:absolute;top:12px;left:50%;transform:translate(-50%)}.meeting{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);text-align:center;background:#121d23f5;padding:24px;position:absolute;inset:0;overflow:auto}.meeting h3{margin:13px 0 8px;font-family:Space Grotesk;font-size:30px}.meeting>p{color:var(--muted);font-size:12px}#votes{grid-template-columns:repeat(2,1fr);gap:9px;max-width:560px;margin:22px auto 15px;display:grid}.vote-button{border:1px solid var(--line);color:var(--text);text-align:left;background:#223135;border-radius:5px;align-items:center;gap:10px;padding:13px;font-size:12px;display:flex}.vote-button.voted{border-color:var(--accent);background:#594830}.vote-button>small{color:var(--muted);margin-left:auto;font-size:9px}.meeting>.button{justify-content:center}.task-progress{border:1px solid var(--mint);text-align:center;letter-spacing:1px;width:260px;color:var(--mint);background:#142327ee;border-radius:6px;padding:14px 18px;font-size:9px;position:absolute;bottom:30px;left:50%;transform:translate(-50%)}.task-progress>div{background:#354e50;height:5px;margin-top:10px}.task-progress i{background:var(--mint);width:0;height:100%;display:block}.mobile-controls{text-align:center;touch-action:none;display:none}.mobile-controls button{width:46px;height:38px;color:var(--text);background:#25393d;border:1px solid #496067;border-radius:5px;margin:2px;font-size:18px}footer{border-top:1px solid var(--line);letter-spacing:1px;color:#6e8387;justify-content:space-between;align-items:center;gap:12px;max-width:1540px;margin:auto;padding:20px 48px;font-size:8px;display:flex}footer>span:nth-child(2){letter-spacing:0;font-size:10px}footer button{color:var(--accent);white-space:nowrap;background:0 0;border:0;padding:0;font-size:10px}dialog{max-width:580px;max-height:85vh;color:var(--text);background:#172529;border:1px solid #4a6268;border-radius:10px;padding:35px;overflow:auto}dialog::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#051012b3}dialog h2{font-family:Space Grotesk;font-size:30px;line-height:1.15}dialog p{color:#b3c0c0;font-size:13px;line-height:1.8}dialog .icon-button{float:right}.muted{color:var(--muted);font-size:10px!important}#toast{color:#c9e3d8;z-index:20;background:#304a46;border:1px solid #7fab9b;border-radius:5px;padding:12px 22px;font-size:12px;position:fixed;bottom:30px;left:50%;transform:translate(-50%)}@media (max-width:1100px){.masthead{padding:22px 28px}.landing{gap:36px;padding:50px 28px}h1{font-size:48px}.game-shell{padding:24px 28px}.game-layout{grid-template-columns:minmax(0,1fr) 235px;gap:17px}.task-meter span{display:none}footer{padding:18px 28px}}@media (max-width:800px){.header-right{font-size:8px}.version{margin-left:5px}.landing{grid-template-columns:1fr;gap:32px;padding:36px 24px}.intro h1{font-size:52px}.access{max-width:none}.quick-rules{margin-top:14px}.station-preview{transform:none}.game-shell{padding:20px 14px}.game-top{gap:14px}.game-top h2{font-size:17px}.room-share button{font-size:20px}.timer{min-width:66px;padding-left:14px}.timer strong{font-size:20px}.game-layout{grid-template-columns:1fr}.sidebar{grid-template-columns:1fr 1fr;gap:18px;display:grid}.chat-panel{grid-column:1/-1}.canvas-note{padding:15px 20px}.canvas-note strong{font-size:21px}.canvas-note p{font-size:10px}.canvas-top{padding:10px}.role-badge{font-size:8px}.task-meter>div{width:80px}.mobile-controls{display:block}.meeting{padding:16px}.meeting h3{font-size:24px}#votes{margin:12px auto}.vote-button{padding:9px}.action-bar{padding-top:10px}.control-hint{display:none}.actions{gap:5px}.button.action,.button.danger{padding:8px;font-size:9px}.alarm{padding:6px 8px;font-size:9px;top:5px}.task-progress{width:220px;padding:10px;bottom:10px}footer{flex-wrap:wrap;padding:18px 24px;line-height:1.5}footer>span:nth-child(2){display:none}.masthead{padding:20px 24px}.brand{font-size:16px}.brand small{font-size:7px}.mark{font-size:35px}.result{padding:15px}.result h3{font-size:24px}.result p{font-size:10px}.result #revealed-roles{margin:8px 0;font-size:10px}.meeting .muted{display:none}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}@font-face{font-family:GGDJura;src:url(/guguz-dak-demo/ggd/Jura-Medium.ttf)}@font-face{font-family:GGDRoboto;src:url(/guguz-dak-demo/ggd/Roboto-Regular.ttf)}@font-face{font-family:GGDRoboto;src:url(/guguz-dak-demo/ggd/Roboto-Bold.ttf);font-weight:700}body{background:#172743;font-family:GGDRoboto,Arial,sans-serif}.masthead{z-index:4;background:linear-gradient(#091b36c0,#07142c66);border:0;width:100%;max-width:none;height:150px;padding:25px 36px;position:absolute;top:0;left:0}.menu-account{color:#fff;text-shadow:2px 2px #142041;flex-direction:column;font-family:Impact,Arial Black,sans-serif;font-size:24px;line-height:1.3;display:flex}.menu-account>span{font-size:22px}.header-right{gap:24px}.menu-icon{filter:drop-shadow(3px 6px #0009);background:0 0;border:0;width:90px;height:90px;padding:0}.menu-icon img{object-fit:contain;width:100%;height:100%}.landing{background:url(/guguz-dak-demo/ggd/carnival-splash.png) 50%/cover no-repeat;width:100%;max-width:none;height:100vh;min-height:650px;padding:0;display:block;position:relative}.ggd-home{height:100%;position:relative}.ggd-logo{object-fit:contain;width:min(35vw,570px);max-height:48vh;position:absolute;top:6vh;left:50%;transform:translate(-50%)}.original-menu-buttons{flex-direction:column;gap:24px;width:min(35vw,600px);display:flex;position:absolute;bottom:4vh;left:50%;transform:translate(-50%)}.ggd-play,.ggd-collection{letter-spacing:3px;color:#fff;-webkit-text-stroke:3px #080909;text-shadow:2px 3px #080909;border:8px solid #060707;border-radius:27px;min-height:105px;padding:12px 18px;font-family:Impact,Arial Black,sans-serif;font-size:clamp(38px,4.2vw,74px);transition:transform .12s;box-shadow:inset 0 -15px #0002,0 6px #0006}.ggd-play{background:#4bdb94;transform:rotate(1deg)}.ggd-play:hover{background:#72e7ac;transform:rotate(1deg)scale(1.02)}.ggd-collection{color:#080909;-webkit-text-stroke:0;text-shadow:none;background:#ffcd26;font-size:clamp(30px,3.4vw,62px);transform:rotate(-.4deg)}.ggd-collection:hover{background:#ffdd5d;transform:rotate(-.4deg)scale(1.02)}.menu-question{color:#111;background:#f4efdd;border:7px solid #171717;border-radius:17px;width:92px;height:92px;font:70px Impact,sans-serif;position:absolute;top:60%;right:35px;box-shadow:inset 0 -8px #0002}.prototype-stamp{color:#fff;text-shadow:1px 2px #000;letter-spacing:1px;background:#0b183b99;border-radius:3px;padding:6px 10px;font-family:GGDJura,Arial;font-size:10px;font-weight:700;position:absolute;bottom:10px;left:28px}.landing .station-preview{display:none}.landing .intro{z-index:6;color:#282624;background:#e9e0bbf7;border:7px solid #191915;border-radius:19px;width:min(440px,90vw);padding:28px 36px;display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 100vmax #08142680,0 12px #0005}.landing.entry-open .intro{display:block}.intro h1{letter-spacing:2px;text-align:center;margin:0 0 12px;font:38px Impact,sans-serif}.intro .lead{color:#544e42;text-align:center;margin-bottom:20px;font-family:GGDRoboto;font-size:12px}.intro label{color:#49483a;font-weight:700}.intro input,.intro select{color:#272c2d;background:#fff8e3;border:2px solid #6e694e;border-radius:5px;padding:11px 12px}.intro input::placeholder{color:#83846e}.intro .primary{background:#4ed38e;border:3px solid #20251c;font-family:GGDRoboto;font-weight:700;box-shadow:inset 0 -5px #0002}.intro .secondary{color:#272c2d;background:#ddc26b;border:2px solid #49483a}.intro .divider{color:#5f5a44;margin:17px 0;font-size:9px}.intro .divider:before,.intro .divider:after{background:#aba084}.intro .quick-rules{display:none}.intro .error{color:#9b2736}.entry-close{color:#38392b;background:0 0;border:0;font-size:31px;font-weight:700;position:absolute;top:10px;right:14px}.intro select{width:100%;margin-bottom:15px;font-family:GGDRoboto;font-size:13px}footer{display:none}.game-shell{background:#202c41;max-width:none;min-height:100vh;padding-top:140px}.game-shell .eyebrow{color:#fff;font-family:GGDJura;font-weight:700}.game-shell h2,.game-shell h3{font-family:GGDJura}.game-shell .canvas-top{background:#172743;border:3px solid #0b111c}.game-shell .canvas-wrap{border:3px solid #0b111c;border-top:0}.game-shell .sidebar{background:#142438a8;border:3px solid #0b111c;border-radius:12px;padding:16px}.game-shell .canvas-note,.game-shell .result{color:#242923;background:#e6dfc4f5;border:5px solid #20271e}.game-shell .canvas-note p,.game-shell .result p,.game-shell .result #revealed-roles{color:#5c5c50}.game-shell .canvas-note strong,.game-shell .result h3{font-family:Impact,sans-serif;font-weight:400}.game-shell .primary{background:#56d492;border:3px solid #222e23;box-shadow:inset 0 -5px #0002}.game-shell .role-badge{color:#84edab}.game-shell .role-badge.bad{color:#ff8686}.game-shell .action{color:#292c2b;background:#e8e1c4;border:3px solid #131d28;font-family:GGDJura;font-weight:700}.game-shell .danger{color:#fff;background:#bd4752;border:3px solid #301717}.game-shell .task-row{color:#f1ede5}.game-shell .task-row.done{color:#95b1a4}.game-shell .panel-heading{border-color:#52627e}.game-shell .meeting{color:#272c2c;background:#eae4c7f5;border:6px solid #182238}.game-shell .meeting>p{color:#59634c}.game-shell .vote-button{color:#263c31;background:#c4d5c5;border:3px solid #4b6656}.game-shell .vote-button.voted{background:#74ba90}.game-shell .meeting .secondary{color:#243248;background:#adbdcc;border:3px solid #455c6e}.game-shell #chat-form input{color:#142236;background:#dfe5df}.game-shell #chat-form input::placeholder{color:#63758b}.game-shell #chat-form button{color:#fff;background:#56b084}.game-shell .room-share button{color:#ffcf36}.game-shell .timer>span{color:#b0c2d6}.game-shell .timer strong{color:#fff}.game-shell .task-progress{background:#24463aea;border:3px solid #6dbc8c}.game-shell #game-error{min-height:0}.game-shell .canvas-note{width:345px}.game-shell .canvas-note>span{color:#677451}.game-shell .task-meter>div{background:#5f6966}.game-shell .task-meter i{background:#66dd89}.game-shell .control-hint{color:#d0dce4}.game-shell .crew-row small{color:#a7b9cb}dialog{color:#252b30;background:#e6dec2;border:6px solid #18273e;max-width:650px;font-family:GGDRoboto}dialog h2{letter-spacing:1px;color:#172131;font-family:Impact,sans-serif;font-weight:400}dialog p{color:#4f5960}dialog .eyebrow{color:#344b62}dialog .icon-button{color:#273c51;border-color:#657a8e}#color-options{grid-template-columns:repeat(4,1fr);gap:10px;margin-top:20px;display:grid}.color-option{cursor:pointer;color:#253731;background:#bac9c4;border:3px solid #65746c;border-radius:10px;padding:8px;font-family:GGDJura}.color-option.selected{background:#8ecea0;border-color:#335d38}.color-option canvas{width:80px;height:auto;margin:auto}.play-area canvas{background:#000}.game-shell .chat-panel{min-height:130px}.game-shell #messages{max-height:150px}.game-shell .canvas-top #role-badge{font-family:GGDJura}@media (max-height:780px) and (min-width:801px){.ggd-logo{max-height:40vh;top:4vh}.original-menu-buttons{gap:13px;bottom:4vh}.ggd-play,.ggd-collection{border-width:6px;min-height:86px;font-size:48px}.ggd-collection{font-size:39px}.masthead{height:110px;padding:20px 27px}.menu-icon{width:70px;height:70px}.menu-account{font-size:19px}.menu-account>span{font-size:16px}.game-shell{padding-top:110px}}@media (max-width:800px){.masthead{height:98px;padding:14px 16px}.menu-icon{width:46px;height:46px}.header-right{gap:10px}.menu-account{font-size:12px}.menu-account>span{font-size:11px}.landing{min-height:620px}.ggd-logo{width:78vw;max-height:42vh;top:13vh}.original-menu-buttons{gap:18px;width:78vw;bottom:8vh}.ggd-play,.ggd-collection{border-width:6px;border-radius:20px;min-height:86px;font-size:43px}.ggd-collection{font-size:33px}.menu-question{border-width:4px;width:53px;height:53px;font-size:38px;top:53%;right:15px}.prototype-stamp{padding:5px;font-size:8px;bottom:8px;left:12px}.intro{max-height:90vh;overflow:auto}.game-shell{padding-top:105px}#color-options{grid-template-columns:repeat(2,1fr)}.game-shell .canvas-note{padding:10px 14px}.game-shell .canvas-note .button{padding:8px;font-size:12px}.game-shell .sidebar{padding:13px}.game-shell .timer strong{font-size:18px}}@media (prefers-reduced-motion:reduce){.ggd-play,.ggd-collection{transition:none}}#menu-settings img{filter:drop-shadow(3px 0 #000)drop-shadow(-3px 0 #000)drop-shadow(0 3px #000)drop-shadow(0 -3px #000);transform:scale(1.75)}.game-shell .canvas-note{width:230px;padding:12px 16px;top:auto;bottom:12px;left:12px;transform:none}.game-shell .canvas-note strong{font-size:20px}.game-shell .canvas-note p{margin:7px 0;font-size:10px}.game-shell .canvas-note .button{margin-top:4px;padding:8px;font-size:11px}@media (max-width:800px){.game-shell .canvas-note{width:180px;padding:8px;bottom:6px;left:6px}.game-shell .canvas-note>span{display:none}.game-shell .canvas-note strong{font-size:14px}.game-shell .canvas-note p{margin:3px 0;font-size:8px}.game-shell .canvas-note .button{padding:4px;font-size:9px}}body.in-game{background:#08090c;overflow:hidden}body.in-game .masthead{display:none}.in-game .game-shell{background:#08090c;height:100dvh;min-height:0;padding:0;position:fixed;inset:0;overflow:hidden}.in-game .game-layout,.in-game .play-area{margin:0;padding:0;display:block;position:absolute;inset:0}.in-game .canvas-wrap{aspect-ratio:auto;border:0;border-radius:0;position:absolute;inset:0}.in-game #game-canvas{outline-offset:-3px;width:100%;height:100%;display:block}.in-game .game-top{z-index:5;pointer-events:none;background:linear-gradient(#05070ccf,#05070c66,#0000);border:0;gap:28px;height:82px;margin:0;padding:14px 22px;position:absolute;top:0;left:0;right:0}.in-game .game-top>*{pointer-events:auto}.in-game .game-top>div:first-child{flex:1;min-width:0}.in-game .game-top h2{text-shadow:2px 3px #000;margin:4px 0;font-family:Impact,Arial Black,sans-serif;font-size:27px;font-weight:400}.in-game #leave{color:#111;background:#ede8d8;border:4px solid #111;border-radius:9px;order:-1;width:48px;height:48px;font-size:28px;transform:rotate(180deg)}.in-game .canvas-top{z-index:4;pointer-events:none;background:0 0;border:0;gap:20px;padding:0;position:absolute;top:85px;left:20px;right:230px}.in-game .role-badge{text-shadow:1px 1px #000;background:#0c171bbe;border-radius:4px;max-width:55%;padding:6px 9px;font-size:11px}.in-game .task-meter{background:#0c171bbe;border-radius:4px;padding:6px 9px}.in-game .task-meter span{font-size:9px}.in-game .task-meter>div{width:125px}.hud-panel-toggle{z-index:12;color:#111;background:#ede8d8;border:4px solid #111;border-radius:10px;padding:9px 12px;font-family:GGDJura,Arial;font-weight:700;position:absolute;top:86px;right:18px;box-shadow:0 4px #0006}.hud-panel-toggle[aria-expanded=true]{background:#8fdeaf}.in-game .game-shell .sidebar{z-index:11;background:#152537f5;border:3px solid #070b11;gap:15px;width:290px;padding:16px;display:flex;position:absolute;top:145px;bottom:105px;right:18px;overflow:auto;box-shadow:0 8px 30px #0008}.in-game .action-bar{z-index:5;pointer-events:none;border:0;align-items:flex-end;gap:15px;margin:0;padding:0;position:absolute;bottom:20px;left:20px;right:20px}.in-game .action-bar .actions{pointer-events:auto;flex-wrap:wrap;justify-content:flex-end;max-width:75%;margin-left:auto}.in-game .control-hint{white-space:nowrap;background:#0609109e;border-radius:5px;padding:7px 9px;font-size:10px}.in-game .game-shell .canvas-note{z-index:4;background:#ece6cbe8;width:240px;bottom:100px;left:20px}.in-game .meeting{z-index:9;border-radius:14px;inset:85px 18px 100px}.in-game .result{z-index:9}.in-game .alarm{z-index:6;top:145px}.in-game .task-progress{z-index:6;bottom:110px}.in-game #game-error{z-index:10;text-align:center;pointer-events:none;background:#311925d9;border-radius:5px;max-width:90%;margin:0;padding:0 12px;position:absolute;bottom:75px;left:50%;transform:translate(-50%)}.in-game .mobile-controls{z-index:6;position:absolute;bottom:10px;left:10px}@media (max-width:800px){.in-game .game-top{gap:12px;height:75px;padding:10px 12px}.in-game .game-top h2{font-size:19px}.in-game .game-top .eyebrow{letter-spacing:1px;font-size:8px}.in-game #leave{border-width:3px;width:36px;height:40px;font-size:22px}.in-game .room-share>span{font-size:7px}.in-game .room-share button{font-size:18px}.in-game .timer{min-width:45px;padding-left:0}.in-game .timer strong{font-size:17px}.in-game .canvas-top{gap:7px;top:78px;left:10px;right:10px}.in-game .role-badge{max-width:65%;padding:5px 7px;font-size:8px}.in-game .task-meter{padding:5px}.in-game .task-meter>div{width:65px}.hud-panel-toggle{border-width:3px;padding:6px 8px;font-size:10px;top:119px;right:10px}.in-game .game-shell .sidebar{width:min(290px,100vw - 20px);padding:12px;top:164px;bottom:125px;right:10px}.in-game .action-bar{gap:0;bottom:12px;left:155px;right:10px}.in-game .action-bar .actions{gap:5px;max-width:100%}.in-game .game-shell .canvas-note{width:190px;padding:10px;font-size:11px;bottom:140px;left:10px}.in-game .game-shell .canvas-note strong{font-size:17px}.in-game .meeting{inset:165px 10px 125px}.in-game .alarm{white-space:normal;text-align:center;max-width:90%;top:164px}.in-game .task-progress{bottom:135px}.in-game #game-error{font-size:10px;bottom:110px}}.native-dock{z-index:12;flex-direction:column;gap:12px;width:56px;display:flex;position:absolute;top:18px;right:14px}.native-dock button{color:#fff;filter:drop-shadow(2px 3px #000b);background:0 0;border:0;width:56px;height:61px;padding:0;position:relative}.native-dock img{object-fit:contain;width:49px;height:47px}.native-dock kbd{background:#05070bc9;border:0;border-radius:2px;width:max-content;margin:-2px auto 0;padding:1px 4px;font-family:GGDRoboto,Arial;font-size:12px;font-weight:700;display:block}.native-dock #sidebar-toggle{box-shadow:none;border-radius:0;position:static}.native-dock #sidebar-toggle img{width:45px;height:45px}.native-dock #hud-microphone .mute-slash{background:#e64348;border:1px solid #101010;border-radius:2px;width:36px;height:5px;position:absolute;top:19px;left:11px;transform:rotate(-48deg)}.in-game .game-top{background:#03050a80;border-radius:6px;align-items:center;gap:24px;height:60px;padding:0;top:12px;left:100px;right:120px}.in-game .game-top>div:first-child{text-align:center;order:1}.in-game .game-top .room-share{order:0;align-items:center;gap:6px;min-width:175px;display:flex}.in-game .game-top .timer{text-align:center;border:0;order:2;min-width:70px;padding-left:0}.in-game #copy-code{color:#fff;letter-spacing:1px;min-width:95px;font-family:GGDRoboto,Arial;font-size:21px}.in-game #copy-room,.in-game #code-visibility{background:0 0;border:0;width:26px;height:30px;padding:3px}.in-game #copy-room img,.in-game #code-visibility img{object-fit:contain;width:100%;height:100%}.in-game #leave{width:62px;height:61px;box-shadow:none;background:0 0;border:0;padding:0;position:fixed;top:19px;left:16px;transform:none}.in-game #leave img{object-fit:contain;width:100%;height:100%}.in-game .game-top h2{white-space:nowrap;font-size:25px}.in-lobby #phase-label,.in-lobby .canvas-top,.in-lobby #timer-label,.in-lobby .action-bar{display:none}.in-lobby .canvas-note{text-align:center;box-shadow:none!important;background:0 0!important;border:0!important;bottom:28px!important;left:50%!important;transform:translate(-50%)!important}.in-lobby .canvas-note>span,.in-lobby .canvas-note>strong,.in-lobby .canvas-note>p{display:none}.in-game .game-shell .sidebar{width:280px;top:95px;bottom:110px;right:85px}#native-joystick{z-index:6;aspect-ratio:1;touch-action:none;-webkit-user-select:none;user-select:none;background:#633c9a66;border:2px solid #e9dfc080;border-radius:50%;width:clamp(90px,15vh,150px);position:absolute;bottom:16px;left:14px;overflow:hidden}#native-joystick .joystick-surface{opacity:.32;border-radius:50%;width:100%;height:100%}#joystick-thumb{opacity:.8;pointer-events:none;width:48%;height:48%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#hud-customize{z-index:6;aspect-ratio:1;background:#633c9a66;border:2px solid #e9dfc080;border-radius:50%;width:clamp(85px,14vh,145px);padding:15px;position:absolute;bottom:18px;right:14px}#hud-customize img{object-fit:contain;filter:drop-shadow(2px 3px #0008);width:100%;height:100%}.in-game .mobile-controls{display:none}.in-game .action-bar{bottom:18px;left:175px;right:175px}.in-game .control-hint{display:none}@media (max-width:800px){.native-dock{gap:8px;width:40px;top:10px;right:6px}.native-dock button{width:40px;height:48px}.native-dock img,.native-dock #sidebar-toggle img{width:35px;height:35px}.native-dock kbd{font-size:9px}.native-dock #hud-microphone .mute-slash{width:28px;height:4px;top:14px;left:7px}.in-game .game-top{flex-wrap:wrap;align-content:center;gap:7px;height:60px;top:8px;left:55px;right:58px}.in-game .game-top>div:first-child{flex:none;order:-1;width:100%}.in-game .game-top h2{margin:0;font-size:17px}.in-game .game-top .room-share{flex:1;gap:2px;min-width:0}.in-game #copy-code{min-width:65px;padding:0;font-size:14px}.in-game #copy-room,.in-game #code-visibility{width:21px;height:23px;padding:2px}.in-game .game-top .timer{min-width:38px;font-size:14px}.in-game #leave{width:42px;height:42px;top:12px;left:6px}.in-game .game-shell .sidebar{width:min(280px,100vw - 60px);top:78px;bottom:115px;right:50px}.in-game .action-bar{bottom:10px;left:120px;right:105px}#native-joystick{width:96px;bottom:9px;left:6px}#hud-customize{width:90px;padding:10px;bottom:10px;right:6px}}#door-interact{z-index:12;color:#292342;background:#cbc2e8;border:3px solid #302848;border-radius:14px;padding:12px 25px;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}#door-interact[hidden]{display:none}#voice-status{z-index:13;color:#fff;background:#30284bdd;border-radius:12px;align-items:center;gap:12px;padding:8px 12px;font-size:12px;display:flex;position:fixed;bottom:20px;left:135px}#voice-status[hidden]{display:none}#voice-status button{color:#302848;background:#c5bae8;border:0;border-radius:8px;padding:6px}.mute-slash[hidden]{display:none!important}@media (max-width:700px){#voice-status{flex-wrap:wrap;max-width:calc(100vw - 165px);font-size:10px;bottom:15px;left:80px}}body.chapel-lobby .canvas-note{box-shadow:none;background:0 0;border:0;width:260px;padding:0;bottom:18px;left:50%;transform:translate(-50%)}body.chapel-lobby .canvas-note>span,body.chapel-lobby .canvas-note strong,body.chapel-lobby .canvas-note p{display:none}body.chapel-lobby .canvas-note .button{color:#302848;background:#c5bce5;border:3px solid #302848;border-radius:13px;min-height:55px;font:26px Impact,sans-serif}body.chapel-lobby .canvas-note .button:disabled{color:#888;background:#ded9cb}#native-play-menu{z-index:5;color:#fff;background:radial-gradient(at 30% 45%,#7668ad 0,#554984 54%,#3c336c 100%);display:none;position:absolute;inset:0;overflow:hidden}.landing.play-open #native-play-menu{display:block}.landing.play-open .ggd-home{display:none}#native-play-menu>header{box-sizing:border-box;background:url(/guguz-dak-demo/ggd/menu/header.png) 50%/100% 100% no-repeat,linear-gradient(#28224e,#514782);border-bottom:3px solid #8278ad;justify-content:space-between;align-items:center;height:clamp(70px,11.5vh,94px);padding:10px 3.7%;display:flex}#native-play-menu h1{letter-spacing:2px;color:#d6ccef;text-shadow:1px 2px #352d5a;margin:0;font:clamp(30px,4.3vw,46px) Impact,Arial Black,sans-serif}#native-play-menu>header button{color:#fff;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;width:clamp(35px,4.6vw,61px);height:58px;padding:0;display:flex}#native-play-menu>header img{object-fit:contain;max-width:100%;max-height:100%}#native-play-menu>header .play-back-arrow{filter:drop-shadow(2px 3px #1d153f);height:39px;transform:scaleX(-1)}.play-columns{grid-template-columns:50% 50%;height:calc(100% - clamp(70px,11.5vh,94px));display:grid;position:relative}.play-profile{flex-direction:column;justify-content:center;gap:clamp(14px,3vh,28px);min-width:0;padding:4vh 22% 3vh 25%;display:flex}.profile-card{background:url(/guguz-dak-demo/ggd/menu/profile-moon-banner.png) 50% 20%/100% no-repeat;flex-shrink:0;height:clamp(160px,24vh,200px);margin-left:-7%;margin-right:-8%;position:relative}.profile-name{background:linear-gradient(#1c1b20e6,#353038dc);border:3px solid #c8c1d1;border-radius:11px;justify-content:space-between;align-items:center;min-height:38px;padding:4px 9px;display:flex;position:absolute;top:3%;left:0;right:0;transform:rotate(-.5deg);box-shadow:0 3px #19152b}.profile-name strong{letter-spacing:.7px;text-overflow:ellipsis;white-space:nowrap;text-shadow:1px 2px #171124;max-width:85%;font:clamp(18px,2.2vw,27px) Impact,Arial Black,sans-serif;overflow:hidden}.profile-name img{object-fit:contain;width:24px;height:24px}.profile-name:after{content:"";pointer-events:none;opacity:.13;background:url(/guguz-dak-demo/ggd/menu/profile-moon-banner.png) 0 0/cover;border-radius:8px;position:absolute;inset:0}#profile-goose{z-index:2;filter:drop-shadow(3px 5px #1613265e);width:clamp(76px,9.6vw,130px);height:auto;position:absolute;top:-9%;left:-22%}.profile-photo{aspect-ratio:1/1.07;background:#a49ace;border:4px solid #cdc4eb;border-radius:8px;width:clamp(61px,8vw,108px);position:absolute;bottom:14%;right:-17%;overflow:hidden;transform:rotate(14deg);box-shadow:3px 4px #383157}.profile-photo canvas{object-fit:contain;width:108%;height:155%;position:absolute;top:5%;left:-3%}.profile-card>button{z-index:3;color:#302848;cursor:pointer;background:#c2b8e9;border:3px solid #302848;border-radius:14px;min-height:30px;padding:3px 5px;font:700 clamp(13px,1.7vw,20px) GGDRoboto,sans-serif;position:absolute;bottom:13%;left:12%;right:9%;box-shadow:0 3px #201b3a}.play-actions{flex-direction:column;gap:clamp(9px,1.5vh,14px);display:flex}.native-menu-button{color:#fff;text-shadow:1px 2px #302848,-1px -1px #302848;cursor:pointer;letter-spacing:.3px;background:#c4bbe7;border:3px solid #302848;border-radius:13px;width:100%;min-height:clamp(49px,7.6vh,68px);font:clamp(21px,2.7vw,34px) Impact,Arial Black,sans-serif;box-shadow:inset 0 -5px #0002,0 4px #2119328c}.native-menu-button.green{background:#46d793}.native-menu-button:hover{filter:brightness(1.07)}.native-menu-button:active{transform:translateY(2px)}.play-zig-divider{z-index:2;object-fit:fill;pointer-events:none;filter:drop-shadow(-4px 0 #312947);width:8%;height:100%;position:absolute;top:0;left:46%}.play-promos{background:linear-gradient(#082b32a8,#05272be8),url(/guguz-dak-demo/ggd/menu/halloween-promo-background.png) 50%/cover no-repeat;flex-direction:column;justify-content:center;align-items:stretch;gap:clamp(10px,2.2vh,21px);min-width:0;padding:2.4vh 5.2% 1.5vh 7%;display:flex}.promo-carousel{flex-shrink:0;width:100%;padding-bottom:25px;position:relative}.native-promo{object-fit:contain;filter:drop-shadow(0 5px #061d2d80);width:100%;max-height:42vh;display:block}.promo-arrow{color:#e4dcff;cursor:pointer;opacity:0;background:#0c233090;border:0;border-radius:30px;width:25px;height:38px;font:34px/25px Arial,sans-serif;transition:opacity .15s;position:absolute;top:44%;transform:translateY(-50%)}.promo-arrow.previous{left:3px}.promo-arrow.next{right:3px}.promo-carousel:hover .promo-arrow{opacity:1}.promo-arrow:focus-visible{opacity:1}.promo-dots{justify-content:center;align-items:center;gap:9px;display:flex;position:absolute;bottom:0;left:0;right:0}.promo-dots button{cursor:pointer;background:0 0;border:0;width:19px;height:19px;padding:0}.promo-dots img{width:100%;height:100%}.play-community{grid-template-columns:1fr 1fr;align-items:end;gap:4%;padding:0 2%;display:grid}.discord-card{text-align:center;color:#fff;box-sizing:border-box;background:#6262f6;border:3px solid #363261;border-radius:15px;justify-content:center;align-items:center;min-height:76px;margin-top:28px;padding:34px 8px 8px;font:700 clamp(10px,1.15vw,16px) GGDRoboto,sans-serif;text-decoration:none;display:flex;position:relative;box-shadow:0 5px #191e2f}.discord-card>img{width:clamp(55px,7vw,86px);height:auto;position:absolute;top:-36px;left:50%;transform:translate(-50%)}.play-update{color:#201b30;cursor:pointer;text-align:center;background:#cec5ee;border:3px solid #383055;border-radius:15px;min-height:90px;padding:14px 7px 7px;font-family:GGDRoboto,sans-serif;position:relative;box-shadow:0 5px #161b2b}.play-update strong{color:#fff;text-shadow:2px 2px #211729,-1px -1px #211729;font:clamp(17px,2vw,27px) Impact,Arial Black,sans-serif;display:block;position:absolute;top:-24px;left:-8%;right:-8%}.play-update span{font:clamp(11px,1.4vw,17px) Impact,Arial Black,sans-serif;display:block}.play-update small{margin-top:3px;font:700 clamp(9px,1vw,13px)/1.3 GGDRoboto,sans-serif;display:block}.play-socials{text-align:center;margin-top:3px}.play-socials h2{color:#fff;text-shadow:1px 2px #1e1c2b;letter-spacing:.5px;margin:0 0 8px;font:clamp(21px,2.6vw,30px) Impact,Arial Black,sans-serif}.play-socials>div{justify-content:center;gap:12px;display:flex}.play-socials a{width:clamp(28px,3.9vw,46px);height:clamp(28px,3.9vw,46px);display:block}.play-socials img{object-fit:contain;width:100%;height:100%}.play-socials a:hover{transform:scale(1.08)}.play-limit{color:#c9c2e3;text-align:center;opacity:.85;margin:0;font:10px/1.3 GGDRoboto,sans-serif}.landing.entry-open .intro{color:#fff;background:#514782;border:3px solid #cbc2ed;border-radius:25px;box-shadow:0 0 0 100vmax #100b258a,0 8px #0004}.intro .lead,.intro label{color:#f3edf9}.intro input,.intro select{color:#312746;background:#f1ebfc;border:2px solid #322944}.intro .secondary{background:#c2b7e5}.entry-close{color:#fff}.landing:not(.joining) .intro .divider,.landing:not(.joining) .intro .join-row,.landing.joining .intro label[for=map-select],.landing.joining #map-select,.landing.joining #create,.landing.joining .divider{display:none}@media (max-width:700px){.play-columns{grid-template-columns:1fr;height:calc(100% - 70px);overflow:auto}#native-play-menu>header{height:70px;padding:8px 22px}.play-profile{gap:16px;padding:22px 23% 30px 27%}.profile-card{height:165px}#profile-goose{width:104px;top:-12%;left:-35%}.profile-photo{width:75px;right:-23%}.play-actions{gap:11px}.native-menu-button{min-height:54px;font-size:27px}.play-zig-divider{display:none}.play-promos{gap:25px;padding:25px 7% 20px}.native-promo{max-height:none}.play-community{gap:18px;width:100%;max-width:430px;margin:auto}.discord-card{min-height:84px;font-size:12px}.play-update{min-height:88px}.play-update strong{font-size:22px}.play-update span{font-size:15px}.play-update small{font-size:11px}.discord-card>img{width:76px}.play-socials h2{font-size:28px}.play-socials a{width:40px;height:40px}.promo-arrow{opacity:1}.play-limit{font-size:10px}}@media (max-height:650px) and (min-width:701px){.play-profile{gap:10px;padding-top:12px;padding-bottom:12px}.profile-card{height:145px}.native-menu-button{min-height:45px;font-size:24px}.play-actions,.play-promos{gap:9px}.native-promo{max-height:38vh}.play-community{padding-top:3px}.discord-card{min-height:66px;font-size:10px}.play-update{min-height:70px}.play-update strong{font-size:19px}.play-socials h2{margin-bottom:5px;font-size:23px}.play-socials a{width:30px;height:30px}}.play-socials button{opacity:.65;cursor:not-allowed;background:0 0;border:0;width:clamp(28px,3.9vw,46px);height:clamp(28px,3.9vw,46px);padding:0;display:block}@media (max-width:700px){.play-socials button{width:40px;height:40px}}@media (max-height:650px) and (min-width:701px){.play-socials button{width:30px;height:30px}}.room-options{flex-direction:column;gap:5px;margin-top:15px;display:flex}.room-options label{font-size:11px;font-weight:700}.room-options input:not([type=checkbox]){width:100%}.room-options .public-room-option{align-items:center;gap:10px;display:flex}.room-options input[type=checkbox]{accent-color:#4cdb92;width:20px;height:20px}.landing.joining .room-options{display:none}.landing.entry-open .intro{max-height:94vh;overflow:auto}#room-directory{color:#fff;background:#4c427a;border:3px solid #c5b8e8;border-radius:24px;width:min(750px,92vw);max-height:90vh}#room-directory h2,#room-directory p{color:#fff}#directory-close{float:right;color:#fff;background:0 0;border:0;font-size:32px}#directory-refresh,.directory-room{color:#302848;background:#c6bce6;border:3px solid #302848;border-radius:12px;padding:12px;font-weight:700}.directory-room{text-align:left;width:100%;margin-top:12px}#create-flow{z-index:7;color:#fff;background:linear-gradient(110deg,#665a98,#342b66);position:absolute;inset:0}#create-flow[hidden]{display:none}#create-flow header{background:#302853;border-bottom:3px solid #aa9ad6;align-items:center;gap:20px;height:85px;padding:12px 30px;display:flex}#create-flow h1{letter-spacing:2px;margin:auto;font:38px Impact,sans-serif}#flow-back{color:#fff;background:0 0;border:0;font-size:38px}.flow-layout{grid-template-columns:65% 35%;gap:24px;height:calc(100% - 85px);padding:24px;display:grid}.flow-layout aside{text-align:center;flex-direction:column;align-items:center;padding:20px;display:flex}.flow-layout aside h2{font:30px Impact,sans-serif}.flow-layout aside p{color:#fff;font-size:18px}.flow-layout #flow-next{color:#171317;background:#ffcf28;border:3px solid #302848;border-radius:14px;width:85%;margin-top:auto;padding:10px;font:30px Impact,sans-serif}#flow-mode-grid,#flow-map-grid{border:2px solid #9688c1;border-radius:18px;grid-template-columns:repeat(4,1fr);align-content:start;gap:18px;padding:12px;display:grid;overflow:auto}#flow-mode-grid[hidden],#flow-map-grid[hidden]{display:none}.flow-card{color:#302848;background:#e8e1f4;border:4px solid #a89acd;border-radius:12px;padding:5px;box-shadow:0 5px #0003}.flow-card.selected{border-color:#ffce26}.flow-card img{aspect-ratio:1;object-fit:cover;border-radius:4px;width:100%}.flow-card strong{padding:5px;font-family:GGDJura;font-size:13px;font-weight:700;display:block}@media (max-width:700px){.flow-layout{grid-template-columns:1fr;height:auto;max-height:calc(100% - 85px);padding:15px;overflow:auto}.flow-layout aside{min-height:230px}#flow-mode-grid,#flow-map-grid{grid-template-columns:repeat(3,1fr);gap:8px}#create-flow h1{font-size:28px}}.create-room-cards,.create-privacy{display:none}.landing.creating .intro{width:100%;height:100%;max-height:none;box-shadow:none;background:radial-gradient(at 45% 40%,#74669f,#382c68);border:0;border-radius:0;padding:0;inset:0;transform:none}.landing.creating .intro h1{color:#ded2f5;background:#302853;border-bottom:3px solid #aa9ad6;justify-content:center;align-items:center;height:85px;display:flex}.landing.creating .entry-close{top:18px;left:30px;right:auto}.landing.creating .intro .lead{display:none}.landing.creating .intro .access{flex-direction:column;gap:7px;width:min(300px,32vw);display:flex;position:absolute;bottom:28px;right:3vw}.landing.creating .intro #map-select,.landing.creating .intro label[for=map-select],.landing.creating .intro #room-capacity,.landing.creating .intro label[for=room-capacity],.landing.creating .public-room-option{display:none}.landing.creating .intro #create{color:#151218;background:#ffcc25;border:3px solid #302848;border-radius:13px;margin-top:65px;font:25px Impact,sans-serif}.landing.creating .create-room-cards{width:60vw;height:calc(100% - 165px);display:block;position:absolute;top:135px;left:6vw}.create-polaroid{color:#302848;text-align:center;background:#fff;border:7px solid #ffcf25;border-radius:20px;padding:10px;position:absolute;box-shadow:0 5px #0003}.create-polaroid img{aspect-ratio:1.3;object-fit:cover;width:100%}.create-polaroid strong{padding:12px;font:24px Impact,sans-serif;display:block}.create-polaroid.mode{z-index:2;width:32%;top:0;left:0;transform:rotate(-6deg)}.create-polaroid.map{z-index:1;width:50%;top:80px;left:25%;transform:rotate(5deg)}.create-capacity{flex-wrap:wrap;align-items:center;gap:15px;width:60%;display:flex;position:absolute;bottom:0;left:0}.create-capacity img{width:55px}.create-capacity output{color:#ffcf25;font:45px Impact,sans-serif}.create-capacity input{accent-color:#4ad38d;width:100%}.landing.creating .create-privacy{border:3px solid #302848;border-radius:12px;gap:0;display:flex;position:absolute;bottom:92px;right:3vw;overflow:hidden}.create-privacy button{color:#302848;background:#eee8d6;border:0;padding:10px 20px;font:23px Impact,sans-serif}.create-privacy button.selected{background:#47d68e}@media (max-width:700px){.landing.creating .create-room-cards{width:90vw;height:280px;top:110px;left:6vw}.create-polaroid.mode{width:35%}.create-polaroid.map{width:60%;top:50px;left:30%}.create-capacity{width:70%;bottom:-20px}.landing.creating .intro .access{width:88vw;bottom:24px;right:6vw}.landing.creating .create-privacy{bottom:93px;right:6vw}.create-polaroid strong{padding:5px;font-size:16px}.landing.creating .intro label,.landing.creating .intro input{font-size:11px}.landing.creating .intro input{padding:7px}.landing.creating .intro #create{margin-top:60px;padding:8px;font-size:23px}}#flow-map-grid .flow-card img{aspect-ratio:2;object-fit:cover}#flow-mode-grid .flow-card:disabled{opacity:.4;cursor:not-allowed}.landing.creating .create-polaroid.map img{aspect-ratio:2}.create-polaroid:after{content:"";background:#d586e9;border:2px solid #55436c;border-radius:50%;width:15px;height:15px;position:absolute;top:-9px;right:-9px;box-shadow:1px 2px #0004}.create-polaroid:before{content:"";pointer-events:none;background:linear-gradient(120deg,#fff2 0 35%,#0000 35% 55%,#fff1 55% 64%,#0000 64%);position:absolute;inset:10px 10px 60px}.landing.creating .create-privacy{align-self:flex-end;margin-top:10px;margin-bottom:0;position:static}.landing.creating .intro #create{margin-top:8px}.landing.creating #entry-error:empty{display:none}@media (min-width:701px) and (min-height:700px){.play-profile{justify-content:flex-start;gap:2.8vh;padding-top:3vh}.profile-card{height:clamp(200px,28vh,290px)}#profile-goose{width:clamp(105px,10.8vw,170px);top:-7%}.profile-photo{width:clamp(80px,8.5vw,135px)}.native-menu-button{border-width:4px;min-height:clamp(65px,10.2vh,104px);font-size:clamp(27px,3.2vw,44px)}.play-actions{gap:1.6vh}.play-promos{justify-content:flex-start;gap:1.5vh}.native-promo{max-height:none}.discord-card{min-height:90px;font-size:clamp(12px,1.3vw,19px)}.play-update{min-height:100px}.play-socials a,.play-socials button{width:clamp(40px,3.9vw,64px);height:clamp(40px,3.9vw,64px)}}.entry-close img{object-fit:contain;width:32px;height:40px;transform:scaleX(-1)}.create-capacity input[type=range]{-webkit-appearance:none;appearance:none;background:#b8a9d2;border:2px solid #302848;border-radius:5px;height:11px}.create-capacity input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;cursor:pointer;background:#e9e0ce;border:3px solid #302848;border-radius:5px;width:27px;height:33px;box-shadow:0 3px #0004}dialog#collection.native-collection{color:#fff;background:linear-gradient(110deg,#63568f,#32275e);border:0;border-radius:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;font-family:Roboto,sans-serif;overflow:auto}.native-collection .collection-header{background:linear-gradient(#211c40,#54467d);border-bottom:3px solid #a298c9;justify-content:center;align-items:center;height:72px;display:flex;position:relative}.native-collection h2{color:#d7cef5;letter-spacing:2px;margin:0;font-size:30px}.native-collection #collection-close{color:#fff;background:0 0;border:0;width:50px;height:45px;font-size:38px;position:absolute;top:12px;left:20px}.collection-layout{grid-template-columns:130px minmax(230px,1fr) minmax(330px,1.2fr);gap:24px;max-width:1260px;height:calc(100% - 72px);min-height:470px;margin:0 auto;padding:25px 22px;display:grid}.collection-sections{flex-direction:column;gap:10px;display:flex}.collection-sections button{color:#28213e;background:#e9e3d8;border:3px solid #262239;border-radius:6px;min-height:65px;font-size:14px;font-weight:900;box-shadow:0 4px #28213e}.collection-sections button.active{background:#4ddd98}.collection-detail{text-align:center;flex-direction:column;align-items:center;padding-top:32px;display:flex}.collection-rarity{background:#7b43b6;border:2px solid #34214c;border-radius:5px;padding:3px 16px;font-size:12px;font-weight:700}.collection-detail h3{text-shadow:2px 2px #241d40;margin:10px 0 3px;font-size:25px}.collection-subtitle{margin:0;font-size:14px}.collection-goose{object-fit:contain;filter:drop-shadow(0 15px 3px #30234888);width:155px;height:245px;margin:25px 0 10px}.collection-parts{justify-content:center;align-items:center;height:250px;display:flex}.collection-parts img{image-rendering:auto;max-width:160px;max-height:180px}.collection-status{background:#382e64aa;border-radius:10px;max-width:300px;padding:14px;font-size:13px;line-height:1.5}.collection-tools input{color:#fff;background:#45386e;border:2px solid #332654;border-radius:6px;width:100%;padding:10px;font-size:16px}.collection-tools input::placeholder{color:#c5bcdf}.collection-categories{gap:4px;margin:16px 0 8px;display:flex}.collection-categories button{color:#32274f;background:#aaa0d2;border:0;border-radius:12px 12px 0 0;padding:10px 8px;font-size:11px;font-weight:700}.collection-categories button.active{color:#fff;background:#3c306a}.collection-items{background:#3e326d;border-radius:8px;min-height:230px;padding:12px}.native-collection #color-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.native-collection .color-option{color:#fff;border:2px solid #a293c3;border-radius:5px;font-size:11px;background:#77609f!important;padding:5px!important}.native-collection .color-option.selected{border-color:#ffd93e}.native-collection .color-option canvas{object-fit:contain;width:100%;height:100px}.collection-item{color:#fff;background:#8063aa;border:3px solid #ffc922;border-radius:5px;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:130px;min-height:160px;padding:10px;display:flex}.collection-item img{object-fit:contain;width:90px;height:85px}.collection-item strong{font-size:11px}.collection-item span{font-size:12px}.collection-empty{color:#ddd4ee;font-size:14px}.native-collection [hidden]{display:none!important}@media (max-width:760px){.collection-layout{grid-template-columns:92px 1fr;gap:12px;height:auto;padding:15px 10px}.collection-sections{grid-row:span 2}.collection-sections button{min-height:52px;font-size:10px}.collection-detail{padding-top:8px}.collection-catalog{grid-column:2}.collection-goose{width:100px;height:150px;margin:10px}.collection-parts{height:140px}.collection-parts img{max-height:120px}.collection-status{font-size:11px}.collection-detail h3{font-size:21px}.collection-categories{flex-wrap:wrap}.native-collection #color-options{grid-template-columns:repeat(3,minmax(0,1fr))}}.native-collection .collection-subtitle,.native-collection .collection-status,.native-collection .collection-empty{color:#eee9ff}.collection-equip{color:#2f2751;background:#4ddd98;border:3px solid #28213e;border-radius:8px;padding:10px 34px;font-size:18px;font-weight:900;box-shadow:0 4px #28213e}.collection-equip:disabled{opacity:.5;cursor:not-allowed}.collection-items{flex-wrap:wrap;align-content:flex-start;gap:10px;display:flex}.native-collection #color-options{width:100%}.collection-item{border-color:#a293c3}.collection-item.selected{border-color:#ffd93e}.collection-item strong{line-height:1.3}.collection-item span{color:#ffdf69;font-weight:700}
.ui-audio-settings{margin:1.25rem 0 0;padding:1rem 1.1rem;border:1px solid #8792a8;border-radius:12px;background:#202b3b;color:#f5f6fa}.ui-audio-settings h3{margin:0 0 .65rem;color:#ffe08a;font-size:.95rem;letter-spacing:.06em}.ui-audio-settings label{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap;font-weight:600}.ui-audio-settings input[type=range]{flex:1;min-width:150px;accent-color:#ffd35b}.ui-audio-settings output{min-width:3.2rem;text-align:right;color:#fff}.ui-audio-settings p{margin:.55rem 0 0;color:#d3d9e4;font-size:.85rem;line-height:1.45}
:is(.vote-button.eliminated,.vote-button.disconnected){opacity:.6;cursor:not-allowed;background:#171f23;border-color:#303b40}.vote-button.eliminated .vote-mark{color:#ff737b;font-size:24px;font-weight:900;line-height:1}.vote-button.disconnected .crew-color{filter:grayscale(1)}.vote-button .vote-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vote-button>small{white-space:nowrap}
.game-shell .canvas-top #role-badge{font-size:clamp(13px,1.15vw,17px);font-weight:900;letter-spacing:.045em;line-height:1.2;color:#fff;background:#16352a;border:2px solid #b9f5cf;border-radius:9px;box-shadow:0 2px 8px #0009;padding:9px 13px;max-width:72%;text-shadow:0 1px 2px #000}.game-shell .canvas-top #role-badge.bad{color:#fff;background:#571e28;border-color:#ff9aa1}.game-shell .canvas-top #role-badge.spectator{color:#fff;background:#25334a;border-color:#b4c8ed}@media(max-width:700px){.game-shell .canvas-top #role-badge{font-size:12px;max-width:67%;padding:7px 9px}}
.role-reveal{z-index:40;position:fixed;inset:0;display:grid;place-items:center;padding:24px;background:radial-gradient(ellipse at 50% 42%,#283852 0,#111a2a 53%,#080d17 100%);color:#fff;text-align:center;animation:role-reveal-in .38s ease-out both}.role-reveal[hidden]{display:none}.role-reveal-card{width:min(560px,92vw);padding:32px 30px 28px;background:linear-gradient(145deg,#263654f5,#131e31f7);border:2px solid #8296bd;border-radius:18px;box-shadow:0 22px 90px #000a;animation:role-card-pop .48s cubic-bezier(.2,.85,.25,1.15) both}.role-reveal-kicker{font-size:12px;font-weight:800;letter-spacing:.2em;color:#c7d3e9}.role-reveal-emblem{display:grid;place-items:center;width:130px;height:130px;margin:20px auto 10px;border-radius:50%;background:radial-gradient(circle,#f6e8a1 0,#bd9864 48%,#423448 70%);box-shadow:0 0 34px #e9dca855,inset 0 0 18px #fff8}.role-reveal-emblem img{width:104px;height:104px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 7px 4px #1118)}.role-reveal h1{margin:12px 0 8px;font:900 clamp(34px,7vw,56px)/1.05 GGDRoboto,system-ui,sans-serif;letter-spacing:.04em;color:#d9f2d8;text-shadow:0 3px #1a2c2a,0 7px 20px #0008}.role-reveal p{max-width:420px;margin:0 auto;color:#e2e8f2;font-size:16px;line-height:1.5}.role-reveal-hint{display:block;margin:22px 0 14px;color:#b9c9df;font-size:11px;font-weight:800;letter-spacing:.18em}.role-reveal button{min-width:190px;padding:12px 22px;color:#172035;background:#e8ce62;border:2px solid #f6eaa8;border-radius:9px;font-weight:900;letter-spacing:.08em;box-shadow:0 4px #594c36}.role-reveal.saboteur .role-reveal-card{border-color:#dc8b83;background:linear-gradient(145deg,#493148f5,#21192af7)}.role-reveal.saboteur .role-reveal-emblem{background:radial-gradient(circle,#c76961 0,#6d3a54 52%,#251e37 73%);box-shadow:0 0 38px #eb554977,inset 0 0 20px #ffd8bd55}.role-reveal.saboteur h1{color:#ffaaa2;text-shadow:0 3px #4c2429,0 7px 20px #0008}.role-reveal.saboteur .role-reveal-hint{color:#ffc0b8}.role-reveal.crew .role-reveal-hint{color:#c2f0ce}@keyframes role-reveal-in{from{opacity:0}to{opacity:1}}@keyframes role-card-pop{from{opacity:0;transform:translateY(18px) scale(.92)}to{opacity:1;transform:translateY(0) scale(1)}}@media(prefers-reduced-motion:reduce){.role-reveal,.role-reveal-card{animation:none}}
.game-shell .meeting{background:#101926f5;border-color:#91a3c4}.game-shell .meeting h3{font-family:GGDRoboto,system-ui,sans-serif;letter-spacing:.03em}.game-shell #votes{max-width:760px;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px}.game-shell .vote-button{min-height:64px;border-radius:8px;background:#27364a;border-color:#657993}.game-shell .vote-button.voted{background:#486b56;border-color:#c8e078;box-shadow:0 0 0 2px #d6e98455}.game-shell .vote-button.eliminated,.game-shell .vote-button.disconnected{background:#1a2029;border-color:#454b56}.game-shell .vote-button .crew-color{flex:0 0 17px;width:17px;height:22px}
.actions button::before{display:inline-grid;place-items:center;width:18px;height:18px;margin-right:6px;border-radius:5px;font-size:15px;font-weight:900;line-height:1;vertical-align:middle}.actions #interact::before{content:'◇';color:#bff1d2}.actions #report::before{content:'⚑';color:#ffe68b}.actions #call-meeting::before{content:'◉';color:#b6d4ff}.actions #disable::before{content:'×';color:#fff}.actions #sabotage-lights::before{content:'✦';color:#f3ddff}.actions #sabotage-reactor::before{content:'⚡';color:#ffe69b}.game-shell.saboteur-role .actions #interact{display:none}.action-icon{display:inline-grid;place-items:center;width:20px;height:20px;margin-right:6px;color:#c8f1d8;font-size:18px;font-weight:900}.game-shell.saboteur-role .action-icon{color:#ffd1b5}
.ingame-task-hud{position:absolute;z-index:8;top:18px;left:18px;width:min(250px,34vw);max-height:44%;padding:12px 14px;color:#fff;background:linear-gradient(145deg,#15191ee8,#11141adf);border:1px solid #9aa7ae66;border-radius:12px;box-shadow:0 8px 25px #0008;backdrop-filter:blur(5px);overflow:auto;pointer-events:auto}.ingame-task-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;padding-bottom:7px;border-bottom:1px solid #ffffff2b}.ingame-task-heading strong{font-size:12px;letter-spacing:.08em;color:#ffdb70}.ingame-task-heading span{font-size:11px;font-weight:900;letter-spacing:.06em}.ingame-task-row{display:flex;gap:8px;align-items:flex-start;padding:6px 1px;border-bottom:1px solid #ffffff16;font-size:12px;text-shadow:0 1px 2px #000}.ingame-task-row>span{color:#ffe17d;font-size:15px;font-weight:900;line-height:1}.ingame-task-row small{display:block;margin-top:2px;color:#c5cbd1;font-size:9px}.ingame-task-row.done{opacity:.56;text-decoration:line-through}.ingame-task-row.done>span{color:#91dfa8}.ingame-task-row.urgent>span,.ingame-task-hud.saboteur .ingame-task-heading strong{color:#ff7b74}.ingame-task-empty{color:#e3e7ed;font-size:11px;line-height:1.5;text-shadow:0 1px 3px #000}.ingame-minimap[hidden]{display:none!important}.ingame-minimap{position:absolute;z-index:8;top:16px;right:80px;width:148px;height:168px;display:flex;flex-direction:column;align-items:center;gap:4px;pointer-events:none;filter:drop-shadow(0 4px 5px #0009)}#minimap-canvas{width:142px;height:142px;border:3px solid #d6ad4d;border-radius:50%;background:#161c26;box-shadow:0 0 0 3px #17191dcc,0 0 16px #000a}#minimap-room{max-width:100%;padding:2px 8px;color:#fff;font-size:10px;font-weight:900;letter-spacing:.06em;text-align:center;text-shadow:0 2px 4px #000;background:#111722c9;border-radius:8px}.in-game .game-shell .action-bar{position:absolute;z-index:9;right:82px;bottom:20px;left:auto;max-width:78px;padding:0}.in-game .game-shell .control-hint{position:absolute;right:0;bottom:100%;width:max-content;max-width:220px;padding:5px 7px;text-align:right;color:#fff;background:#111722b8;border-radius:5px;font-size:9px;text-shadow:0 1px 3px #000}.in-game .game-shell .actions{display:flex;flex-direction:column;align-items:center;gap:9px}.in-game .game-shell .actions .button{position:relative;display:grid;width:58px;height:58px;min-width:58px;place-items:center;padding:5px;border:2px solid #e1d6c3;border-radius:50%;color:#fff;background:#222632e8;box-shadow:0 3px 10px #0009;font-size:0}.in-game .game-shell .actions .button:before{content:attr(data-hud-icon);display:grid;place-items:center;width:34px;height:34px;margin:0;color:#ffe8b2;font-size:25px;font-weight:900;line-height:1}.in-game .game-shell .actions #report:before{content:'';background:url('/guguz-dak-demo/ggd/hud/report-symbol.png') center/contain no-repeat}.in-game .game-shell.saboteur-role .actions .danger{background:#6c2735eF;border-color:#ff8b85}.in-game .game-shell.saboteur-role .actions .danger:before{color:#fff}.in-game .game-shell .actions .button kbd{position:absolute;right:-3px;bottom:-5px;min-width:20px;padding:2px 4px;color:#fff;background:#151922;border:1px solid #e4d4a2;border-radius:8px;text-align:center;font-size:9px}.in-game .game-shell .actions .button:disabled{filter:grayscale(.8);opacity:.48}@media(max-width:700px){.ingame-task-hud{top:12px;left:10px;width:min(190px,48vw);max-height:36%;padding:9px 10px}.ingame-task-row{font-size:10px}.ingame-task-heading strong,.ingame-task-heading span{font-size:9px}.ingame-minimap{top:12px;right:49px;width:112px;height:130px}#minimap-canvas{width:108px;height:108px}.in-game .game-shell .action-bar{right:55px;bottom:10px;max-width:58px}.in-game .game-shell .actions .button{width:46px;height:46px;min-width:46px}.in-game .game-shell .actions .button:before{width:27px;height:27px;font-size:20px}.in-game .game-shell .actions .button kbd{right:-5px;font-size:8px}.in-game .game-shell .control-hint{display:none}}
.ingame-task-hud{top:86px;left:164px;width:min(245px,31vw);max-height:40%}.ingame-minimap{top:74px;right:150px}.in-game .game-shell .action-bar{right:150px;bottom:18px}.in-game .game-shell .control-hint{max-width:170px}@media(max-width:700px){.ingame-task-hud{top:82px;left:54px;width:min(190px,45vw);max-height:34%}.ingame-minimap{top:74px;right:56px;width:112px;height:130px}#minimap-canvas{width:108px;height:108px}.in-game .game-shell .action-bar{right:110px;bottom:10px;max-width:58px}}

.in-game .game-shell .canvas-top{display:none}