@tailwind base;@tailwind components;@tailwind utilities;@layer base{*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}*:focus{outline:none}:root{--bg-primary: 255 255 255;--bg-secondary: 241 245 249;--bg-ocean: 186 230 253;--text-primary: 15 23 42;--text-secondary: 71 85 105;--paper: linear-gradient(180deg, #f5f1e8 0%, #e8e4d8 100%);--menu-bg: rgba(255, 255, 255, .95);--menu-bg-transparent: rgba(255, 255, 255, .75);--menu-bg-accent: rgba(0, 0, 0, .08);--menu-border: rgba(0, 0, 0, .1);--sidebar-bg: 248 250 252;--sait: var(--discord-safe-area-inset-top, env(safe-area-inset-top, 0px));--sair: var(--discord-safe-area-inset-right, env(safe-area-inset-right, 0px));--saib: var(--discord-safe-area-inset-bottom, env(safe-area-inset-bottom, 0px));--sail: var(--discord-safe-area-inset-left, env(safe-area-inset-left, 0px))}:root[data-theme=dark]{--bg-primary: 15 23 42;--bg-secondary: 30 41 59;--bg-ocean: 12 74 110;--text-primary: 226 232 240;--text-secondary: 203 213 225;--paper: linear-gradient(180deg, #1e293b 0%, #0f172a 100%);--menu-bg: rgba(15, 23, 42, .95);--menu-bg-transparent: rgba(15, 23, 42, .75);--menu-bg-accent: rgba(255, 255, 255, .08);--menu-border: rgba(255, 255, 255, .1);--sidebar-bg: 30 41 59}html{height:100%}body{height:100%;height:100dvh;background-color:rgb(var(--bg-primary));color:rgb(var(--text-primary));font-family:Inter,system-ui,sans-serif}#root{height:100%}.mobile-full-viewport{height:100%;height:100dvh;padding-top:var(--sait);padding-right:var(--sair);padding-bottom:var(--saib);padding-left:var(--sail);box-sizing:border-box;overflow:hidden}.mobile-min-viewport{height:100%;min-height:100vh;min-height:100dvh;padding-top:var(--sait);padding-right:var(--sair);padding-bottom:var(--saib);padding-left:var(--sail);box-sizing:border-box}@media (hover: none){.game-touch-no-callout{-webkit-touch-callout:none}}.game-touch-no-callout img{-webkit-user-drag:none;user-drag:none;pointer-events:none}select{background-color:rgb(var(--bg-secondary));color:rgb(var(--text-primary))}select option{background-color:rgb(var(--bg-secondary));color:rgb(var(--text-primary));padding:.5rem}select option:hover,select option:focus,select option:checked{background-color:rgb(var(--bg-primary))}.robber-animated{transition:transform .6s ease-in-out}@keyframes robber-flash{0%,to{opacity:0}50%{opacity:1}}@keyframes piece-place{0%{opacity:0;transform:scale(1.5)}to{opacity:1;transform:scale(1)}}.piece-placed{animation:piece-place .4s ease-out;transform-origin:center}@keyframes knight-highlight-pulse{0%,to{opacity:1;stroke-width:3}50%{opacity:.5;stroke-width:5}}.knight-highlight-ring{animation:knight-highlight-pulse 1s ease-in-out infinite}.knight-highlighted{cursor:pointer}@keyframes dice-roll{0%{transform:rotate(0) scale(1)}20%{transform:rotate(72deg) scale(.92)}40%{transform:rotate(144deg) scale(.85)}60%{transform:rotate(216deg) scale(.88)}80%{transform:rotate(288deg) scale(.94)}to{transform:rotate(360deg) scale(1)}}.dice-rolling{animation:dice-roll .6s ease-out}.dice3d{position:relative}.dice3d__cube{transform-style:preserve-3d;-webkit-transform-style:preserve-3d;will-change:transform}.dice3d__face{backface-visibility:hidden;-webkit-backface-visibility:hidden}.dice3d--reduced .dice3d__cube{transition:none!important}.dice-throw-in-flight,.dice-throw-in-flight *{box-shadow:none!important}@media (prefers-reduced-motion: reduce){.dice3d__cube{transition:none!important}}@keyframes dice-dots-fade-in{0%{opacity:0}to{opacity:1}}.dice-dots-fade-in{animation:dice-dots-fade-in .8s ease-out forwards}@keyframes dice-breath{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.dice-breath{animation:dice-breath 1s ease-in-out infinite}@keyframes fire-particle{0%{transform:translateY(0) scale(1);opacity:1}to{transform:translateY(-40px) scale(0);opacity:0}}@keyframes fire-flicker{0%,to{transform:scaleY(1) scaleX(1)}25%{transform:scaleY(1.1) scaleX(.9)}50%{transform:scaleY(.9) scaleX(1.1)}75%{transform:scaleY(1.05) scaleX(.95)}}.dice-on-fire{position:relative}.dice-on-fire:before,.dice-on-fire:after{content:"";position:absolute;bottom:50%;left:50%;width:8px;height:8px;border-radius:50%;pointer-events:none}.dice-on-fire:before{background:radial-gradient(circle,#ff6b35 0%,#f7931e 50%,transparent 70%);box-shadow:-15px 5px 6px #ff6b35,15px 8px 6px #f7931e,-8px -5px 8px #ffcc02,20px 0 6px #ff6b35,-20px 10px 5px #f7931e,5px 5px 7px #ffcc02;animation:fire-particle .8s ease-out infinite}.dice-on-fire:after{background:radial-gradient(circle,#ffcc02 0%,#ff6b35 50%,transparent 70%);box-shadow:-12px 0 5px #ffcc02,18px 5px 6px #ff6b35,-5px 8px 7px #f7931e,10px -5px 5px #ffcc02,-18px 5px 6px #ff6b35,8px 10px 5px #f7931e;animation:fire-particle .8s ease-out infinite .4s}.fire-particles{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;overflow:visible}.fire-particle{position:absolute;width:6px;height:6px;border-radius:50%;animation:fire-particle .6s ease-out infinite}.fire-particle:nth-child(1){left:20%;bottom:60%;background:#ff6b35;animation-delay:0s;animation-duration:.7s}.fire-particle:nth-child(2){left:40%;bottom:70%;background:#ffcc02;animation-delay:.15s;animation-duration:.6s}.fire-particle:nth-child(3){left:60%;bottom:65%;background:#f7931e;animation-delay:.3s;animation-duration:.8s}.fire-particle:nth-child(4){left:80%;bottom:55%;background:#ff6b35;animation-delay:.1s;animation-duration:.65s}.fire-particle:nth-child(5){left:30%;bottom:75%;background:#ffcc02;animation-delay:.25s;animation-duration:.55s}.fire-particle:nth-child(6){left:70%;bottom:60%;background:#f7931e;animation-delay:.4s;animation-duration:.7s}.fire-particle:nth-child(7){left:50%;bottom:80%;background:#ff6b35;animation-delay:.2s;animation-duration:.6s}.fire-particle:nth-child(8){left:15%;bottom:70%;background:#ffcc02;animation-delay:.35s;animation-duration:.75s}.dice-glow{box-shadow:0 0 15px 5px #ff6b3599,0 0 30px 10px #f7931e66,0 0 45px 15px #ffcc0233}@keyframes roll-results-fade-in{0%{opacity:0;transform:translateY(12px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes roll-results-shadow-flash{0%,to{box-shadow:0 4px 7.8px #000000bf}50%{box-shadow:0 0 14px 4px #f2c02499,0 0 28px 10px #ffe38247,0 4px 7.8px #000000bf}}@keyframes roll-results-fade-out{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-8px) scale(.96)}}.roll-results-fade-in{animation:roll-results-fade-in .4s ease-out forwards}.roll-results-shadow-flash{animation:roll-results-shadow-flash 1.1s ease-in-out infinite}.roll-results-fade-out{animation:roll-results-fade-out .5s ease-in forwards}@media (prefers-reduced-motion: reduce){.roll-results-fade-in,.roll-results-shadow-flash,.roll-results-fade-out{animation:none;opacity:1;transform:none}}@keyframes ribbon-blink{0%,to{opacity:0}50%{opacity:1}}@keyframes ribbon-fade-out{0%{opacity:1}to{opacity:0}}.turn-ribbon{position:absolute;top:0;bottom:0;width:12px;background:red;pointer-events:none;z-index:50}.turn-ribbon-blink{animation:ribbon-blink 1s ease-in-out infinite}.turn-ribbon-fade-out{animation:ribbon-fade-out .5s ease-out forwards}.turn-ribbon-left{left:0}.turn-ribbon-right{right:0}@keyframes text-pulse{0%,to{opacity:1}50%{opacity:.6}}.text-pulse{animation:text-pulse 1.5s ease-in-out infinite}@keyframes flicker-opacity{0%,to{opacity:.5}50%{opacity:.85}}.flicker{animation:flicker-opacity 2s ease-in-out infinite}@keyframes pillage-selectable-pulse{0%,to{opacity:1}50%{opacity:.6}}.pillage-selectable-pulse{animation:pillage-selectable-pulse 1.5s ease-in-out infinite}@keyframes fortify-glow-pulse{0%,to{opacity:.7;stroke-width:3}50%{opacity:1;stroke-width:5}}@keyframes tile-highlight-pulse{0%,to{fill-opacity:.3;stroke-opacity:.8}50%{fill-opacity:.5;stroke-opacity:1}}.tile-highlight-pulse{animation:tile-highlight-pulse 1.5s ease-in-out infinite}.fortify-glow-pulse{animation:fortify-glow-pulse 1s ease-in-out infinite}@keyframes pillage-fire{0%{transform:translateY(0) scale(1);opacity:1}to{transform:translateY(-20px) scale(.5);opacity:0}}@keyframes pillage-fade-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}@keyframes pillage-fade-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.pillage-fire-particles{position:absolute;top:-20px;left:-20px;right:-20px;bottom:-20px;pointer-events:none;overflow:visible}.pillage-fire-particle{position:absolute;width:10px;height:10px;border-radius:50%;animation:pillage-fire .8s ease-out infinite}.pillage-fire-particle:nth-child(1){left:15%;bottom:50%;background:#ff6b35;animation-delay:0s;animation-duration:.9s}.pillage-fire-particle:nth-child(2){left:35%;bottom:60%;background:#ffcc02;animation-delay:.1s;animation-duration:.7s}.pillage-fire-particle:nth-child(3){left:55%;bottom:55%;background:#f7931e;animation-delay:.2s;animation-duration:.85s}.pillage-fire-particle:nth-child(4){left:75%;bottom:50%;background:#ff6b35;animation-delay:.15s;animation-duration:.75s}.pillage-fire-particle:nth-child(5){left:25%;bottom:65%;background:#ffcc02;animation-delay:.25s;animation-duration:.65s}.pillage-fire-particle:nth-child(6){left:65%;bottom:60%;background:#f7931e;animation-delay:.3s;animation-duration:.8s}.pillage-fire-particle:nth-child(7){left:45%;bottom:70%;background:#ff6b35;animation-delay:.05s;animation-duration:.7s}.pillage-fire-particle:nth-child(8){left:50%;bottom:45%;background:#ffcc02;animation-delay:.35s;animation-duration:.9s}@keyframes iceberg-bubble-rise{0%{transform:translate3d(0,6px,0) scale(.72);opacity:0}12%{opacity:.95}72%{opacity:.9}to{transform:translate3d(0,-26px,0) scale(1.18);opacity:0}}.iceberg-break-bubble{opacity:0;transform-box:fill-box;transform-origin:center;animation-name:iceberg-bubble-rise;animation-timing-function:ease-out;animation-fill-mode:forwards;will-change:transform,opacity}.pillage-city-fade-out{animation:pillage-fade-out .5s ease-out forwards;animation-delay:1.5s}.pillage-settlement-fade-in{animation:pillage-fade-in .5s ease-out forwards;animation-delay:2s;opacity:0}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-3px)}40%{transform:translate(3px)}60%{transform:translate(-2px)}80%{transform:translate(2px)}}@keyframes shroud-swirl{0%{transform:rotate(0) translate(45px) rotate(0)}to{transform:rotate(360deg) translate(45px) rotate(-360deg)}}.shroud-lightning{animation:lightning-flicker .8s ease-out forwards}@keyframes lightning-flicker{0%{opacity:0}5%{opacity:.9}10%{opacity:.2}15%{opacity:.95}20%{opacity:.1}30%{opacity:.85}40%{opacity:.3}50%{opacity:.7}65%{opacity:.15}80%{opacity:.4}to{opacity:0}}@keyframes shroud-fade-out{0%{opacity:1}to{opacity:0}}.shroud-fade-out{animation:shroud-fade-out 2.5s ease-out forwards}}@layer components{.player-avatar-hover{position:relative;flex-shrink:0;border-radius:50%;transition:transform .22s ease,box-shadow .22s ease,filter .22s ease}.player-avatar-hover:hover{transform:scale(1.12);z-index:3;box-shadow:0 0 14px #fff3,0 8px 28px #0006;filter:drop-shadow(0 0 8px rgba(255,255,255,.28))}.player-avatar-ornament{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:0;pointer-events:none;will-change:transform}@keyframes landing-glow-pulse{0%,to{filter:drop-shadow(0 0 2px rgba(242,192,36,.15))}50%{filter:drop-shadow(0 0 8px rgba(242,192,36,.35))}}@keyframes landing-border-shimmer{0%{opacity:.55}50%{opacity:1}to{opacity:.55}}@keyframes landing-icon-pop{0%,to{transform:translateY(0) scale(1)}40%{transform:translateY(-3px) scale(1.08)}70%{transform:translateY(1px) scale(.98)}}.landing-primary-btn{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:91px;border:none;padding:0;background:transparent;cursor:pointer;transition:transform .22s cubic-bezier(.34,1.56,.64,1)}.landing-primary-btn:hover{transform:scale(1.02) translateY(-2px)}.landing-primary-btn:active{transform:scale(.98) translateY(1px);transition-duration:.1s}.landing-primary-btn__frame{position:absolute;top:0;right:0;bottom:0;left:0;transition:filter .25s ease;transform:scale(.96,.87);transform-origin:center}.landing-primary-btn:hover .landing-primary-btn__frame{animation:landing-glow-pulse 1.8s ease-in-out infinite}.landing-primary-btn__border{position:absolute;top:0;right:0;bottom:0;left:0;transition:opacity .25s ease}.landing-primary-btn:hover .landing-primary-btn__border{animation:landing-border-shimmer 1.4s ease-in-out infinite}.landing-primary-btn__icon{transition:transform .25s cubic-bezier(.34,1.56,.64,1)}.landing-primary-btn:hover .landing-primary-btn__icon{animation:landing-icon-pop .55s ease-out}.landing-sub-btn{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;width:100%;min-height:126px;padding:17px 9px;border-radius:2px;border:1px solid rgba(238,222,188,.1);background:#f2c0240d;cursor:pointer;transition:transform .22s cubic-bezier(.34,1.56,.64,1),background-color .22s ease,border-color .22s ease,box-shadow .22s ease}.landing-sub-btn:hover{transform:translateY(-3px) scale(1.02);background:#f2c0241f;border-color:#f2c02459;box-shadow:0 8px 24px #00000040,0 0 16px #f2c0241f}.landing-sub-btn:active{transform:translateY(0) scale(.98);transition-duration:.1s}.landing-sub-btn__icon-wrap{position:relative;width:36px;height:36px;flex-shrink:0}.landing-sub-btn:hover .landing-sub-btn__icon-wrap{animation:landing-icon-pop .55s ease-out}.landing-nav-pill{display:inline-flex;align-items:center;justify-content:center;gap:12px;height:44px;padding:12px 24px;border-radius:22.63px;border:1px solid #484851;background:#3a3a43;color:#fff;font-family:Roboto,sans-serif;font-weight:700;font-size:16.164px;cursor:pointer;transition:transform .2s ease,background-color .2s ease,border-color .2s ease,box-shadow .2s ease}.landing-nav-pill:hover{transform:translateY(-2px);background:#45454f;border-color:#5a5a64;box-shadow:0 4px 12px #0000004d}.landing-discord-pill{display:inline-flex;align-items:center;gap:8px;padding:14px 18px;border-radius:9999px;border:2px solid rgba(88,101,242,.35);background:#21202b;cursor:pointer;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.landing-discord-pill:hover{transform:translateY(-2px);border-color:#5865f2a6;box-shadow:0 4px 16px #5865f240}.landing-join-server-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:177px;padding:12.932px;border-radius:22.63px;border:none;background:#5865f2;color:#fff;font-family:Roboto,sans-serif;font-weight:700;font-size:16.164px;cursor:pointer;transition:transform .2s cubic-bezier(.34,1.56,.64,1),background-color .2s ease,box-shadow .2s ease}.landing-join-server-btn:hover{transform:scale(1.04) translateY(-2px);background:#6b77f5;box-shadow:0 6px 20px #5865f273}.landing-join-server-btn:active{transform:scale(.97);transition-duration:.1s}.landing-bank-panel{position:relative;width:min(553px,100%);display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.landing-bank-panel__logo{display:block;width:min(366px,100%);height:auto;aspect-ratio:551.997 / 119.803;object-fit:contain;margin-bottom:40px;align-self:center}.landing-bank-panel-card{--landing-card-ref-w: 553;--landing-corner-inset-ref: 16;--landing-corner-gap-ref: 12;--landing-corner-inset: calc(100cqw * var(--landing-corner-inset-ref) / var(--landing-card-ref-w));--landing-corner-gap: calc(100cqw * var(--landing-corner-gap-ref) / var(--landing-card-ref-w));--landing-corner-size: min( 117px, calc(100cqw * 117 / var(--landing-card-ref-w)), calc((100cqw - 2 * var(--landing-corner-inset) - var(--landing-corner-gap)) / 2) );container-type:inline-size;position:relative;width:100%;align-self:stretch;border:1px solid #f2c024;border-radius:19.748px;background:transparent;overflow:hidden}.landing-bank-panel-card__inner{position:relative;border-radius:18.748px;backdrop-filter:blur(19.748px);-webkit-backdrop-filter:blur(19.748px);background:#36190961;overflow:hidden}.landing-bank-panel-card__content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:16px;width:100%;padding:40px 32px 36px}.landing-bank-panel__corner{position:absolute;width:var(--landing-corner-size);height:calc(var(--landing-corner-size) * 116 / 117);opacity:.95;pointer-events:none;display:block;object-fit:contain;object-position:left top;z-index:0}.landing-bank-panel__corner--tl{top:var(--landing-corner-inset);left:var(--landing-corner-inset);right:auto;bottom:auto}.landing-bank-panel__corner--tr{top:var(--landing-corner-inset);right:calc(27cqw - var(--landing-corner-inset));left:auto;bottom:auto;transform:scaleX(-1);transform-origin:100% 0}.landing-bank-panel__corner--bl{bottom:calc(27cqw - var(--landing-corner-inset));left:var(--landing-corner-inset);top:auto;right:auto;transform:scaleY(-1);transform-origin:0 100%}.landing-bank-panel__corner--br{bottom:calc(27cqw - var(--landing-corner-inset));right:calc(27cqw - var(--landing-corner-inset));top:auto;left:auto;transform:scale(-1);transform-origin:100% 100%}@media (min-width: 1024px){.landing-bank-panel{align-items:flex-end}.landing-bank-panel__footer{justify-content:flex-end}}.landing-bank-panel__footer{margin-top:28px;align-self:stretch;display:flex;justify-content:center;align-items:center;gap:8px;font-family:Inknut Antiqua,serif;font-size:16px;color:#eedebc}.landing-right-column{position:absolute;right:max(40px,var(--sair));left:auto;top:50%;transform:translateY(-50%);width:min(553px,calc(41.67% - 16px));z-index:3;display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-start}@media (max-width: 1023px){.landing-stage{display:flex;flex-direction:column;align-items:center;justify-content:center;overflow-y:auto!important;height:auto!important;min-height:100dvh;padding:max(88px,calc(72px + var(--sait))) max(16px,var(--sair)) max(32px,var(--saib)) max(16px,var(--sail))}.landing-right-column{position:relative;right:auto;left:auto;top:auto;transform:none;order:1;width:min(553px,100%);align-items:center}}}.themed-scrollbar::-webkit-scrollbar{width:8px}.themed-scrollbar::-webkit-scrollbar-track{background:#14121299;border-radius:4px}.themed-scrollbar::-webkit-scrollbar-thumb{background:#917621;border-radius:4px}.themed-scrollbar::-webkit-scrollbar-thumb:hover{background:#b8942a}.themed-scrollbar{scrollbar-width:thin;scrollbar-color:#917621 rgba(20,18,18,.6)}.message-bottle-search form{background:#2c1e16d9!important;border:1px solid #eedebc!important;border-radius:7px!important;padding:0 12px!important;height:50px!important}.message-bottle-search input{background:transparent!important;border:none!important;color:#ddc5a3!important;font-family:Inknut Antiqua,serif!important;font-size:14px!important;outline:none!important;caret-color:#ddc5a3}.message-bottle-search input::placeholder{color:#ddc5a3!important;opacity:.7}.message-bottle-search button{display:none!important}@keyframes messageBottleSway{0%{transform:translate(0) rotate(-1deg)}to{transform:translate(280px) rotate(2deg)}}