*{box-sizing:border-box;font-family:var(--font-stack);margin:0;padding:0}body{background-color:var(--dark-bg);color:var(--light-text);flex-direction:column;align-items:center;min-height:100vh;display:flex;overflow-x:hidden}#root{flex-direction:column;align-items:center;width:100%;display:flex}header{text-align:center;border-bottom:1px solid color-mix(in srgb, var(--accent-color) 30%, transparent);z-index:10;background:#000000b3;width:100%;padding:10px}h1{color:var(--accent-color);letter-spacing:2px;text-transform:uppercase;font-size:1.6rem}.main-container{max-width:var(--container-max-width-px);flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:20px;width:100%;padding:15px;display:flex}.board-wrapper{flex:1 1 var(--board-min-width-px);max-width:var(--board-max-width-px);height:var(--board-height-px);border:2px solid var(--accent-color);box-shadow:0 0 25px color-mix(in srgb, var(--accent-color) 20%, transparent);cursor:grab;background:#000;border-radius:12px;position:relative;overflow:hidden}.board-wrapper:active{cursor:grabbing}.viewport-content{transform-origin:0 0;width:100%;height:100%;transition:transform .1s ease-out;position:absolute;top:0;left:0}.board-inner{aspect-ratio:1;height:100%;margin:0 auto;position:relative}.board-image{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;display:block}.interactive-btn{cursor:pointer;z-index:25;background:color-mix(in srgb, var(--accent-color) 15%, transparent);border:1px dashed var(--accent-color);color:inherit;border-radius:50%;justify-content:center;align-items:center;line-height:1;transition:transform .2s,box-shadow .2s;display:flex;position:absolute;transform:translate(-50%,-50%)}.interactive-btn.locked{opacity:.35;pointer-events:none;cursor:default}.interactive-btn:not(.locked):hover{box-shadow:0 0 15px var(--accent-color);background:color-mix(in srgb, var(--accent-color) 40%, transparent);transform:translate(-50%,-50%)scale(1.2)}.sector-ring{width:var(--sector-ring-px);height:var(--sector-ring-px);border:2px solid var(--accent-color);background:radial-gradient(circle, color-mix(in srgb, var(--highlight-gold) 18%, transparent), transparent 70%);box-shadow:0 0 18px color-mix(in srgb, var(--highlight-gold) 45%, transparent);z-index:19;pointer-events:none;border-radius:50%;transition:all .5s;position:absolute;transform:translate(-50%,-50%)}.token-layer{z-index:22;pointer-events:none;position:absolute;inset:0}.player-token{width:var(--token-px);height:var(--token-px);border:2px solid #0000008c;border-radius:50%;justify-content:center;align-items:center;font-size:.9rem;font-weight:700;transition:left .45s,top .45s;display:flex;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 2px #ffffff59,0 2px 6px #0009}.player-token.active{width:var(--token-active-px);height:var(--token-active-px);font-size:1rem;animation:1.4s infinite alternate tokenPulse;box-shadow:0 0 0 3px #fff,0 0 16px}@keyframes tokenPulse{0%{transform:translate(-50%,-50%)scale(1)}to{transform:translate(-50%,-50%)scale(1.14)}}.outer-highlight{width:var(--outer-highlight-px);height:var(--outer-highlight-px);border:2px solid var(--danger-color);background:radial-gradient(circle, color-mix(in srgb, var(--danger-color) 55%, #fff), var(--danger-color));box-shadow:0 0 15px var(--danger-color), 0 0 25px var(--danger-color);z-index:18;pointer-events:none;border-radius:50%;animation:1s infinite alternate pulse;position:absolute;transform:translate(-50%,-50%)}@keyframes pulse{0%{opacity:.7;transform:translate(-50%,-50%)scale(.9)}to{opacity:1;transform:translate(-50%,-50%)scale(1.3)}}.zoom-controls{z-index:30;flex-direction:column;gap:8px;display:flex;position:absolute;top:15px;left:15px}.zoom-btn{background:var(--panel-bg);border:1px solid var(--accent-color);width:38px;height:38px;color:var(--accent-color);cursor:pointer;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:50%;justify-content:center;align-items:center;font-size:1.2rem;font-weight:700;transition:all .2s;display:flex}.zoom-btn:hover{background:var(--accent-color);color:#000}.fullscreen-mode{z-index:9999;border-radius:0;width:100vw!important;max-width:none!important;height:100vh!important;position:fixed!important;top:0!important;left:0!important}.control-panel{flex:1 1 var(--panel-min-width-px);max-width:var(--panel-max-width-px);flex-direction:column;gap:15px;display:flex}.card{background:var(--panel-bg);border:1px solid color-mix(in srgb, var(--accent-color) 40%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:10px;padding:15px;box-shadow:0 4px 15px #00000080}.info-title{color:var(--accent-color);border-bottom:1px solid color-mix(in srgb, var(--accent-color) 30%, transparent);text-align:center;margin-bottom:8px;padding-bottom:4px;font-size:1.1rem}.swatch{vertical-align:-2px;border:1px solid #00000080;border-radius:50%;flex:none;width:14px;height:14px;display:inline-block;box-shadow:0 0 0 1px #fff6}.player-list{flex-direction:column;gap:4px;margin-bottom:10px;display:flex}.player-row{background:#00000040;border:1px solid #0000;border-radius:5px;align-items:center;gap:8px;padding:5px 8px;font-size:.9rem;display:flex}.player-row.current{border-color:var(--accent-color);background:color-mix(in srgb, var(--accent-color) 12%, transparent)}.player-row.is-you{box-shadow:inset 0 0 0 1px #ffffff38}.player-row.offline-player{opacity:.62}.player-color{color:color-mix(in srgb, var(--light-text) 60%, transparent);font-size:.82rem}.player-away{color:var(--away-color);font-size:.82rem}.player-sector{color:var(--accent-color);margin-left:auto;font-size:.85rem}.role-tag{letter-spacing:1px;text-transform:uppercase;border:1px solid color-mix(in srgb, var(--accent-color) 50%, transparent);color:var(--accent-color);border-radius:4px;padding:1px 6px;font-size:.72rem}.live-dot{background:var(--online-color);width:8px;height:8px;box-shadow:0 0 6px var(--online-color);border-radius:50%;flex:none;display:inline-block}.live-dot.off{background:var(--offline-color);box-shadow:none}.kick-btn{color:color-mix(in srgb, var(--away-color) 75%, transparent);cursor:pointer;background:0 0;border:none;padding:0 2px;font-size:.95rem;line-height:1}.kick-btn:hover{color:var(--danger-color)}.roster-note{letter-spacing:.5px;text-align:center;color:color-mix(in srgb, var(--light-text) 55%, transparent);margin-bottom:8px;font-size:.8rem}.current-turn{color:var(--highlight-gold);text-align:center;background:color-mix(in srgb, var(--accent-color) 10%, transparent);border-radius:4px;padding:4px;font-size:1.05rem;font-weight:700}.host-tools{flex-direction:column;gap:7px;margin-top:10px;display:flex}.ghost-btn{border:1px solid color-mix(in srgb, var(--accent-color) 40%, transparent);color:color-mix(in srgb, var(--accent-color) 80%, transparent);letter-spacing:1px;cursor:pointer;background:0 0;border-radius:5px;width:100%;padding:6px;font-family:inherit;font-size:.78rem}.ghost-btn:hover{border-color:var(--accent-color);color:var(--accent-color)}.ghost-btn.urgent{border-color:var(--away-color);color:color-mix(in srgb, var(--away-color) 70%, #fff)}.ghost-btn.urgent:hover{border-color:var(--danger-color);color:#fff}.dice-container{flex-direction:column;align-items:center;display:flex}.turn-row{justify-content:center;align-items:center;gap:18px;display:flex}.dice{color:#111;background-color:#fff;border:2px solid #ccc;border-radius:12px;justify-content:center;align-items:center;width:60px;height:60px;font-size:2.2rem;font-weight:700;transition:transform .1s;display:flex;box-shadow:inset 0 0 8px #0003,0 4px 10px #fff3}.dice.rolling{animation:rollDiceAnim var(--dice-spin-total-ms) ease-in-out}@keyframes rollDiceAnim{0%{transform:rotate(0)scale(1)}25%{transform:rotate(90deg)scale(1.15)}50%{transform:rotate(180deg)scale(.9)}75%{transform:rotate(270deg)scale(1.15)}to{transform:rotate(360deg)scale(1)}}.card-slot{border:2px solid var(--accent-color);background:linear-gradient(160deg, var(--primary-color), var(--dark-bg));width:64px;height:90px;color:var(--accent-color);box-shadow:inset 0 0 12px color-mix(in srgb, var(--accent-color) 25%, transparent), 0 4px 10px #00000080;-webkit-user-select:none;user-select:none;cursor:pointer;border-radius:8px;justify-content:center;align-items:center;font-weight:700;transition:box-shadow .25s;display:flex}.card-slot.drawn{box-shadow:inset 0 0 12px color-mix(in srgb, var(--accent-color) 40%, transparent), 0 0 16px var(--accent-color)}.card-slot.drawing{animation:flipCardAnim var(--card-flip-ms) ease-in-out}@keyframes flipCardAnim{0%{transform:rotateY(0)scale(1)}50%{transform:rotateY(90deg)scale(1.12)}to{transform:rotateY(0)scale(1)}}.card-slot.has-image{padding:2px}.card-slot img{object-fit:cover;border-radius:6px;width:100%;height:100%;display:block}.card-slot-back{opacity:.55;font-size:1.6rem}.card-num{text-align:center;font-size:1.6rem;line-height:1.1}.card-num small{letter-spacing:1px;opacity:.75;font-size:.55rem;font-weight:400;display:block}.action-btn{background:linear-gradient(135deg, var(--primary-color), color-mix(in srgb, var(--primary-color) 60%, #000));color:var(--accent-color);border:1px solid var(--accent-color);cursor:pointer;border-radius:6px;width:100%;padding:10px 15px;font-size:.95rem;font-weight:700;transition:all .25s}.action-btn:hover:not(:disabled){background:var(--accent-color);color:#000;box-shadow:0 0 10px var(--accent-color)}.action-btn:disabled{opacity:.45;cursor:not-allowed}.action-btn.narrow{max-width:320px}.turn-btn{margin-top:12px}.step-indicator{letter-spacing:1px;text-transform:uppercase;color:color-mix(in srgb, var(--light-text) 55%, transparent);text-align:center;margin-top:8px;font-size:.78rem}.turn-note{text-align:center;color:color-mix(in srgb, var(--light-text) 60%, transparent);min-height:1.2em;margin-top:6px;font-size:.85rem}.hint-box{border:1px solid color-mix(in srgb, var(--accent-color) 20%, transparent);min-height:80px;color:color-mix(in srgb, var(--light-text) 90%, transparent);background:#0000004d;border-radius:6px;padding:12px;font-size:.95rem;line-height:1.4}.hint-accent{color:var(--highlight-gold);margin-top:4px}.outer-box{border-top:1px dashed var(--accent-color);color:color-mix(in srgb, var(--away-color) 85%, #fff);margin-top:8px;padding-top:6px}.card-reveal{border-top:1px dashed var(--accent-color);margin-top:8px;padding-top:8px}.card-reveal-name{color:var(--accent-color);letter-spacing:1px;margin-bottom:4px;font-size:1.15rem}.card-reveal-q{color:var(--highlight-gold)}.reopen-card{color:var(--accent-color);border-bottom:1px dashed var(--accent-color);cursor:pointer;margin-top:6px;display:inline-block}.ritual-box{border-top:1px dashed var(--accent-color);margin-top:8px;padding-top:8px}.ritual-title{color:var(--accent-color);margin-bottom:4px;font-size:1.05rem}.log-box{height:var(--log-height-px);background:#0006;border:1px solid #ffffff1a;border-radius:5px;padding:8px;font-size:.85rem;line-height:1.35;overflow-y:auto}.log-entry{border-bottom:1px dashed #ffffff1a;margin-bottom:5px;padding-bottom:3px}.setup-overlay{z-index:9999;background:color-mix(in srgb, var(--dark-bg) 96%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);justify-content:center;align-items:center;padding:20px;display:none;position:fixed;inset:0;overflow-y:auto}.setup-overlay.open{display:flex}.setup-box{width:100%;max-width:var(--setup-max-width-px);text-align:center;flex-direction:column;align-items:center;gap:12px;display:flex}.setup-title{color:var(--accent-color);letter-spacing:3px;text-transform:uppercase;font-size:1.6rem}.setup-sub{color:color-mix(in srgb, var(--light-text) 70%, transparent);font-size:.9rem;line-height:1.45}.bag{border:2px dashed var(--accent-color);background:radial-gradient(circle at 50% 35%, var(--primary-color), var(--dark-bg));cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:50%;justify-content:center;align-items:center;width:130px;height:130px;font-size:3.4rem;transition:transform .2s,box-shadow .2s;display:flex}.bag:hover{box-shadow:0 0 26px color-mix(in srgb, var(--accent-color) 50%, transparent);transform:scale(1.06)}.bag-hint{color:var(--highlight-gold);font-size:1.05rem}.drawn-color{min-height:42px;color:var(--light-text);justify-content:center;align-items:center;gap:10px;font-size:1.25rem;display:flex}.drawn-color .swatch{width:30px;height:30px;animation:.45s ease-out drawnPop}@keyframes drawnPop{0%{opacity:0;transform:scale(.2)}70%{transform:scale(1.25)}to{opacity:1;transform:scale(1)}}.join-list{flex-direction:column;gap:4px;width:100%;display:flex}.waiting-note{color:color-mix(in srgb, var(--light-text) 70%, transparent);font-size:.95rem;line-height:1.45}.share-box{border:1px solid color-mix(in srgb, var(--accent-color) 30%, transparent);background:#00000059;border-radius:8px;flex-direction:column;gap:8px;width:100%;padding:12px;display:flex}.share-link{font-family:var(--mono-stack);color:var(--highlight-gold);word-break:break-all;text-align:center;font-size:.82rem}.card-overlay{z-index:9998;background:color-mix(in srgb, var(--dark-bg) 92%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.card-frame{flex-direction:column;align-items:center;gap:12px;max-width:92vw;display:flex;position:relative}.card-image{max-height:var(--card-max-height-vh);max-width:var(--card-max-width-vw);border:3px solid var(--accent-color);box-shadow:0 0 40px color-mix(in srgb, var(--accent-color) 35%, transparent);background:#000;border-radius:10px;display:block}.card-missing{border:2px dashed var(--accent-color);text-align:center;background:var(--panel-bg);border-radius:10px;max-width:460px;padding:22px;font-size:.95rem;line-height:1.5}.card-path{border:1px solid color-mix(in srgb, var(--accent-color) 30%, transparent);font-family:var(--mono-stack);color:var(--highlight-gold);background:#00000080;border-radius:4px;margin:6px 0;padding:3px 8px;font-size:.85rem;display:inline-block}.card-caption{color:var(--accent-color);letter-spacing:2px;text-transform:uppercase;font-size:1.3rem}.card-task{color:var(--highlight-gold);text-align:center;font-size:1.05rem}.card-close{border:1px solid var(--accent-color);background:var(--panel-bg);width:36px;height:36px;color:var(--accent-color);cursor:pointer;z-index:2;border-radius:50%;font-size:1.1rem;position:absolute;top:-14px;right:-14px}.card-close:hover{background:var(--accent-color);color:#000}.lobby{max-width:var(--lobby-max-width-px);flex-direction:column;gap:18px;width:100%;margin:0 auto;padding:24px 18px 40px;display:flex}.lobby-lead{text-align:center;color:color-mix(in srgb, var(--light-text) 75%, transparent);font-size:.95rem;line-height:1.5}.lobby-lead.warn{color:var(--highlight-gold)}.mode-card{background:var(--panel-bg);border:1px solid color-mix(in srgb, var(--accent-color) 40%, transparent);border-radius:10px;flex-direction:column;gap:10px;padding:16px;display:flex}.mode-card.disabled{opacity:.5}.mode-title{color:var(--accent-color);letter-spacing:1px;font-size:1.1rem}.mode-note{color:color-mix(in srgb, var(--light-text) 70%, transparent);font-size:.88rem;line-height:1.45}.field-row{align-items:center;gap:8px;display:flex}.text-input{background:color-mix(in srgb, var(--primary-color) 45%, #000);width:100%;min-width:0;color:var(--light-text);border:1px solid color-mix(in srgb, var(--accent-color) 50%, transparent);border-radius:6px;flex:auto;padding:9px 11px;font-family:inherit;font-size:.95rem}.text-input:focus{border-color:var(--accent-color);outline:none}.text-input.narrow{max-width:280px}.checkbox-row{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:9px;font-size:.92rem;display:flex}.checkbox-row input{width:17px;height:17px;accent-color:var(--accent-color);cursor:pointer}.code-input{text-transform:uppercase;letter-spacing:5px;text-align:center;font-size:1.3rem;font-weight:700}.room-bar{border-bottom:1px solid color-mix(in srgb, var(--accent-color) 25%, transparent);background:#0000008c;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;width:100%;padding:7px 12px;font-size:.85rem;display:flex}.room-code{color:var(--accent-color);letter-spacing:3px;font-weight:700}.link-btn{border:1px solid color-mix(in srgb, var(--accent-color) 45%, transparent);color:color-mix(in srgb, var(--accent-color) 90%, transparent);cursor:pointer;background:0 0;border-radius:5px;padding:4px 10px;font-family:inherit;font-size:.8rem}.link-btn:hover{border-color:var(--accent-color);color:var(--accent-color)}.conn-dot{background:var(--online-color);width:9px;height:9px;box-shadow:0 0 8px var(--online-color);border-radius:50%;display:inline-block}.conn-dot.off{background:var(--danger-color);box-shadow:0 0 8px var(--danger-color)}.toast{z-index:10000;background:color-mix(in srgb, var(--danger-color) 25%, #000);border:1px solid var(--danger-color);max-width:90vw;color:color-mix(in srgb, var(--away-color) 60%, #fff);opacity:0;pointer-events:none;border-radius:8px;padding:10px 16px;font-size:.9rem;transition:opacity .25s;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.toast.show{opacity:1}
/*$vite$:1*/