@import"https://fonts.googleapis.com/css2?family=MedievalSharp&display=swap";:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;color:#ffffffde;background-color:#1a1a1a;font-family:MedievalSharp,cursive;font-weight:400;font-style:normal;--p-color-1: rgb(215, 162, 55);--p-color-2: #341e15}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h3{margin:10px 0;color:var(--p-color-1)}.hidden{display:none!important}input{outline:none}#app{width:100%;height:100vh;margin:0;overflow:hidden}.game-container{display:flex;flex-direction:column;align-items:center;width:100%;height:100vh;gap:0}#gameCanvas{border:none;border-radius:0;box-shadow:none;background:#130f0a;width:100%;height:100%;display:block}.top-bar{width:100%;padding:2vh;position:relative;display:flex;justify-content:space-between;align-items:center;gap:1.2vw;position:absolute;top:0;left:0;z-index:100;box-shadow:0 2px 5px #0000004d;padding-left:1.2vw;padding-right:1.2vw}.top-bar>*{filter:drop-shadow(0 0 8px rgba(176,154,111,.6))}.top-bar:before{content:"";position:absolute;top:-25px;left:0;width:100%;height:165%;background-size:auto 100%;background-image:url(./fest-Q-yP6mnL.png);background-repeat:repeat-x;z-index:-1;filter:grayscale(50%) drop-shadow(0 0 10px #00000072)}.players-overlay{position:absolute;bottom:0;left:0;background:#0009;padding:1.8vh 1.6vw;border-radius:0 10px 0 0;color:#fff;text-align:left;min-width:150px;font-size:clamp(14px,1.6vw,24px);pointer-events:none}.players-overlay h3{margin:0 0 10px;font-size:1em;color:var(--p-color-1);opacity:.8;border-bottom:1px solid rgba(255,255,255,.2);padding-bottom:5px;display:none}.players-overlay ul{list-style:none;padding:0;margin:0}.players-overlay li{padding:.8vh 0;font-size:1.2em;display:flex;align-items:center;gap:.8em}.game-controls{position:absolute;bottom:2vh;right:3vw;display:flex;gap:6vw;flex-wrap:wrap;justify-content:flex-end;pointer-events:none;align-items:center}.game-controls button{pointer-events:auto}.score-display{font-size:clamp(18px,2.5vmin,50px);font-weight:700;color:#fcf0da;display:flex;align-items:center;gap:1vmin;text-shadow:0px 0 1vmin rgb(0,0,0);background-color:#4132128e;padding:.6vw 1.6vw .5vw;border:.2vw solid var(--p-color-1);border-radius:1.5vmin}.score-display .separator{color:#ffffff80;font-weight:400}.score-display .score-label{padding:0 .6em;border-radius:1vmin}.score-display .score-label:after{content:" :";opacity:.8}.score-display .player-name{color:var(--p-color-1)}.score-display .score-value:after{content:" p";opacity:.8;font-size:.8em}#turnTimer{display:inline-block;width:2.2em;text-align:right;opacity:.7}.score-display .timer-value:after{content:" s";opacity:.8;font-size:.8em}.score-display .timer-low{color:#f44;text-shadow:0 0 10px rgba(255,0,0,.5);animation:blink 1s infinite}@keyframes blink{0%{opacity:1}50%{opacity:.5}to{opacity:1}}#topBarTotalScore{min-width:3em}#topBarTurnScore{min-width:2em}.right-floating-area{position:absolute;right:2vw;top:160%;display:flex;flex-direction:column;align-items:flex-end;gap:1em;filter:none}.score-goal-display{pointer-events:none;font-size:clamp(14px,2.2vmin,40px);font-weight:700;color:#bd923c;background-color:#97572699;display:flex;align-items:center;gap:1vmin;padding:.3vw 1.2vw .2vw;border:2px solid;border-radius:1vmin}#scoreGoalValue:after{content:" p";opacity:.8;font-size:.8em}#chatBtn{background-image:url(./chat-BNh35jPM.png);background-size:100%;width:10vw;height:10vw;background-color:#4132128e;border:.2vw solid var(--p-color-1);border-radius:50%}#finalRoundIndicator{--color: #fc6a5a;font-size:clamp(16px,2.2vmin,45px);font-weight:700;color:var(--color);display:flex;align-items:center;justify-content:center;text-shadow:0px 0 1vmin rgb(0,0,0);background-color:#4112128e;padding:.6vw 1.6vw .5vw;border:.2vw solid var(--color);border-radius:1.5vmin;animation:finalRoundFlash 1s ease-in-out infinite}@keyframes finalRoundFlash{0%,to{opacity:1}50%{opacity:.5}}.icon-btn{background-color:transparent!important;border:none!important;box-shadow:none!important;width:6vw;height:6vw;padding:0!important;background-repeat:no-repeat;background-position:center;background-size:contain!important;cursor:pointer;transition:transform .2s ease}.icon-btn:not(:disabled):hover{transform:scale(1.1);background-color:transparent!important;box-shadow:none!important}.icon-btn:active{transform:scale(.95)}.icon-btn:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(1)}#infoBtn{background-image:url(./scroll-CazqBIHP.png)}#musicBtn{background-image:url(./harp-NcTvFj7G.png)}#newGameBtn{background-image:url(./beer-C8393SZz.png)}#profileBtn{background-image:url(./profile-CScaMjEJ.png);background-size:70%}#debugBtn{background-image:url(./harp-NcTvFj7G.png)}#rollBtn{width:8vw;height:8vw;background-image:url(./dice-DDnxD7Tx.png)}#bankBtn{background-image:url(./next-LcF_eF9x.png)}.roll-icon{background-image:url(./dice-DDnxD7Tx.png)}.bank-icon{background-image:url(./next-LcF_eF9x.png)}.players-list-player-name{display:inline-flex;background-color:#816e0e3c;border-radius:1em;padding:.1em .7em 0}.inline-icon{width:1.5em;height:1.5em;vertical-align:middle;margin:0 2px;display:inline-block;background-size:contain;background-repeat:no-repeat;background-position:center}@keyframes scorePop{0%{transform:scale(1);color:#fff}50%{transform:scale(1.5);color:#4caf50}to{transform:scale(1);color:#fff}}.score-pop{animation:scorePop .4s ease-out;animation-iteration-count:2}@keyframes scoreFarkle{0%{transform:translate(0);color:#fff}25%{transform:translate(-5px);color:#ff5252}50%{transform:translate(5px);color:#ff5252}75%{transform:translate(-5px);color:#ff5252}to{transform:translate(0);color:#fff}}.score-farkle{animation:scoreFarkle .5s ease-in-out}.score-transfer-source{color:#ff5252!important;transition:color .2s}.score-transfer-target{color:#4caf50!important;transition:color .2s}.easter-egg-festive{animation:easterEggPulse var(--track-pulse) ease-in-out infinite,easterEggHueRotate 5s linear infinite}@keyframes easterEggPulse{0%,to{transform:scale(1);box-shadow:0 0 10px #dac26680}50%{transform:scale(1.3);box-shadow:0 0 25px #dac266e6}}@keyframes easterEggHueRotate{0%{filter:hue-rotate(0deg) brightness(1)}25%{filter:hue-rotate(90deg) brightness(1.1)}50%{filter:hue-rotate(180deg) brightness(1)}75%{filter:hue-rotate(270deg) brightness(1.1)}to{filter:hue-rotate(360deg) brightness(1)}}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000c;z-index:1000;display:flex;justify-content:center;align-items:center;opacity:1;visibility:visible;transition:opacity .3s ease,visibility .3s ease}#promptOverlay{z-index:1100}.overlay.hidden{opacity:0;visibility:hidden;pointer-events:none;display:flex!important}.overlay-content{background:#1a1a1a;padding:30px;border-radius:15px;border:2px solid var(--p-color-1);max-width:800px;width:90%;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 0 20px #4caf504d}.close-btn{position:absolute;top:10px;right:10px;background:none;border:none;color:#fff;font-size:30px;cursor:pointer;padding:0;line-height:1;width:30px;height:30px;box-shadow:none}.close-btn:hover{color:#f44;transform:scale(1.1);background:none;box-shadow:none}.info-container{display:flex;gap:30px;flex-wrap:wrap;justify-content:center}.scoring-guide,.instructions{flex:1;min-width:300px;text-align:left}.scoring-guide ul{list-style-type:none;padding:0}.scoring-guide li{margin:5px 0;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:2px}.farkle-message{text-align:center;animation:popIn .5s cubic-bezier(.175,.885,.32,1.275)}.farkle-message h1{font-size:8em;color:#f44;margin:0;text-shadow:4px 4px 0 #000;letter-spacing:5px}.farkle-message p{font-size:2em;color:#fff;margin-top:20px;text-shadow:2px 2px 4px rgba(0,0,0,.8)}@keyframes popIn{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.new-game-menu-content{text-align:center;background:url(./table-fIlDm_zd.png) center center repeat-x;border:5px solid #341e15;box-shadow:0 0 33px #0000004d!important;background-size:auto 142%;aspect-ratio:10 / 4.8;max-height:min(90vh,400px);max-width:min(90vw,900px);width:auto;height:auto;overflow:hidden;padding:0}#menuContent{width:780px;max-width:100%;height:100%;container-type:inline-size;padding:2.5%}#menuContent>*{font-size:2cqw}.new-game-menu-content h2{margin:0;font-size:2em!important;color:var(--p-color-1);text-shadow:0 0 10px black}.new-game-menu-content h3{margin:0;font-size:3cqw;text-align:left;text-shadow:0 0 5px #000e}.menu-buttons{display:flex;justify-content:space-evenly;gap:1.5cqw;margin-top:2cqw}.menu-btn{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:2cqw;padding:1.5cqw 2cqw;background:transparent;border:none;border-radius:10px;color:#fff;font-family:inherit;cursor:pointer;transition:background .2s;font-size:4cqw}.menu-btn:hover{background:#fff3}.local-game-setup{display:flex;flex-direction:column;gap:1.5cqw;height:100%}.setup-columns{display:flex;gap:3cqw;text-align:left;flex:1 1 auto;overflow:hidden}.left-column,.right-column{flex:1;display:flex;flex-direction:column;gap:1.5cqw}.right-column{padding-top:2cqw}.new-game-menu-content .list-container,.players-list-container{flex-grow:1;font-size:3cqw;overflow-y:auto;background:#0000004d;padding:1cqw;border-radius:5px;border:1px solid rgba(23,15,2,.5);scrollbar-width:thin}.players-list-container ul{list-style:none;padding:0;margin:0}.players-list-container li{padding:1cqw 2cqw;border-bottom:1px solid rgba(255,255,255,.1);color:#fff;font-size:1.1em;display:flex;justify-content:space-between;align-items:center}.players-list-container li .status{font-size:.8em;opacity:.8}.delete-player-btn{background:none;border:none;color:#ff6b6b;font-size:1.2em;cursor:pointer;padding:0 .5cqw;line-height:1;opacity:.7;transition:opacity .2s}.delete-player-btn:hover{opacity:1}.no-players-warning,.no-rooms{color:#fa0;text-align:center;padding:4cqw}.beer-icon-small{width:3cqw;height:3cqw;background-image:url(./beer-C8393SZz.png)}.add-player-group{display:flex;width:100%}.add-player-group input{flex-grow:1;padding:1.5cqw;font-size:2.2cqw;border-radius:5px 0 0 5px;outline:none;max-width:70%;border:1px solid #d7a237;background:#00000087;color:#fff;font-family:inherit}.add-player-group button{display:flex;gap:.4em;border-radius:0 5px 5px 0;padding:0 2cqw;font-size:2.2cqw;line-height:1;margin:0;border:none;background-color:var(--p-color-1);font-family:inherit;color:#fff;align-items:center;cursor:pointer;font-weight:700}.suggested-names-section{width:100%}.suggested-names-section h4{margin:0 0 1cqw;color:var(--p-color-1);font-size:2.5cqw}.suggested-list{display:flex;gap:1.5cqw;overflow-x:auto;scrollbar-width:none;max-width:48cqw}.suggested-name-tag{background:#ffffff1a;padding:0cqw 0 0 1.5cqw;height:2.1em;border-radius:15px;font-size:1em;transition:background .2s;border:1px solid rgba(255,255,255,.2);display:flex;align-items:center;gap:1em;cursor:pointer;white-space:nowrap}.suggested-name-tag:hover{background:#fff3;border-color:var(--p-color-1)}.delete-suggestion-btn{cursor:pointer;color:#aaa;font-weight:700;font-size:1.5em;height:100%;aspect-ratio:1 / 1;line-height:1;border-radius:50%;display:inline-flex;align-items:center;justify-content:center}.delete-suggestion-btn:hover{color:#ff6b6b;background:#ffffff1a}.no-suggestions{color:#aaa;font-size:.9em;text-shadow:0 0 5px black}.back-btn{background:none;border:none;cursor:pointer;display:block;background:url(./back-Cu47Lqmr.png) no-repeat center center;width:5cqw;height:5cqw;background-size:contain;position:absolute;top:10px;left:10px}.back-btn:hover{color:#fff}#refreshRoomsBtn{background:none;border:none;cursor:pointer;display:inline-block;background:url(./back-Cu47Lqmr.png) no-repeat center center;width:3.5cqw;height:3.5cqw;background-size:contain}.primary-btn{background-color:var(--p-color-1);color:#fff;border:1px solid #fff5;padding:.4em 1.2em;border-radius:5px;font-size:1.5em;cursor:pointer;font-family:inherit}.primary-btn:disabled{opacity:.5;cursor:not-allowed}.secondary-btn{background-color:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.3);padding:.4em 1.2em;border-radius:5px;font-size:1.5em;cursor:pointer;font-family:inherit;transition:background .2s}.secondary-btn:hover{background-color:#fff3}.setup-footer{display:flex;align-items:end}.icon-wrapper{width:24cqw;height:24cqw;position:relative;flex-shrink:0}.beer-toast{position:relative}.beer{position:absolute;width:15cqw;height:15cqw;background-size:contain;background-repeat:no-repeat;background-position:center;bottom:1cqw;transition:transform .3s cubic-bezier(.175,.885,.32,1.275)}.beer:before{content:"";position:absolute;width:100%;height:100%;background-size:contain;background-repeat:no-repeat;background-position:center;background-image:url(./beer-C8393SZz.png);top:0;left:0}.beer.left{left:-5%;transform-origin:bottom left;transform:rotate(-15deg) translateY(-15%)}.beer.right{right:-5%;transform-origin:bottom right;transform:rotate(15deg) translateY(-5%)}.beer.right:before{transform:scaleX(-1)}.menu-btn:hover .beer.left{transform:rotate(10deg) translate(-10%) translateY(-35%)}.menu-btn:hover .beer.right{transform:rotate(-10deg) translate(10%) translateY(-35%)}.shield-bg{width:100%;height:100%;background-size:cover;background-repeat:no-repeat;background-position:center;border-radius:1000px;border:4px solid rgb(24,5,0);opacity:.8;background-image:url(./wall-shield-Dtzny7Jx.png);box-shadow:0 0 20px #000c}.room-icon .map-bg,.online-random-icon .map-bg{width:100%;height:100%;background-size:contain;background-repeat:no-repeat;background-position:center;opacity:.8;background-image:url(./map-Boiqr8AD.png)}.room-icon .beer-mini-group{position:absolute;bottom:-.6cqw;right:-0cqw;width:10cqw;height:10cqw}.room-icon .beer-mini-group .beer{width:5.5cqw;height:7cqw}.online-random-icon .compass-mini-group{position:absolute;bottom:-.6cqw;right:-0cqw;width:10cqw;height:10cqw;transition:all .2s cubic-bezier(.175,.885,.32,1.275);transform:rotate(10deg) translateY(-1cqw) translate(-.5cqw)}.menu-btn:hover .compass-mini-group{transform:rotate(25deg) translateY(-1.8cqw) translate(0)}.online-random-icon .compass-mini-group .compass-base{width:8cqw;height:10cqw;background:url(./compass-base-BXxsF9_W.png) no-repeat center center;background-size:contain;position:absolute;filter:drop-shadow(0 0 .4cqw #00000037)}.online-random-icon .compass-mini-group .compass-arrow{width:4cqw;height:4cqw;background:url(./compass-arrow-CNltPYXn.png) no-repeat center center;background-size:contain;position:absolute;top:38%;left:20%;transition:all .3s ease;filter:drop-shadow(0 0 .4cqw #000c)}.menu-btn:hover .compass-mini-group .compass-arrow{transform:rotate(120deg)}.online-setup{display:flex;flex-direction:column;gap:3.4cqw;height:100%;align-items:center;justify-content:center}.online-setup-row{display:flex;gap:3cqw;width:100%;justify-content:center;overflow:hidden;flex:1 1 auto}.online-setup-column{flex:1;display:flex;flex-direction:column;gap:2.5cqw}.input-group{display:flex;flex-direction:column;gap:.2cqw;width:100%;max-width:400px;text-align:left}.input-group label{color:var(--p-color-1);font-size:3cqw;text-shadow:0 0 5px black}.input-group input{padding:1cqw;font-size:3cqw;border-radius:5px;border:1px solid #d7a237;background:#00000080;color:#fff;font-family:inherit}ul.rooms-list{list-style:none;padding:0;margin:0;font-size:2.2cqw}ul.rooms-list .room-main{display:flex;gap:.5em;align-items:center;padding:.5em;border-bottom:1px solid rgba(255,255,255,.1);color:#fff;cursor:pointer;transition:background .2s}ul.rooms-list .room-main>.separator{height:1em;border-right:1px solid rgba(255,255,255,.3)}ul.rooms-list .room-main>.room-id{font-weight:700;font-size:1.2em}ul.rooms-list .room-main>.room-host{opacity:.8}ul.rooms-list .room-main>.room-score{opacity:.8}.lobby-layout{display:flex;flex-direction:column;height:100%;gap:1cqw}.lobby-header{flex:0 0 auto}.lobby-columns{width:100%;display:flex;flex:1;gap:2cqw;min-height:0}.lobby-left{flex:1;display:flex;flex-direction:column;gap:1cqw}.lobby-right{flex:1;display:flex;flex-direction:column;justify-content:space-between;border-radius:8px}.room-info{display:flex;flex-direction:column;gap:.5cqw;align-items:center;text-shadow:0 0 5px #000e}.room-info .label{font-size:3cqw;font-weight:700}.room-info .value{font-size:5cqw;font-weight:700;color:var(--p-color-1)}.lobby-actions{display:flex;flex-direction:column;gap:1cqw;width:100%}.lobby-actions button{width:100%}.ready-active{background-color:#4caf50!important;border-color:#45a049!important}.score-control{display:flex;align-items:center;justify-content:center;gap:1cqw;width:100%}.score-buttons{display:flex;gap:.5cqw}.score-btn{padding:.5cqw 1cqw;font-size:1em;background:#23232380;border:1px solid var(--p-color-2);color:#ffffffca;border-radius:5px;cursor:pointer;transition:background .2s;font-family:inherit}.score-btn:hover{background:#fff3}.new-game-menu-content .score-display{min-width:5em;text-align:center;font-size:1.8em;background:#0000004d;border:1px solid var(--p-color-1);color:#fff;border-radius:5px;padding:.1cqw 2cqw 0;display:flex;align-items:center;justify-content:center}.new-game-menu-content .score-display:after{content:" p";font-size:.8em;opacity:.8}.pwa-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#141414fa;z-index:9999;display:flex;justify-content:center;align-items:center;flex-direction:column;color:#fff}.pwa-content{text-align:center;padding:20px;max-width:80%}.pwa-btn{font-size:1.5rem;padding:15px 30px;background:#4caf50;color:#fff;border:none;border-radius:8px;cursor:pointer;margin:20px 0;box-shadow:0 4px 6px #0000004d}.pwa-btn:active{transform:scale(.98)}.small-text{font-size:1rem;opacity:.9;margin-top:10px;line-height:1.4}.share-icon{display:inline-block;font-size:1.2em;vertical-align:middle}.rotate-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#1a1a1a;z-index:10000;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff}.rotate-content{text-align:center}.rotate-content .rotate-icon{font-size:4rem;margin-bottom:20px;display:flex;align-items:center;justify-content:center}.rotate-content .rotate-icon:before{content:"";display:block;width:2em;height:2em;background-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20?%3e%3c!--%20Uploaded%20to:%20SVG%20Repo,%20www.svgrepo.com,%20Generator:%20SVG%20Repo%20Mixer%20Tools%20--%3e%3csvg%20width='800px'%20height='800px'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M11.9231%2019C10.4611%2019%209.03659%2018.532%207.85379%2017.6631C6.671%2016.7942%205.79063%2015.569%205.33884%2014.1631C4.88705%2012.7572%204.88705%2011.2428%205.33884%209.83688C5.79063%208.43098%206.671%207.20578%207.8538%206.33688C9.03659%205.46798%2010.4611%205%2011.9231%205C13.3851%205%2014.8096%205.46799%2015.9924%206.33688C17.1752%207.20578%2018.0555%208.43098%2018.5073%209.83688C18.9591%2011.2428%2018.9591%2012.7572%2018.5073%2014.1631M17.5%2012.7778L18.4615%2014.3333L20%2013.1667'%20stroke='%23e8e8e8ff'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e");background-size:contain;animation:rotate-animation 2s infinite}.rotate-content p{font-size:1.5rem;font-family:MedievalSharp,cursive}@keyframes rotate-animation{0%{transform:rotate(0)}25%{transform:rotate(90deg)}50%{transform:rotate(90deg)}75%{transform:rotate(0)}to{transform:rotate(0)}}@media screen and (orientation:landscape),screen and (hover:hover){.rotate-overlay{display:none}}.rotation-test{position:absolute;top:186px;left:20px;background:#000c;padding:15px;border-radius:10px;border:1px solid rgba(255,255,255,.2);color:#fff;text-align:left;min-width:200px;z-index:50;opacity:.7;transition:opacity .3s ease}.rotation-test.hidden{opacity:0;pointer-events:none}.rotation-test h4{margin-top:0;color:var(--p-color-1);border-bottom:1px solid rgba(255,255,255,.2);padding-bottom:5px}.rotation-test label{display:block;margin:10px 0}.disco-lights{--transparency: .25;position:fixed;width:100vw;height:100vh;top:0;transform-origin:top center;background-color:rgba(255,0,0,var(--transparency));animation:easterEggHueRotate 5s linear infinite;pointer-events:none}.haz{position:absolute;top:-20%;width:100vmin;height:140vmin;transform-origin:top center;clip-path:polygon(50% 0%,0% 100%,100% 100%);--flash-pulse: calc(var(--track-pulse) / 2);animation:flash var(--flash-pulse) linear infinite}.rojo{background:linear-gradient(to bottom,rgba(255,210,210,var(--transparency)),#ff3c3c00);animation-delay:0s;left:0%;transform:translate(-50%) rotate(-26deg)}.azul{background:linear-gradient(to bottom,rgba(210,210,255,var(--transparency)),#5050ff00);animation-delay:calc(var(--flash-pulse) / 1.5);display:none;left:110%;top:15%;transform:translate(-50%) rotate(50deg)}.verde{background:linear-gradient(to bottom,rgba(210,255,210,var(--transparency)),#50ff7800);animation-delay:calc(var(--flash-pulse) * 2 / 1.5);left:100%;transform:translate(-50%) rotate(26deg)}@keyframes flash{0%,20%{visibility:visible}21%,to{visibility:hidden}}.phrases-config{display:flex;flex-direction:column;gap:10px;margin:20px 0}.phrases-config input{padding:10px;font-size:1.2em;border-radius:5px;border:1px solid #444;background:#333;color:#fff}.reaction-picker-container{text-align:center}.reaction-picker-content{display:flex;gap:1em;align-items:center}.reaction-picker-content .phrases-list{flex:1;display:flex;flex-direction:column;gap:10px}.reaction-picker-content .emojis-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.reaction-btn{background:#444;border:1px solid #666;border-radius:8px;padding:10px;color:#fff;cursor:pointer;transition:transform .1s}.reaction-btn:active{transform:scale(.95)}.phrase-btn{font-size:1.1em;background:#2a2a2a}.emoji-btn{font-size:2em;background:transparent;border:none}.reaction-display{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2000;pointer-events:none;text-align:center;background:#000c;padding:1vw 4vw;border-radius:20px;border:2px solid var(--p-color-1);box-shadow:0 0 30px #00000080}.reaction-content{font-weight:700;color:#fff;margin-bottom:10px}.reaction-sender{font-size:1em;color:var(--p-color-1)}.animate-pop{animation:popAndFade 3s forwards}@keyframes popAndFade{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}10%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}20%{opacity:1;transform:translate(-50%,-50%) scale(1)}80%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(.8)}}#profileOverlay .overlay-content{height:min(100vh,350px)}#profileOverlay .profile-tabs{display:flex;gap:10px}#profileOverlay .tab-btn{background:transparent;border:none;color:#888;font-size:1.1em;cursor:pointer;padding:5px 10px;font-family:inherit}#profileOverlay .tab-btn.active{color:var(--p-color-1);border-bottom:2px solid var(--p-color-1)}#profileOverlay .tab-btn:disabled{cursor:not-allowed;opacity:.5}#profileOverlay .phrases-config{display:grid;grid-template-columns:1fr 1fr;gap:10px}#profileOverlay .phrases-config input{width:100%;box-sizing:border-box;padding:8px;border-radius:4px;border:1px solid #333;background:#222;color:#fff;font-family:inherit}#profileOverlay .tab-content.hidden{display:none}#profileOverlay .tab-disabled{pointer-events:none;opacity:.5}#profileOverlay .stats-container{display:flex;flex-wrap:wrap;gap:15px;margin-top:10px}#profileOverlay .stats-container-row{display:flex;gap:15px;width:100%}#profileOverlay .stat-card{flex:1 1 auto;background:#ffffff0d;padding:12px;border-radius:8px;text-align:center;display:flex;flex-direction:column}#profileOverlay .stat-label{font-size:.8em;color:#aaa;text-transform:uppercase;letter-spacing:1px}#profileOverlay .stat-value{font-size:1.4em;font-weight:700;color:var(--p-color-1);margin-top:5px}#profileOverlay .recent-games{margin-top:20px;text-align:left}#profileOverlay .recent-games h3{font-size:1em;color:#ccc;margin-bottom:10px;border-bottom:1px solid #333;padding-bottom:5px}#profileOverlay .recent-game-item{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.05);font-size:.85em}#profileOverlay .recent-game-item .game-left{min-width:120px;display:flex;flex-direction:column}#profileOverlay .recent-game-item .game-date{color:#ccc;font-size:.9em}#profileOverlay .recent-game-item .game-id{font-size:.75em;color:#666}#profileOverlay .recent-game-item .game-players{flex:1;display:flex;gap:6px;justify-content:flex-start;align-items:center;overflow:hidden}#profileOverlay .player-chip{background:#ffffff08;padding:4px 6px;border-radius:12px;display:inline-flex;gap:6px;align-items:center;font-size:.8em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:140px}#profileOverlay .player-chip .player-score{color:#999;margin-left:6px;font-size:.75em}#profileOverlay .player-winner{color:var(--p-color-1);font-weight:600}#profileOverlay .player-self-winner{border:1px solid rgba(76,175,80,.2);background:#4caf500f}#profileOverlay .player-self-loser{border:1px solid rgba(244,67,54,.18);background:#f443360a;color:#f44336;font-weight:700}#profileOverlay .recent-game-item .game-status{min-width:110px;text-align:right}#profileOverlay .recent-game-item .game-goal{font-size:.75em;color:#888;margin-top:3px}#profileOverlay .status-win{color:#4caf50;font-weight:700}#profileOverlay .status-lose{color:#f44336;font-weight:700}#profileOverlay .status-neutral{color:#ccc}#profileOverlay .player-self{box-shadow:0 0 0 1px #ffffff08 inset;border:1px solid rgba(255,255,255,.06);font-weight:600}#profileOverlay .achievements-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;margin-top:15px;padding-right:5px}#profileOverlay .achievement-card{background:#1e1e1e99;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:10px;display:flex;align-items:center;gap:12px;transition:all .2s}#profileOverlay .achievement-card.locked{opacity:.5;filter:grayscale(100%)}#profileOverlay .achievement-card.unlocked{background:#ffd7001a;border-color:#ffd7004d}#profileOverlay .achievement-card .ach-icon{width:48px;height:48px}#profileOverlay .ach-details{flex:1;display:flex;flex-direction:column;justify-content:center;text-align:left}#profileOverlay .ach-name{font-size:.95em;font-weight:700;color:#e0e0e0;margin-bottom:2px}#profileOverlay .achievement-card.unlocked .ach-name{color:gold}#profileOverlay .ach-desc{font-size:.75em;color:#888;line-height:1.2}#rpgOverlay{background-color:#020102e8}#rpgOverlay .overlay-content{max-height:1000px;height:100vh;max-width:1500px;width:100vw;padding:20px;display:flex;flex-direction:column;border:none;border-radius:5px;box-shadow:none}#rpgOverlay .rpg-layout{display:flex;flex-direction:column;gap:10px;flex:1;min-height:0}#rpgOverlay .rpg-header{display:flex;justify-content:space-between;align-items:center;background:#0000004d;padding:10px;border-radius:8px}#rpgOverlay .rpg-header .gold-display{color:gold;font-weight:700;margin-right:15px}#rpgOverlay .rpg-scene{border:1px solid #555;border-radius:8px;padding:15px;background:#0003;min-height:80px;background-size:cover;background-position:center;text-shadow:1px 1px 2px black}#rpgOverlay .rpg-scene .rpg-description{font-style:italic}#rpgOverlay .rpg-scene .npcs-container{margin-top:10px}#rpgOverlay .rpg-scene .npc-card{margin-top:10px;padding:10px;background:#ffffff0d;border-radius:4px;display:flex;justify-content:space-between;align-items:center}#rpgOverlay .rpg-scene .npc-card .npc-name{font-weight:700;color:var(--p-color-1)}#rpgOverlay .rpg-scene .npc-card .npc-description{font-size:.85em;opacity:.8}#rpgOverlay .bg-town{background:linear-gradient(#00000080,#00000080),#5d4037}#rpgOverlay .bg-tavern{background:linear-gradient(#00000080,#00000080),#3e2723}#rpgOverlay .bg-forest{background:linear-gradient(#00000080,#00000080),#1b5e20}#rpgOverlay .bg-dungeon{background:linear-gradient(#00000080,#00000080),#263238}#rpgOverlay .rpg-log{flex:1;overflow-y:auto;background:#0003;padding:10px;border-radius:8px;max-height:200px}#rpgOverlay .rpg-log .log-entry{font-size:.9em;margin-bottom:4px;border-bottom:1px solid #444;padding-bottom:2px}#rpgOverlay .rpg-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}#rpgOverlay .rpg-action-btn{background:#333;color:#ddd;border:1px solid #555;padding:8px 12px;border-radius:4px;cursor:pointer;transition:all .2s;font-size:.9em}#rpgOverlay .rpg-action-btn:hover{background:#444;border-color:#888;color:#fff}#rpgOverlay .rpg-action-btn.gamble-btn{padding:5px 10px;font-size:.8em}.travel-grid-container{position:relative;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.travel-close-btn{position:absolute;top:2cqmin;right:2cqmin;background:#0009;border:.2cqmin solid #555;color:#ccc;padding:1cqmin 2cqmin;border-radius:1cqmin;cursor:pointer;font-size:2cqmin;z-index:200;transition:all .2s}.travel-close-btn:hover{background:#000c;color:#fff;border-color:#888}.travel-grid{display:grid;grid-template-columns:repeat(3,22cqmin);grid-template-rows:repeat(3,22cqmin);gap:2cqmin;margin:0 auto;position:relative}.travel-cell{width:100%;height:100%;background:#0006;border:.4cqmin solid #555;border-radius:1.5cqmin;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;position:relative;color:#aaa;transition:all .2s;background-size:cover;background-position:center;background-repeat:no-repeat}.travel-cell.rpg-action-btn:hover{transform:scale(1.05);border-color:gold;box-shadow:0 0 1.5cqmin #ffd7004d}.travel-cell.current-location{background:#6495ed4d;border-color:#6495ed;color:#6495ed;cursor:default;font-weight:700;font-size:5cqmin}.travel-cell.current-location:hover{transform:none;box-shadow:none}.travel-cell.diagonal{opacity:.8}.travel-arrow-img{width:12cqmin;height:12cqmin;background-image:url(./arrow-DzOYCcg0.png);background-size:contain;background-repeat:no-repeat;background-position:center;filter:drop-shadow(0 0 1.5cqmin rgba(255,215,0,.5));transition:transform .2s ease}.travel-cell.nw .travel-arrow-img{transform:rotate(-45deg)}.travel-cell.n .travel-arrow-img{transform:rotate(0)}.travel-cell.ne .travel-arrow-img{transform:rotate(45deg)}.travel-cell.w .travel-arrow-img{transform:rotate(-90deg)}.travel-cell.e .travel-arrow-img{transform:rotate(90deg)}.travel-cell.sw .travel-arrow-img{transform:rotate(-135deg)}.travel-cell.s .travel-arrow-img{transform:rotate(180deg)}.travel-cell.se .travel-arrow-img{transform:rotate(135deg)}.travel-cell.rpg-action-btn:hover .travel-arrow-img{filter:drop-shadow(0 0 2cqmin rgba(255,215,0,.8)) brightness(1.2)}.travel-path{position:absolute;pointer-events:none;z-index:50;left:50%;top:50%;height:.5cqmin;background:repeating-linear-gradient(to right,#ffd700 0px,#ffd700 1cqmin,transparent 1cqmin,transparent 2cqmin);transform-origin:0 50%}.travel-path.hidden{display:none}.traveler{position:absolute;pointer-events:none;z-index:100;width:14cqmin;height:14cqmin;transform:translate(-50%,-50%);filter:drop-shadow(0 0 .8cqmin rgba(0,0,0,.9));animation:bounce .5s infinite alternate;transition:left .1s linear,top .1s linear;background-image:url(./rpg-figure-BndlAQHt.png);background-size:300% 300%}.traveler.hidden{display:none}@keyframes bounce{0%{transform:translate(-50%,-50%) translateY(0)}to{transform:translate(-50%,-50%) translateY(-.1cqmin)}}.location-description-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.9) 0%,rgba(0,0,0,.7) 70%,transparent 100%);padding:5cqmin 3.5cqmin 3.5cqmin;pointer-events:none;display:flex;flex-direction:column;align-items:center;gap:1.5cqmin}.location-name-overlay{color:var(--p-color-1);font-size:5cqmin;font-weight:700;text-transform:uppercase;letter-spacing:.3cqmin;text-shadow:0 0 1.5cqmin rgba(255,255,255,.3),.4cqmin .4cqmin .8cqmin rgba(0,0,0,.8);font-family:MedievalSharp,cursive,serif}.location-description-content{color:#e0e0e0;font-size:2.8cqmin;line-height:1.6;text-align:center;text-shadow:.4cqmin .4cqmin .8cqmin rgba(0,0,0,.8);font-style:italic;max-width:90%;margin:0 auto}.rpg-dashboard-layout{display:flex;flex-direction:row;height:100%;gap:15px;overflow:hidden;background:#121212;border-radius:12px;padding:10px;border:1px solid #333}.rpg-sidebar-left{flex:1;min-width:0;background:#1e1e1e99;border-radius:8px;padding:0;display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(255,255,255,.05);box-shadow:inset 0 0 10px #00000080}.rpg-main-content{flex:0 0 auto;height:100%;aspect-ratio:1 / 1;background:#0000004d;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;border:1px solid #444;container-type:size;overflow:hidden;background-size:cover;background-position:center}.sidebar-top-info{display:flex;justify-content:space-between;align-items:center;padding:12px 15px;background:#ffffff0d;border-bottom:1px solid rgba(255,255,255,.1);flex-shrink:0}.sidebar-stat{font-size:.95em;font-weight:700;color:#fff;display:flex;align-items:center;gap:5px}.rpg-actions-list{display:flex;flex-direction:column;gap:8px;width:100%}.sidebar-footer{margin-top:auto;padding-top:15px;border-top:1px solid rgba(255,255,255,.05)}.sidebar-mode{display:flex;flex-direction:column;gap:15px;height:100%}.sidebar-dynamic-content{flex:1;overflow-y:auto;padding:15px;display:flex;flex-direction:column}.sidebar-mode.hidden{display:none}.sidebar-location-info h3,.sidebar-npc-info h3{margin:0 0 5px;color:var(--p-color-1);font-family:MedievalSharp,cursive,serif;font-size:1.2em}.sidebar-location-info p{margin:0;font-size:.9em;color:#aaa;font-style:italic;line-height:1.4}.sidebar-npc-info p{margin:0;font-size:.85em;color:#888;text-transform:uppercase;letter-spacing:1px}.sidebar-section h4{margin:0 0 10px;font-size:.8em;text-transform:uppercase;color:#777;letter-spacing:1px;border-bottom:1px solid rgba(255,255,255,.05);padding-bottom:5px}.sidebar-stat strong{color:#fff;margin-right:5px}.npc-list{display:flex;flex-direction:column;gap:8px}.npc-list-item{display:flex;align-items:center;gap:10px;background:#ffffff0d;padding:8px;border-radius:4px;cursor:pointer;transition:background .2s;border:1px solid transparent}.npc-list-item:hover,.npc-list-item.selected{background:#ffffff1a;border-color:#666}.npc-avatar-small{width:32px;height:32px;background:#555;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px}.npc-list-name{font-size:.9em;font-weight:700}.npc-detail-view{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3cqmin;position:absolute;top:0;left:0;padding:5cqmin;box-sizing:border-box}.npc-avatar-large{width:25cqmin;height:25cqmin;background:#444;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10cqmin;border:.5cqmin solid #666;box-shadow:0 0 2cqmin #00000080;background-size:cover;background-position:center;flex-shrink:0}.npc-detail-name{font-size:6cqmin;font-weight:700;color:var(--p-color-1);text-shadow:.4cqmin .4cqmin .8cqmin rgba(0,0,0,.8)}.npc-level{font-size:2.5cqmin;color:#888;margin-top:-1.5cqmin}.npc-detail-desc{text-align:center;font-style:italic;color:#aaa;max-width:85%;font-size:3cqmin;line-height:1.4}.npc-detail-actions{display:flex;gap:2cqmin;margin-top:4cqmin}.rpg-main-content .rpg-action-btn{padding:1.5cqmin 3cqmin;font-size:2.5cqmin;border-radius:1cqmin;border-width:.2cqmin}.back-to-map-btn{position:absolute;top:2cqmin;left:2cqmin;background:#0006;border:.2cqmin solid #555;color:#aaa;padding:1cqmin 2cqmin;border-radius:1cqmin;cursor:pointer;font-size:2.2cqmin;z-index:10}.back-to-map-btn:hover{color:#fff;border-color:#888}.rpg-header,.rpg-main-view{display:none}#achievement-container{position:fixed;top:20px;right:20px;z-index:10000;display:flex;flex-direction:column;gap:10px;pointer-events:none}.achievement-notification{background:#000000d9;border:2px solid #ffd700;border-radius:8px;padding:10px;display:flex;align-items:center;gap:15px;width:300px;box-shadow:0 4px 15px #00000080;transform:translate(120%);transition:transform .4s cubic-bezier(.175,.885,.32,1.27);color:#fff;pointer-events:auto}.achievement-notification.show{transform:translate(0)}.ach-text{display:flex;flex-direction:column}.ach-title{font-size:.8em;color:gold;text-transform:uppercase;font-weight:700;letter-spacing:1px}.ach-name{font-size:1.1em;font-weight:700}.ach-icon{width:64px;height:64px;background-image:url(./achievements-set1-BbycpFYD.png);background-size:500% 500%;border-radius:4px;flex-shrink:0;image-rendering:pixelated}.ach-farkle-6{background-position:0% 0%}.ach-big-roll{background-position:25% 0%}.ach-survivor-1{background-position:50% 0%}.ach-gold-hoarder{background-position:75% 0%}.ach-tavern-king{background-position:100% 0%}.ach-duel-winner{background-position:0% 25%}.ach-perfect-aim{background-position:25% 25%}.ach-hidden-treasure{background-position:50% 25%}.ach-chronicler{background-position:75% 25%}.ach-recognized-hero{background-position:100% 25%}.ach-champion{background-position:0% 50%}.ach-six-ones{background-position:25% 50%}.ach-against-time{background-position:50% 50%}.ach-key-destiny{background-position:75% 50%}.ach-alchemist{background-position:100% 50%}.ach-dragon-fire{background-position:0% 75%}.ach-shadow-lord{background-position:25% 75%}.ach-lucky-clover{background-position:50% 75%}.ach-drunkard{background-position:75% 75%}.ach-blood-dice{background-position:100% 75%}.ach-thousand-coins{background-position:0% 100%}.ach-veteran{background-position:25% 100%}.ach-legendary-victory{background-position:50% 100%}.ach-cursed-dice{background-position:75% 100%}.ach-wise-man{background-position:100% 100%}