:root{--color-charcoal-900:#15130f;--color-charcoal-800:#26221b;--color-bronze-700:#4a3f2e;--color-umber-800:#2f2a21;--color-umber-900:#221d16;--color-parchment-100:#ece4d3;--color-parchment-050:#f7f1e3;--color-parchment-200:#ece0c8;--color-khaki-300:#b8a37e;--color-parchment-text:#e8dfcf;--color-tan-muted-dark:#a89a7c;--color-umber-text:#3a2f22;--color-tan-muted-light:#7a6b4f;--color-offwhite:#f2ece0;--color-nearblack:#241f16;--color-rules-parchment:#ecdfc4;--color-gold:#c9a227;--color-rust-500:#c98f3a;--color-rust-700:#8a5a2b;--color-brick-500:#7a2e21;--color-brick-600:#a84a34;--color-brick-700:#8a3323;--color-brick-800:#6b2419;--color-olive-800:#3a4a33;--color-olive-200:#dce8cf;--color-olive-text-dark:#d8e8cc;--color-olive-text-light:#33421f;--color-brick-status-800:#5c2820;--color-brick-status-200:#f0d3cc;--color-brick-status-text-dark:#f2d8d0;--color-brick-status-text-light:#5c2016;--color-steel-800:#2f3d40;--color-steel-200:#d3e2e4;--color-steel-text-dark:#cfe0e2;--color-steel-text-light:#233b3d;--color-ochre-800:#5c4a1f;--color-ochre-200:#f0e0b0;--color-ochre-text-dark:#f0e0b8;--color-ochre-text-light:#4a3a10;--color-void-900:#1a1610;--color-void-950:#120e09;--color-flame-600:#b8451f;--color-flame-800:#7a1f0a;--color-olive-action-600:#4a6b3a;--color-olive-action-700:#35502a;--color-victory-start:#c9a227;--color-victory-end:#8a5a2b;--font-family:"Staatliches",sans-serif;--text-color:var(--color-umber-text);--text-muted:var(--color-tan-muted-light);--text-light:var(--color-offwhite);--text-dark:var(--color-nearblack);--text-rules:var(--color-rules-parchment);--bg-body:var(--color-parchment-100);--bg-content:var(--color-parchment-050);--bg-overlay:rgba(21,19,15,.55);--bg-modal-start:var(--color-parchment-050);--bg-modal-end:var(--color-parchment-200);--modal-gradient:linear-gradient(145deg,var(--bg-modal-start),var(--bg-modal-end));--border-color:var(--color-khaki-300);--box-shadow:0px 4px 10px rgba(0,0,0,.15);--primary-color:var(--color-rust-700);--secondary-color:var(--color-brick-700);--accent-color:var(--color-rust-700);--gold-color:var(--color-gold);--voting-button-bg:var(--color-brick-700);--voting-button-text:#f7ece6;--voting-button-border:var(--color-brick-800);--alert-success-bg:var(--color-olive-200);--alert-success-text:var(--color-olive-text-light);--alert-error-bg:var(--color-brick-status-200);--alert-error-text:var(--color-brick-status-text-light);--alert-info-bg:var(--color-steel-200);--alert-info-text:var(--color-steel-text-light);--alert-warning-bg:var(--color-ochre-200);--alert-warning-text:var(--color-ochre-text-light);--tile-bg-fallback:var(--color-void-900);--tile-bg-shadow:var(--color-void-950);--kick-hover-start:var(--color-flame-600);--kick-hover-end:var(--color-flame-800)}.dark-mode{--text-color:var(--color-parchment-text);--text-muted:var(--color-tan-muted-dark);--bg-body:var(--color-charcoal-900);--bg-content:var(--color-charcoal-800);--bg-overlay:rgba(21,19,15,.85);--bg-modal-start:var(--color-umber-800);--bg-modal-end:var(--color-umber-900);--border-color:var(--color-bronze-700);--box-shadow:0px 4px 15px rgba(0,0,0,.5);--primary-color:var(--color-rust-500);--secondary-color:var(--color-brick-500);--accent-color:var(--color-rust-500);--voting-button-bg:var(--color-brick-500);--voting-button-text:#f3e6d0;--voting-button-border:var(--color-brick-600);--alert-success-bg:var(--color-olive-800);--alert-success-text:var(--color-olive-text-dark);--alert-error-bg:var(--color-brick-status-800);--alert-error-text:var(--color-brick-status-text-dark);--alert-info-bg:var(--color-steel-800);--alert-info-text:var(--color-steel-text-dark);--alert-warning-bg:var(--color-ochre-800);--alert-warning-text:var(--color-ochre-text-dark)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-body);color:var(--text-color);font-family:var(--font-family,"Staatliches",sans-serif);line-height:1.6;overflow-x:hidden;transition:background-color .3s,color .3s}.flash-messages{left:50%;max-width:800px;pointer-events:none;position:absolute;top:60px;transform:translateX(-50%);width:90%;z-index:1001}.flash-messages .alert{border-radius:5px;box-shadow:var(--box-shadow);font-size:1rem;margin-bottom:10px;padding:15px;pointer-events:auto;text-align:center}.flash-messages .alert.alert-success{background-color:var(--alert-success-bg);color:var(--alert-success-text)}.flash-messages .alert.alert-danger,.flash-messages .alert.alert-error{background-color:var(--alert-error-bg);color:var(--alert-error-text)}.flash-messages .alert.alert-info{background-color:var(--alert-info-bg);color:var(--alert-info-text)}.flash-messages .alert.alert-warning{background-color:var(--alert-warning-bg);color:var(--alert-warning-text)}.flash-messages .alert .btn-close{color:var(--text-light);opacity:.7;transition:opacity .3s}.flash-messages .alert .btn-close:hover{opacity:1}.global-icons{display:flex;gap:10px;left:15px;position:absolute;top:10px;z-index:1001}.global-icons .clickable-icon{background-color:var(--primary-color);border-radius:50%;color:var(--text-light);cursor:pointer;font-size:1.5rem;padding:10px;transition:background-color .3s ease}.global-icons .clickable-icon:hover{filter:brightness(85%)}#rules-container{display:none;height:100%;left:20px;position:fixed;top:50px;width:100%;z-index:1000}#rules-container.open{align-items:flex-start;display:flex;justify-content:flex-start}.torn-page-background{animation:scrollUnroll .8s ease-out;background:url(/build/images/torn-page.bcd217a7.png) no-repeat 50%;background-size:cover;display:flex;flex-direction:column;max-height:60%;max-width:90%;overflow:hidden;padding:40px;position:relative;width:600px}@media(max-width:2468px){.torn-page-background{width:470px}}@media(max-width:768px){.torn-page-background{max-width:600px;width:95%}}.rules-header{background:none;margin-top:30px;padding:10px 20px;position:sticky;text-align:center;z-index:10}.rules-header .rules-title{color:var(--accent-color);font-family:var(--font-family);font-size:2rem;margin:0}.rules-header .close-icon{background:transparent;border:none;color:var(--primary-color);cursor:pointer;font-size:1.5rem;position:absolute;right:-10px;top:-20px;transition:transform .2s}.rules-header .close-icon:hover{transform:rotate(90deg) scale(1.2)}.rules-content{color:var(--text-rules);flex:1;font-family:Roboto,sans-serif;line-height:1.8;overflow-y:auto;padding:20px;scrollbar-width:none;text-shadow:1px 1px 2px rgba(0,0,0,.5);-ms-overflow-style:none}.rules-content::-webkit-scrollbar{display:none}.rules-content section{margin-bottom:20px}.rules-content section h3,.rules-content section h4{color:var(--accent-color);font-size:1.5rem}.rules-content section ul{padding-left:20px}.rules-content section ul li{list-style:disc}#ashes-container{height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:2}.ash{animation-fill-mode:forwards;animation-name:ashes;animation-timing-function:linear;background-color:rgba(255,220,180,.85);border-radius:50%;box-shadow:0 0 4px rgba(255,180,120,.6);height:5px;position:absolute;top:-10px;width:5px}@keyframes ashes{0%{opacity:0;transform:translateY(0) scale(.5)}50%{opacity:1;transform:translateY(300px) scale(1)}to{opacity:0;transform:translateY(600px) scale(1.2)}}@keyframes scrollUnroll{0%{opacity:0;transform:scaleY(.1) rotateX(-90deg)}to{opacity:1;transform:scaleY(1) rotateX(0deg)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.top-controls{align-items:center;display:flex;gap:15px;position:absolute;right:15px;top:10px;z-index:1002}.language-switcher select{background-color:var(--bg-content);border:1px solid var(--border-color);border-radius:5px;color:var(--text-color);cursor:pointer;font-size:1rem;padding:5px 10px;transition:all .3s ease}.language-switcher select:hover{border-color:var(--primary-color)}#theme-toggle{appearance:none;background-color:var(--text-dark);border-radius:13px;cursor:pointer;height:26px;position:relative;transition:background-color .3s ease;width:50px}#theme-toggle:before{background-color:var(--text-light);border-radius:50%;content:"";height:22px;left:2px;position:absolute;top:2px;transition:transform .3s ease;width:22px}#theme-toggle .fa-moon,#theme-toggle .fa-sun{color:var(--accent-color);position:absolute;top:50%;transform:translateY(-50%);transition:opacity .3s ease}#theme-toggle .fa-sun{left:5px;opacity:1}#theme-toggle .fa-moon{opacity:0;right:5px}.dark-mode #theme-toggle{background-color:var(--text-light)}.dark-mode #theme-toggle:before{transform:translateX(24px)}.dark-mode #theme-toggle .fa-sun{opacity:0}.dark-mode #theme-toggle .fa-moon{opacity:1}.universal-background{align-items:center;display:flex;justify-content:center;min-height:100vh;overflow:hidden;position:relative;width:100%}.universal-background:after{animation:zoom 20s linear infinite;background-image:inherit;background-position:50%;background-repeat:no-repeat;background-size:cover;content:"";inset:0;position:absolute;z-index:0}@keyframes zoom{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.universal-background:before{background:var(--bg-overlay);bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}.corner-bolt{background:rgba(0,0,0,.55);border-radius:50%;box-shadow:0 1px 0 hsla(0,0%,100%,.1);height:5px;position:absolute;width:5px}.content-wrapper--top-aligned{height:100vh}.universal-container.universal-container--lobby{height:100%;min-height:0;padding:16px 40px 20px}.universal-container{align-items:flex-start;display:flex;justify-content:center;min-height:fit-content;padding:60px 40px;width:100%;z-index:5}.universal-container .lobby-card{display:flex;flex-direction:column;height:100%;max-width:1200px;min-height:0;width:100%;z-index:10}.universal-container .lobby-card .lobby-header{flex-shrink:0}.universal-container .lobby-card h1{color:#ffb454;font-size:2rem;font-weight:700;margin-bottom:4px;text-align:center;text-shadow:2px 2px 8px rgba(0,0,0,.8)}.universal-container .lobby-card .session-code{color:var(--gold-color);font-size:1rem;font-weight:700;margin-bottom:10px;text-align:center;text-shadow:1px 1px 6px rgba(0,0,0,.8)}.universal-container .lobby-card .copy-link-btn{all:unset;align-items:center;background:var(--color-rust-700);border-radius:50%;color:var(--text-light);cursor:pointer;display:inline-flex;font-size:.65rem;height:22px;justify-content:center;margin-left:6px;position:relative;vertical-align:middle;width:22px}.universal-container .lobby-card .copy-link-btn:hover{filter:brightness(1.1)}.universal-container .lobby-card .copy-toast{background:var(--color-void-950);border-radius:6px;bottom:calc(100% + 8px);color:var(--text-light);font-size:.68rem;font-weight:400;left:50%;opacity:0;padding:4px 9px;pointer-events:none;position:absolute;transform:translateX(-50%) translateY(4px);transition:opacity .2s ease,transform .2s ease;white-space:nowrap}.universal-container .lobby-card .copy-toast.visible{opacity:1;transform:translateX(-50%) translateY(0)}.universal-container .lobby-card .status-panel{align-items:stretch;background:linear-gradient(160deg,var(--color-umber-800),var(--color-umber-900));border:1px solid hsla(0,0%,100%,.08);border-radius:10px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.4),0 6px 16px rgba(0,0,0,.45);display:flex;flex-wrap:wrap;gap:1.4rem;justify-content:flex-start;margin:0 auto 14px;max-width:780px;padding:.4rem 1.4rem;position:relative}.universal-container .lobby-card .status-panel .corner-bolt.tl{left:8px;top:6px}.universal-container .lobby-card .status-panel .corner-bolt.tr{right:8px;top:6px}.universal-container .lobby-card .status-panel .corner-bolt.bl{bottom:6px;left:8px}.universal-container .lobby-card .status-panel .corner-bolt.br{bottom:6px;right:8px}.universal-container .lobby-card .led-row{align-items:center;display:flex;gap:1.1rem}.universal-container .lobby-card .led-unit{align-items:center;display:flex;flex-direction:column;gap:.2rem}.universal-container .lobby-card .led{background:#3a3128;border-radius:50%;height:9px;width:9px}.universal-container .lobby-card .led.on{background:#7fe06a;box-shadow:0 0 6px #7fe06a,0 0 2px #cfffc0}.universal-container .lobby-card .led.off{background:#8a5f52;box-shadow:inset 0 0 2px rgba(0,0,0,.6),0 0 0 1px rgba(0,0,0,.3)}.universal-container .lobby-card .led-label{color:var(--color-tan-muted-dark);font-size:.72rem;letter-spacing:.02em;text-transform:uppercase;white-space:nowrap}.universal-container .lobby-card .panel-divider{background:hsla(0,0%,100%,.1);margin:.1rem 0;width:1px}.universal-container .lobby-card .readout-row{align-items:center;display:flex;gap:.9rem}.universal-container .lobby-card .readout{align-items:center;background:#0d0d0a;border:1px solid hsla(0,0%,100%,.08);border-radius:6px;box-shadow:inset 0 0 6px rgba(0,0,0,.7);display:flex;flex-direction:column;padding:.2rem .6rem}.universal-container .lobby-card .readout-label{color:var(--color-tan-muted-dark);font-size:.68rem;letter-spacing:.03em}.universal-container .lobby-card .readout-value{color:#ffb454;font-size:.95rem;font-variant-numeric:tabular-nums;font-weight:700;text-shadow:0 0 6px rgba(255,180,84,.7)}.universal-container .lobby-card .readout-value.dim{color:#6b5d46;text-shadow:none}.universal-container .lobby-card .settings-cog{all:unset;align-items:center;align-self:center;background-color:var(--primary-color);border-radius:50%;color:var(--text-light);cursor:pointer;display:flex;font-size:1.1rem;height:32px;justify-content:center;margin-left:auto;transition:filter .2s ease;width:32px}.universal-container .lobby-card .settings-cog:hover{filter:brightness(85%)}.universal-container .lobby-card .settings-cog[disabled]{cursor:not-allowed;opacity:.4}.universal-container .lobby-card .player-grid{align-content:center;display:flex;flex:1 1 auto;flex-wrap:wrap;gap:16px 30px;justify-content:center;margin:0 auto 16px;max-width:820px;min-height:0;overflow-y:auto}.universal-container .lobby-card .lobby-footer{flex-shrink:0}.universal-container .lobby-card .player-slot{text-align:center;width:108px}.universal-container .lobby-card .player-slot:nth-child(odd){transform:translateY(8px)}.universal-container .lobby-card .player-slot:nth-child(2n){transform:translateY(-8px)}.universal-container .lobby-card .current-player-tile,.universal-container .lobby-card .porthole{margin:0 auto;position:relative}.universal-container .lobby-card .porthole{height:108px;width:108px}.universal-container .lobby-card .current-player-tile{height:120px;width:120px}.universal-container .lobby-card .current-player-tile .ring,.universal-container .lobby-card .porthole .ring{background:radial-gradient(circle at 50% 42%,var(--player-color,var(--tile-bg-fallback)) 0,color-mix(in srgb,var(--player-color,var(--tile-bg-fallback)) 55%,var(--tile-bg-shadow)) 72%,var(--tile-bg-shadow) 100%);border-radius:50%;box-shadow:inset 0 0 0 4px rgba(0,0,0,.45),inset 0 0 0 6px hsla(0,0%,100%,.08),0 6px 16px rgba(0,0,0,.7);inset:0;position:absolute;transition:box-shadow .3s ease}.universal-container .lobby-card .current-player-tile .ring{box-shadow:inset 0 0 0 4px rgba(0,0,0,.45),inset 0 0 0 6px hsla(0,0%,100%,.08),0 0 0 3px var(--gold-color),0 6px 20px rgba(0,0,0,.8)}.universal-container .lobby-card .porthole:hover .ring{box-shadow:inset 0 0 0 4px rgba(0,0,0,.45),inset 0 0 0 6px hsla(0,0%,100%,.08),0 0 0 3px var(--color-rust-500),0 10px 30px rgba(255,165,0,.6)}.universal-container .lobby-card .current-player-tile .bolts span,.universal-container .lobby-card .porthole .bolts span{background:rgba(0,0,0,.55);border-radius:50%;box-shadow:0 1px 0 hsla(0,0%,100%,.12);height:5px;position:absolute;width:5px}.universal-container .lobby-card .current-player-tile .bolts span:first-child,.universal-container .lobby-card .porthole .bolts span:first-child{left:50%;top:4px;transform:translateX(-50%)}.universal-container .lobby-card .current-player-tile .bolts span:nth-child(2),.universal-container .lobby-card .porthole .bolts span:nth-child(2){bottom:4px;left:50%;transform:translateX(-50%)}.universal-container .lobby-card .current-player-tile .bolts span:nth-child(3),.universal-container .lobby-card .porthole .bolts span:nth-child(3){left:4px;top:50%;transform:translateY(-50%)}.universal-container .lobby-card .current-player-tile .bolts span:nth-child(4),.universal-container .lobby-card .porthole .bolts span:nth-child(4){right:4px;top:50%;transform:translateY(-50%)}.universal-container .lobby-card .leader-crown{color:var(--gold-color);font-size:1.3rem;left:50%;position:absolute;text-shadow:0 0 8px rgba(255,223,0,.8);top:-16px;transform:translateX(-50%);z-index:20}.universal-container .lobby-card .player-name{color:var(--text-light);display:block;font-size:.85rem;font-weight:700;margin-top:.35rem;overflow:hidden;text-overflow:ellipsis;text-shadow:0 0 6px rgba(0,0,0,.8);white-space:nowrap}.universal-container .lobby-card .kick-button{align-items:center;background:rgba(255,69,0,.9);border-radius:50%;box-shadow:0 4px 12px rgba(0,0,0,.5);color:var(--text-light);display:flex;font-size:.7rem;height:22px;justify-content:center;opacity:0;position:absolute;right:6px;top:6px;transition:opacity .3s ease,transform .2s ease;width:22px}.universal-container .lobby-card .porthole:hover .kick-button{opacity:1;transform:scale(1.15)}.universal-container .lobby-card .kick-button:hover{background:linear-gradient(135deg,var(--kick-hover-start),var(--kick-hover-end));cursor:pointer}.universal-container .lobby-card .current-player-container{align-items:center;display:flex;flex-direction:column;margin:0 0 .6rem}.universal-container .lobby-card .color-picker-icon{align-items:center;background:var(--bg-content);border-radius:50%;bottom:2px;box-shadow:0 4px 12px rgba(0,0,0,.5);color:var(--text-dark);cursor:pointer;display:flex;font-size:.85rem;height:32px;justify-content:center;position:absolute;right:2px;width:32px}.universal-container .lobby-card .action-buttons{display:flex;gap:20px;justify-content:center;margin-top:0}.universal-container .lobby-card .action-buttons button{align-items:center;border:1px solid rgba(0,0,0,.5);border-radius:10px;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.15),inset 0 -3px 6px rgba(0,0,0,.3),0 5px 15px rgba(0,0,0,.35);color:var(--text-light);display:inline-flex;font-family:var(--font-family);font-size:1.05rem;gap:.6rem;letter-spacing:.04em;overflow:hidden;padding:9px 22px 9px 18px;position:relative;text-transform:uppercase;transition:filter .3s,transform .3s}.universal-container .lobby-card .action-buttons button:before{background:repeating-linear-gradient(-45deg,var(--color-gold) 0 6px,var(--color-void-950) 6px 12px);content:"";height:4px;left:0;opacity:.85;position:absolute;right:0;top:0}.universal-container .lobby-card .action-buttons button:hover{filter:brightness(1.08);transform:translateY(-3px)}.universal-container .lobby-card .action-buttons .btn-leave{background:linear-gradient(160deg,#7a2c1d,#4a1710)}.universal-container .lobby-card .action-buttons .btn-start{background:linear-gradient(160deg,#3f6430,#223a1a)}.modal-overlay{align-items:center;background:rgba(10,8,5,.78);display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:1000}.modal-overlay[hidden]{display:none}.modal-card{background:linear-gradient(165deg,var(--color-umber-800),var(--color-umber-900));border:1px solid hsla(0,0%,100%,.08);border-radius:10px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.45),0 14px 30px rgba(0,0,0,.6);color:var(--text-light);max-height:88vh;max-width:400px;overflow-y:auto;padding:2.2rem 1.8rem 1.6rem;position:relative;width:100%}.modal-card:before{background:repeating-linear-gradient(-45deg,var(--color-gold) 0 7px,var(--color-void-950) 7px 14px);border-radius:10px 10px 0 0;content:"";height:5px;left:0;position:absolute;right:0;top:0}.modal-card .corner-bolt.tl{left:12px;top:12px}.modal-card .corner-bolt.tr{right:12px;top:12px}.modal-card .corner-bolt.bl{bottom:12px;left:12px}.modal-card .corner-bolt.br{bottom:12px;right:12px}.modal-card h3{color:var(--color-rust-500);font-family:var(--font-family);font-size:1.3rem;margin:0 0 .1rem}.modal-card .modal-sub{color:var(--color-tan-muted-dark);font-size:.72rem;margin:0 0 .9rem}.switch-row{align-items:center;border-bottom:1px dashed var(--color-bronze-700);display:flex;font-size:.85rem;gap:.7rem;justify-content:space-between;padding:.5rem 0}.switch-row>span:not(.switch){flex:1 1 auto;min-width:0;overflow-wrap:break-word}.switch{flex-shrink:0;height:24px;position:relative;width:42px}.switch input{cursor:pointer;height:100%;margin:0;opacity:0;position:absolute;width:100%}.switch .track{background:rgba(0,0,0,.25);border-radius:999px;inset:0;position:absolute;transition:background .2s ease}.switch .thumb{background:var(--color-offwhite);border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.4);height:20px;left:2px;position:absolute;top:2px;transition:transform .2s ease;width:20px}.switch input:checked~.track{background:var(--color-rust-500)}.switch input:checked~.thumb{transform:translateX(18px)}.switch input:disabled~.track{opacity:.5}.switch input:disabled{cursor:default}.slider-row{border-bottom:1px dashed var(--color-bronze-700);padding:.6rem 0}.slider-row .slider-head{display:flex;font-size:.85rem;justify-content:space-between;margin-bottom:.35rem}.slider-row .slider-head .value{color:var(--color-rust-500);font-variant-numeric:tabular-nums;font-weight:700}.slider-row input[type=range]{accent-color:var(--color-rust-500);width:100%}.slider-row .range-labels{color:var(--color-tan-muted-dark);display:flex;font-size:.65rem;justify-content:space-between;margin-top:.1rem}.save-btn{background:var(--color-rust-500);border:none;border-radius:8px;color:#1a1207;cursor:pointer;font-family:var(--font-family);font-size:.95rem;letter-spacing:.03em;margin-top:.9rem;padding:.6rem;width:100%}.modal-close{all:unset;color:var(--color-tan-muted-dark);cursor:pointer;font-size:1.1rem;position:absolute;right:1rem;top:.8rem}.content-card{background:linear-gradient(165deg,var(--color-umber-800),var(--color-umber-900));border:1px solid hsla(0,0%,100%,.08);border-radius:12px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.45),0 20px 50px rgba(0,0,0,.6);color:var(--text-light);max-width:480px;padding:30px 28px 26px;position:relative;text-align:center;width:92%;z-index:2}.content-card:before{background:repeating-linear-gradient(-45deg,var(--color-gold) 0 7px,var(--color-void-950) 7px 14px);border-radius:12px 12px 0 0;content:"";height:5px;left:0;position:absolute;right:0;top:0}.content-card .corner-bolt.tl{left:13px;top:13px}.content-card .corner-bolt.tr{right:13px;top:13px}.content-card .corner-bolt.bl{bottom:13px;left:13px}.content-card .corner-bolt.br{bottom:13px;right:13px}.content-card h1{color:#ffb454;font-family:var(--font-family);font-size:1.85rem;margin:6px 0 4px;text-shadow:2px 2px 8px rgba(0,0,0,.8)}.content-card .tagline{color:var(--text-muted);font-size:.85rem;margin:0 0 22px}.content-card .mode-switch{background:rgba(0,0,0,.3);border-radius:999px;box-shadow:inset 0 0 6px rgba(0,0,0,.6);display:flex;margin-bottom:22px;padding:4px;position:relative}.content-card .mode-switch .thumb{background:linear-gradient(160deg,var(--color-rust-500),var(--color-rust-700));border-radius:999px;box-shadow:0 3px 10px rgba(0,0,0,.4);height:calc(100% - 8px);left:4px;position:absolute;top:4px;transition:transform .25s cubic-bezier(.4,0,.2,1);width:calc(50% - 4px)}.content-card .mode-switch.join .thumb{transform:translateX(100%)}.content-card .mode-switch button{all:unset;color:var(--text-muted);cursor:pointer;flex:1;font-size:.88rem;font-weight:700;letter-spacing:.04em;padding:9px 0;position:relative;text-align:center;text-transform:uppercase;transition:color .25s ease;z-index:1}.content-card .mode-switch button.active{color:var(--text-light)}.content-card .field{margin-bottom:16px;text-align:left}.content-card .field label{color:var(--text-muted);display:block;font-size:.72rem;letter-spacing:.05em;margin-bottom:6px;text-transform:uppercase}.content-card .field input{background:#0d0d0a;border:1px solid hsla(0,0%,100%,.08);border-radius:8px;box-shadow:inset 0 0 6px rgba(0,0,0,.7);color:var(--text-light);font-size:.95rem;padding:11px 12px;width:100%}.content-card .field input::placeholder{color:hsla(38,35%,86%,.35)}.content-card .field input:focus{box-shadow:inset 0 0 6px rgba(0,0,0,.7),0 0 0 2px var(--color-rust-500);outline:none}.content-card .field input.code-style{color:#ffb454;font-family:SFMono-Regular,Consolas,monospace;font-size:1.05rem;letter-spacing:.28em;text-align:center;text-transform:uppercase}.content-card .field input.code-style::placeholder{color:hsla(38,35%,86%,.35);font-family:inherit;font-size:.78rem;letter-spacing:normal;text-align:left;text-transform:none}.content-card .submit-btn{all:unset;align-items:center;background:linear-gradient(160deg,var(--color-olive-action-600),var(--color-olive-action-700));border:1px solid rgba(0,0,0,.5);border-radius:10px;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.15),inset 0 -3px 6px rgba(0,0,0,.3),0 5px 15px rgba(0,0,0,.35);color:var(--text-light);cursor:pointer;display:flex;font-family:var(--font-family);font-size:1.1rem;gap:.5rem;justify-content:center;letter-spacing:.05em;margin-top:6px;overflow:hidden;padding:12px 0;position:relative;text-align:center;text-transform:uppercase;transition:filter .2s,transform .2s;width:100%}.content-card .submit-btn:before{background:repeating-linear-gradient(-45deg,var(--color-gold) 0 6px,var(--color-void-950) 6px 12px);content:"";height:4px;left:0;opacity:.85;position:absolute;right:0;top:0}.content-card .submit-btn:hover{filter:brightness(1.08);transform:translateY(-2px)}@media(max-width:768px){.flash-messages{top:80px;width:95%}}button{border:none;border-radius:5px;font-family:var(--font-family);font-size:1rem;padding:10px 20px;transition:background-color .3s ease}button.btn-warning{background-color:var(--alert-warning-bg);color:var(--alert-warning-text)}button.btn-warning:hover{filter:brightness(90%)}button.btn-danger{background-color:var(--secondary-color);color:var(--text-light)}button.btn-danger:hover{filter:brightness(85%)}button.btn-primary{background-color:var(--primary-color);color:var(--text-light)}button.btn-primary:hover{filter:brightness(90%)}.footer{bottom:10px;color:var(--text-color);font-size:.9rem;position:absolute;text-align:center;width:100%}.feedback-container{animation:fade-in .5s ease-out;background:var(--bg-content);border:2px solid var(--accent-color);border-radius:10px;box-shadow:var(--box-shadow);color:var(--text-color);display:none;flex-direction:column;left:5%;max-height:80%;overflow:hidden;position:fixed;top:10%;width:700px}.feedback-container.open{display:flex}.feedback-header{align-items:center;background:var(--bg-content);display:flex;justify-content:space-between;padding:10px;position:sticky;top:0}.feedback-header .feedback-title{color:var(--accent-color);font-size:1.8rem}.feedback-header .close-icon{cursor:pointer;font-size:1.5rem;transition:transform .2s ease,color .2s ease}.feedback-header .close-icon i{color:var(--secondary-color)}.feedback-header .close-icon:hover i{filter:brightness(85%);transform:scale(1.2)}.feedback-content{overflow-y:auto;padding:20px}.feedback-content .form-group{margin-bottom:15px}.feedback-content .form-group label{color:var(--accent-color);font-size:1rem}.feedback-content .form-group input,.feedback-content .form-group textarea{background:var(--bg-body);border:1px solid var(--border-color);border-radius:5px;color:var(--text-dark);font-size:1rem;padding:10px;width:100%}.feedback-content .form-group input:focus,.feedback-content .form-group textarea:focus{border-color:var(--accent-color);box-shadow:0 0 5px var(--accent-color);outline:none}.feedback-content .form-group textarea{resize:vertical}.feedback-content button{background-color:var(--primary-color);border:none;border-radius:5px;color:var(--text-light);font-size:1rem;padding:10px;transition:background-color .3s ease;width:100%}.feedback-content button:hover{filter:brightness(85%)}.ghost,.trap{pointer-events:none;position:absolute;transition:transform .2s ease,opacity .2s ease;z-index:10}.ghost.hidden,.trap.hidden{opacity:0;visibility:hidden}.ghost img{animation:float 3s ease-in-out infinite;width:100px}.trap img{width:80px}#ghost.eating{animation:ghost-eat 1s ease-out forwards}#ghost.trapped{animation:ghost-trap 1.5s ease-out forwards}.cursor-hidden{cursor:none}@keyframes ghost-eat{0%{transform:scale(1)}50%{transform:scale(1.5)}to{opacity:0;transform:scale(0)}}@keyframes ghost-trap{0%{transform:scale(1) rotate(0deg)}50%{transform:scale(.7) rotate(20deg)}to{opacity:0;transform:scale(0) rotate(-1turn)}}.confetti{animation:confetti-fall linear forwards;background-color:red;border-radius:50%;height:10px;opacity:.8;pointer-events:none;position:fixed;top:-10px;width:10px;z-index:1000}@keyframes confetti-fall{0%{transform:translateY(0) rotate(0deg)}to{transform:translateY(100vh) rotate(1turn)}}.easter-egg-message{animation:bounce 1s ease infinite;background-color:var(--bg-content);border:2px solid var(--border-color);border-radius:10px;box-shadow:0 4px 10px rgba(0,0,0,.2);color:var(--text-color);font-size:1.5rem;left:50%;padding:20px 40px;position:fixed;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:1001}@keyframes bounce{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.1)}}