:root{--toastify-color-light:#fff;--toastify-color-dark:#121212;--toastify-color-info:#3498db;--toastify-color-success:#07bc0c;--toastify-color-warning:#f1c40f;--toastify-color-error:#e74d3c;--toastify-color-transparent:rgba(255,255,255,.7);--toastify-icon-color-info:var(--toastify-color-info);--toastify-icon-color-success:var(--toastify-color-success);--toastify-icon-color-warning:var(--toastify-color-warning);--toastify-icon-color-error:var(--toastify-color-error);--toastify-container-width:fit-content;--toastify-toast-width:320px;--toastify-toast-offset:16px;--toastify-toast-top:max(var(--toastify-toast-offset), env(safe-area-inset-top));--toastify-toast-right:max(var(--toastify-toast-offset), env(safe-area-inset-right));--toastify-toast-left:max(var(--toastify-toast-offset), env(safe-area-inset-left));--toastify-toast-bottom:max(var(--toastify-toast-offset), env(safe-area-inset-bottom));--toastify-toast-background:#fff;--toastify-toast-padding:14px;--toastify-toast-min-height:64px;--toastify-toast-max-height:800px;--toastify-toast-bd-radius:6px;--toastify-toast-shadow:0px 4px 12px rgba(0,0,0,.1);--toastify-font-family:sans-serif;--toastify-z-index:9999;--toastify-text-color-light:#757575;--toastify-text-color-dark:#fff;--toastify-text-color-info:#fff;--toastify-text-color-success:#fff;--toastify-text-color-warning:#fff;--toastify-text-color-error:#fff;--toastify-spinner-color:#616161;--toastify-spinner-color-empty-area:#e0e0e0;--toastify-color-progress-light:linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);--toastify-color-progress-dark:#bb86fc;--toastify-color-progress-info:var(--toastify-color-info);--toastify-color-progress-success:var(--toastify-color-success);--toastify-color-progress-warning:var(--toastify-color-warning);--toastify-color-progress-error:var(--toastify-color-error);--toastify-color-progress-bgo:.2}.Toastify__toast-container{z-index:var(--toastify-z-index);-webkit-transform:translate3d(0, 0, var(--toastify-z-index));width:var(--toastify-container-width);box-sizing:border-box;color:#fff;flex-direction:column;display:flex;position:fixed}.Toastify__toast-container--top-left{top:var(--toastify-toast-top);left:var(--toastify-toast-left)}.Toastify__toast-container--top-center{top:var(--toastify-toast-top);align-items:center;left:50%;transform:translate(-50%)}.Toastify__toast-container--top-right{top:var(--toastify-toast-top);right:var(--toastify-toast-right);align-items:end}.Toastify__toast-container--bottom-left{bottom:var(--toastify-toast-bottom);left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{bottom:var(--toastify-toast-bottom);align-items:center;left:50%;transform:translate(-50%)}.Toastify__toast-container--bottom-right{bottom:var(--toastify-toast-bottom);right:var(--toastify-toast-right);align-items:end}.Toastify__toast{--y:0;touch-action:none;width:var(--toastify-toast-width);min-height:var(--toastify-toast-min-height);box-sizing:border-box;padding:var(--toastify-toast-padding);border-radius:var(--toastify-toast-bd-radius);box-shadow:var(--toastify-toast-shadow);max-height:var(--toastify-toast-max-height);font-family:var(--toastify-font-family);z-index:0;word-break:break-word;flex:auto;align-items:center;margin-bottom:1rem;display:flex;position:relative}@media only screen and (max-width:480px){.Toastify__toast-container{width:100vw;left:env(safe-area-inset-left);margin:0}.Toastify__toast-container--top-left,.Toastify__toast-container--top-center,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translate(0)}.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translate(0)}.Toastify__toast-container--rtl{right:env(safe-area-inset-right);left:initial}.Toastify__toast{--toastify-toast-width:100%;border-radius:0;margin-bottom:0}}.Toastify__toast-container[data-stacked=true]{width:var(--toastify-toast-width)}.Toastify__toast--stacked{width:100%;transform:translate3d(0, var(--y), 0) scale(var(--s));transition:transform .3s;position:absolute}.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body,.Toastify__toast--stacked[data-collapsed] .Toastify__close-button{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{content:"";height:calc(var(--g) * 1px);position:absolute;bottom:100%;left:0;right:0}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{content:"";z-index:-1;height:100%;position:absolute;bottom:0;left:0;right:0;transform:scaleY(3)}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-icon{flex-shrink:0;width:22px;display:flex}.Toastify__toast-icon:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){margin-right:10px}.Toastify__toast-icon:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){margin-right:10px}.Toastify__toast-icon:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-left:10px}.Toastify__toast-icon:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){margin-left:10px}.Toastify--animate{animation-duration:.5s;animation-fill-mode:both}.Toastify--animate-icon{animation-duration:.3s;animation-fill-mode:both}.Toastify__toast-theme--dark{background:var(--toastify-color-dark);color:var(--toastify-text-color-dark)}.Toastify__toast-theme--light,.Toastify__toast-theme--colored.Toastify__toast--default{background:var(--toastify-color-light);color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{color:var(--toastify-text-color-info);background:var(--toastify-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{color:var(--toastify-text-color-success);background:var(--toastify-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{color:var(--toastify-text-color-warning);background:var(--toastify-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{color:var(--toastify-text-color-error);background:var(--toastify-color-error)}.Toastify__progress-bar-theme--light{background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error{background:var(--toastify-color-transparent)}.Toastify__close-button{color:#fff;cursor:pointer;opacity:.7;z-index:1;background:0 0;border:none;outline:none;padding:0;transition:all .3s;position:absolute;top:6px;right:6px}.Toastify__toast--rtl .Toastify__close-button{left:6px;right:unset}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;width:14px;height:16px}.Toastify__close-button:hover,.Toastify__close-button:focus{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{z-index:1;opacity:.7;transform-origin:0;width:100%;height:100%;position:absolute;bottom:0;left:0}.Toastify__progress-bar--animated{animation:linear forwards Toastify__trackProgress}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{right:0;left:initial;transform-origin:100%;border-bottom-left-radius:initial}.Toastify__progress-bar--wrp{border-bottom-left-radius:var(--toastify-toast-bd-radius);border-bottom-right-radius:var(--toastify-toast-bd-radius);width:100%;height:5px;position:absolute;bottom:0;left:0;overflow:hidden}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{opacity:var(--toastify-color-progress-bgo);width:100%;height:100%}.Toastify__spinner{box-sizing:border-box;border:2px solid;border-color:var(--toastify-spinner-color-empty-area);border-right-color:var(--toastify-spinner-color);border-radius:100%;width:20px;height:20px;animation:.65s linear infinite Toastify__spin}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate(3000px)}60%{opacity:1;transform:translate(-25px)}75%{transform:translate(10px)}90%{transform:translate(-5px)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px, var(--y), 0)}to{opacity:0;transform:translate3d(2000px, var(--y), 0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate(-3000px)}60%{opacity:1;transform:translate(25px)}75%{transform:translate(-10px)}90%{transform:translate(5px)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px, var(--y), 0)}to{opacity:0;transform:translate3d(-2000px, var(--y), 0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translateY(3000px)}60%{opacity:1;transform:translateY(-20px)}75%{transform:translateY(10px)}90%{transform:translateY(-5px)}to{transform:translate(0,0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0, calc(var(--y) - 10px), 0)}40%,45%{opacity:1;transform:translate3d(0, calc(var(--y) + 20px), 0)}to{opacity:0;transform:translateY(-2000px)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translateY(-3000px)}60%{opacity:1;transform:translateY(25px)}75%{transform:translateY(-10px)}90%{transform:translateY(5px)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0, calc(var(--y) - 10px), 0)}40%,45%{opacity:1;transform:translate3d(0, calc(var(--y) + 20px), 0)}to{opacity:0;transform:translateY(2000px)}}.Toastify__bounce-enter--top-left,.Toastify__bounce-enter--bottom-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--top-right,.Toastify__bounce-enter--bottom-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--top-left,.Toastify__bounce-exit--bottom-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--top-right,.Toastify__bounce-exit--bottom-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0, var(--y), 0) scale3d(.3, .3, .3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{opacity:0;animation-timing-function:ease-in;transform:perspective(400px)rotateX(90deg)}40%{animation-timing-function:ease-in;transform:perspective(400px)rotateX(-20deg)}60%{opacity:1;transform:perspective(400px)rotateX(10deg)}80%{transform:perspective(400px)rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0, var(--y), 0) perspective(400px)}30%{transform:translate3d(0, var(--y), 0) perspective(400px) rotate3d(1, 0, 0, -20deg);opacity:1}to{transform:translate3d(0, var(--y), 0) perspective(400px) rotate3d(1, 0, 0, 90deg);opacity:0}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{visibility:visible;transform:translate(110%)}to{transform:translate3d(0, var(--y), 0)}}@keyframes Toastify__slideInLeft{0%{visibility:visible;transform:translate(-110%)}to{transform:translate3d(0, var(--y), 0)}}@keyframes Toastify__slideInUp{0%{visibility:visible;transform:translateY(110%)}to{transform:translate3d(0, var(--y), 0)}}@keyframes Toastify__slideInDown{0%{visibility:visible;transform:translateY(-110%)}to{transform:translate3d(0, var(--y), 0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0, var(--y), 0)}to{visibility:hidden;transform:translate3d(110%, var(--y), 0)}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0, var(--y), 0)}to{visibility:hidden;transform:translate3d(-110%, var(--y), 0)}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0, var(--y), 0)}to{visibility:hidden;transform:translateY(500px)}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0, var(--y), 0)}to{visibility:hidden;transform:translateY(-500px)}}.Toastify__slide-enter--top-left,.Toastify__slide-enter--bottom-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--top-right,.Toastify__slide-enter--bottom-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--top-left,.Toastify__slide-exit--bottom-left{animation-name:Toastify__slideOutLeft;animation-duration:.3s;animation-timing-function:ease-in}.Toastify__slide-exit--top-right,.Toastify__slide-exit--bottom-right{animation-name:Toastify__slideOutRight;animation-duration:.3s;animation-timing-function:ease-in}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp;animation-duration:.3s;animation-timing-function:ease-in}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown;animation-duration:.3s;animation-timing-function:ease-in}@keyframes Toastify__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.html-player-class{padding-left:3px;padding-right:3px;display:inline-block}.audio-player-wrapper{position:relative}.audio-player-collapsed{right:var(--spacing-sm);background:linear-gradient(135deg, var(--primary-bg) 0%, #1a1a1a 100%);border:2px solid var(--focus-color);border-radius:var(--border-radius-lg);cursor:pointer;z-index:1000;width:100px;height:60px;transition:all .3s;position:fixed;overflow:hidden;box-shadow:0 4px 20px rgba(45,143,63,.4)}.audio-player-collapsed.audio-player-top{top:85px}.audio-player-collapsed.audio-player-bottom{bottom:13px}.audio-player-collapsed:hover{transform:scale(1.05);box-shadow:0 6px 30px rgba(45,143,63,.6)}.collapsed-content{width:100%;height:100%;padding:var(--spacing-sm);align-items:center;gap:var(--spacing-xs);display:flex;position:relative}.collapsed-play-button{border-radius:var(--border-radius-md);height:36px;color:var(--primary-text);z-index:2;cursor:pointer;background:rgba(45,143,63,.95);flex:1;justify-content:center;align-items:center;min-width:36px;transition:all .2s;display:flex}.collapsed-play-button:hover{background:#2d8f3f;transform:scale(1.02);box-shadow:0 2px 8px rgba(45,143,63,.4)}.collapsed-expand-button{border-radius:var(--border-radius-md);width:36px;height:36px;color:var(--primary-text);font-size:var(--font-size-xs);cursor:pointer;z-index:3;background:rgba(45,143,63,.95);flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}.collapsed-expand-button:hover{background:#2d8f3f;transform:scale(1.02);box-shadow:0 2px 8px rgba(45,143,63,.4)}.collapsed-progress{border-radius:0 0 10px 10px;height:3px;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.collapsed-progress-bar{height:100%!important}.audio-player-expanded{right:var(--spacing-lg);background:linear-gradient(135deg, var(--primary-bg) 0%, #1a1a1a 100%);color:var(--accent-text);border:2px solid var(--border-color);border-radius:var(--border-radius-lg);backdrop-filter:blur(10px);z-index:1000;width:320px;min-height:140px;padding:var(--spacing-md);opacity:0;pointer-events:none;visibility:hidden;transition:opacity .2s,transform .2s,visibility .2s;position:fixed;overflow:hidden;transform:translateY(-8px);box-shadow:0 8px 32px rgba(0,0,0,.6)}.audio-player-expanded--open{opacity:1;pointer-events:auto;visibility:visible;transform:translateY(0)}.audio-player-expanded.audio-player-top{top:85px}.audio-player-expanded.audio-player-bottom{bottom:20px}.player-header{margin-bottom:var(--spacing-sm);justify-content:space-between;align-items:center;display:flex}.player-title{font-size:var(--font-size-sm);color:var(--primary-text);text-shadow:1px 1px 2px rgba(0,0,0,.8);letter-spacing:.5px;flex:1;margin:0;font-weight:600}.collapse-button{color:var(--focus-color);cursor:pointer;padding:var(--spacing-xs);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;transition:all .2s;display:flex}.collapse-button:hover{background-color:var(--hover-bg);color:#4cc55a}.player-main{gap:var(--spacing-md);align-items:center;display:flex}.expanded-play-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,rgba(45,143,63,.9) 0%,#2d8f3f 100%);border:2px solid rgba(45,143,63,.8);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;transition:all .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 16px rgba(45,143,63,.3)}.expanded-play-button:hover{background:linear-gradient(135deg,#2d8f3f 0%,#3cb44e 100%);border-color:#3cb44e;transform:scale(1.05);box-shadow:0 6px 24px rgba(45,143,63,.5)}.expanded-play-button:active{transform:scale(.98)}.expanded-play-button:before{content:"";opacity:0;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);border-radius:50%;transition:opacity .3s;position:absolute;top:0;bottom:0;left:0;right:0}.expanded-play-button:hover:before{opacity:1}.player-controls{gap:var(--spacing-xs);flex-direction:column;flex:1;display:flex}.progress-section{align-items:center;gap:var(--spacing-xs);cursor:pointer;display:flex}.main-progress-bar{flex:1}.control-buttons{justify-content:center;gap:var(--spacing-sm);display:flex}.control-btn{color:var(--focus-color);cursor:pointer;padding:var(--spacing-xs);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.control-btn:hover{background-color:var(--hover-bg);color:#4cc55a;transform:scale(1.1)}.control-btn:focus{outline-offset:2px;outline:2px solid rgba(60,180,78,.6)}.audio-player-container:before{content:"";opacity:.8;background:linear-gradient(90deg,#3cb44e,#4cc55a,#3cb44e);height:2px;position:absolute;top:0;left:0;right:0}.play-button-container{cursor:pointer;border-radius:50%;transition:all .2s ease-in-out;position:relative;overflow:hidden}.play-button-container:hover{transform:scale(1.05);box-shadow:0 0 20px rgba(60,180,78,.4)}.play-button-container:focus{outline-offset:2px;outline:3px solid rgba(60,180,78,.6)}.play-button-icon{z-index:999;font-size:var(--font-size-xl);color:var(--focus-color);text-shadow:0 2px 4px rgba(0,0,0,.8);transition:all .2s ease-in-out;position:absolute}.play-button-icon:hover{color:#4cc55a;transform:scale(1.1)}.album-art{border:3px solid var(--focus-color);border-radius:50%;transition:all .2s ease-in-out;box-shadow:0 4px 16px rgba(60,180,78,.3)}.album-art:hover{border-color:#4cc55a;box-shadow:0 6px 24px rgba(60,180,78,.5)}.player-controls{gap:var(--spacing-xs);flex-direction:column;display:flex}.player-title{font-size:var(--font-size-sm);text-align:center;color:var(--primary-text);text-shadow:1px 1px 2px rgba(0,0,0,.8);letter-spacing:.5px;margin:0;font-weight:600}.progress-container{align-items:center;gap:var(--spacing-xs);cursor:pointer;padding:var(--spacing-xs) 0;border-radius:var(--border-radius-md);transition:background-color .2s ease-in-out;display:flex}.progress-container:hover{background-color:rgba(60,180,78,.1)}.time-display{font-size:var(--font-size-xs);color:var(--accent-text);text-shadow:1px 1px 2px rgba(0,0,0,.8);text-align:center;min-width:40px;font-weight:600}.control-buttons{justify-content:center;align-items:center;gap:var(--spacing-lg);margin-top:var(--spacing-xs);display:flex}.control-button{color:var(--focus-color);cursor:pointer;padding:var(--spacing-xs);min-width:var(--touch-target-min);min-height:var(--touch-target-min);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .2s ease-in-out;display:flex}.control-button:hover{background-color:var(--hover-bg);color:#4cc55a;transform:scale(1.1)}.control-button:focus{outline-offset:2px;outline:2px solid rgba(60,180,78,.6)}.control-button:active{transform:scale(.95)}.volume-button{right:var(--spacing-md);color:var(--focus-color);cursor:pointer;padding:var(--spacing-xs);min-width:var(--touch-target-min);min-height:var(--touch-target-min);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .2s ease-in-out;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.volume-button:hover{background-color:var(--hover-bg);color:#4cc55a;transform:translateY(-50%)scale(1.1)}.volume-button:focus{outline-offset:2px;outline:2px solid rgba(60,180,78,.6)}.custom-progress-bar{overflow:hidden;box-shadow:inset 0 2px 4px rgba(0,0,0,.3);border-radius:var(--border-radius-sm)!important}.custom-progress-bar .progress-bar{transition:width .2s ease-in-out;box-shadow:0 2px 8px rgba(60,180,78,.4);background:linear-gradient(90deg, var(--focus-color), #4cc55a)!important}@media (min-width:3840px) and (min-height:2160px){.audio-player-collapsed{width:160px;height:100px;right:20px}.audio-player-collapsed.audio-player-top{top:130px}.audio-player-collapsed.audio-player-bottom{bottom:20px}.collapsed-content{gap:12px;padding:16px}.collapsed-play-button,.collapsed-expand-button{border-radius:12px;min-width:60px;height:60px}.collapsed-progress{height:5px}.audio-player-expanded{width:480px;min-height:200px;padding:24px;right:30px}.audio-player-expanded.audio-player-top{top:130px}.audio-player-expanded.audio-player-bottom{bottom:30px}.player-title{font-size:20px}.expanded-play-button{width:90px;height:90px}.play-button-icon{font-size:36px}.time-display{min-width:60px;font-size:16px}.control-buttons{gap:35px}.control-button{min-width:60px;min-height:60px}}@media (min-width:1920px) and (max-width:3839px) and (min-height:1080px){.audio-player-collapsed{width:140px;height:80px;top:110px;right:18px}.collapsed-content{gap:10px;padding:14px}.collapsed-play-button,.collapsed-expand-button{border-radius:10px;min-width:50px;height:50px}.collapsed-progress{height:4px}.audio-player-expanded{width:400px;min-height:180px;padding:20px;top:110px;right:25px}.player-title{font-size:18px}.expanded-play-button{width:80px;height:80px}.play-button-icon{font-size:32px}.time-display{min-width:50px;font-size:14px}.control-buttons{gap:30px}.control-button{min-width:52px;min-height:52px}}@media (min-width:1280px) and (max-width:1919px) and (min-height:800px){.audio-player-collapsed{width:120px;height:70px;top:95px;right:16px}.collapsed-content{gap:8px;padding:12px}.collapsed-play-button,.collapsed-expand-button{border-radius:8px;min-width:44px;height:44px}.audio-player-expanded{width:360px;min-height:160px;padding:18px;top:95px;right:22px}.player-title{font-size:16px}.expanded-play-button{width:70px;height:70px}.play-button-icon{font-size:28px}.time-display{min-width:45px;font-size:13px}.control-buttons{gap:25px}.control-button{min-width:48px;min-height:48px}}@media (min-width:1024px) and (max-width:1279px) and (min-height:600px){.audio-player-collapsed{width:100px;height:60px;top:85px;right:13px}.collapsed-content{gap:6px;padding:10px}.collapsed-play-button,.collapsed-expand-button{border-radius:6px;min-width:36px;height:36px}.collapsed-progress{height:3px}.audio-player-expanded{width:300px;min-height:130px;padding:14px;top:85px;right:18px}.player-title{font-size:13px}.expanded-play-button{width:55px;height:55px}.play-button-icon{font-size:22px}.time-display{min-width:38px;font-size:11px}.control-buttons{gap:18px}.control-button{min-width:40px;min-height:40px}.collapse-button{width:20px;height:20px}}@media (max-width:1023px){.audio-player-collapsed{width:90px;height:55px;top:75px;right:10px}.collapsed-content{gap:4px;padding:8px}.collapsed-play-button,.collapsed-expand-button{border-radius:6px;min-width:32px;height:32px}.collapsed-progress{height:2px}.audio-player-expanded{width:280px;min-height:120px;padding:12px;top:75px;right:15px}.player-title{font-size:12px}.expanded-play-button{width:50px;height:50px}.play-button-icon{font-size:20px}.time-display{min-width:35px;font-size:10px}.control-buttons{gap:15px}.control-button{min-width:40px;min-height:40px}.collapse-button{width:18px;height:18px}}@media (max-width:480px){.audio-player-collapsed{width:80px;height:50px;top:70px;right:8px}.collapsed-content{gap:3px;padding:6px}.collapsed-play-button,.collapsed-expand-button{border-radius:4px;min-width:28px;height:28px}.collapsed-progress{height:2px}.audio-player-expanded{width:260px;min-height:110px;padding:10px;top:70px;right:12px}.player-title{font-size:11px}.expanded-play-button{width:45px;height:45px}.play-button-icon{font-size:18px}.time-display{min-width:30px;font-size:9px}.control-buttons{gap:12px}.control-button{min-width:36px;min-height:36px}.collapse-button{width:16px;height:16px}.volume-button{min-width:36px;min-height:36px;right:12px}}@media (orientation:landscape) and (max-height:600px){.audio-player-collapsed{width:85px;height:50px;top:70px;right:8px}.collapsed-content{gap:4px;padding:6px}.collapsed-play-button,.collapsed-expand-button{min-width:30px;height:30px}.audio-player-expanded{width:280px;min-height:100px;padding:10px;top:70px;right:12px}.player-title{font-size:11px}.expanded-play-button{width:45px;height:45px}.play-button-icon{font-size:18px}.time-display{min-width:32px;font-size:9px}.control-buttons{gap:12px}.control-button{min-width:36px;min-height:36px}}@media (min-resolution:192dpi){.audio-player-collapsed,.audio-player-expanded,.collapsed-play-button,.collapsed-expand-button,.expanded-play-button{border-width:1px}}.chat-box-collapsed{top:var(--spacing-sm);right:var(--spacing-sm);background:linear-gradient(135deg, var(--primary-bg) 0%, #1a1a1a 100%);border:2px solid var(--focus-color);border-radius:var(--border-radius-lg);cursor:pointer;z-index:1000;width:100px;height:60px;transition:all .3s;position:fixed;overflow:hidden;box-shadow:0 4px 20px rgba(60,180,78,.4)}.chat-box-collapsed:hover{transform:scale(1.05);box-shadow:0 6px 30px rgba(60,180,78,.6)}.collapsed-chat-content{width:100%;height:100%;padding:var(--spacing-sm);justify-content:center;align-items:center;display:flex;position:relative}.collapsed-chat-icon{border-radius:var(--border-radius-md);width:100%;height:100%;color:var(--primary-text);background:rgba(60,180,78,.95);justify-content:center;align-items:center;transition:all .2s;display:flex}.chat-box-collapsed:hover .collapsed-chat-icon{background:#3cb44e;transform:scale(1.02);box-shadow:0 2px 8px rgba(60,180,78,.4)}.chat-box-expanded{top:var(--spacing-lg);right:var(--spacing-lg);background:linear-gradient(135deg, var(--primary-bg) 0%, #1a1a1a 100%);color:var(--accent-text);border:2px solid var(--border-color);border-radius:var(--border-radius-lg);backdrop-filter:blur(10px);z-index:1000;width:350px;min-height:180px;padding:var(--spacing-md);transition:all .3s;position:fixed;overflow:hidden;box-shadow:0 8px 32px rgba(0,0,0,.6)}.chat-header{margin-bottom:var(--spacing-sm);padding-bottom:var(--spacing-xs);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;display:flex}.chat-title-section{align-items:center;gap:var(--spacing-xs);flex:1;display:flex}.chat-title{font-size:var(--font-size-sm);color:var(--primary-text);text-shadow:1px 1px 2px rgba(0,0,0,.8);letter-spacing:.5px;margin:0;font-weight:600}.chat-collapse-button{color:var(--focus-color);cursor:pointer;padding:var(--spacing-xs);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;transition:all .2s;display:flex}.chat-collapse-button:hover{background-color:var(--hover-bg);color:#4cc55a}.chat-instructions{background:var(--secondary-bg);border-radius:var(--border-radius-md);padding:var(--spacing-sm);margin-bottom:var(--spacing-md);border:1px solid var(--border-color)}.chat-instruction-text{font-size:var(--font-size-xs);color:var(--secondary-text);text-align:center;margin:0;line-height:1.4}.chat-instruction-text strong{color:var(--accent-text);font-weight:700}.chat-form{gap:var(--spacing-xs);flex-direction:column;display:flex}.chat-input-container{gap:var(--spacing-xs);align-items:flex-end;display:flex}.chat-input{background:var(--card-bg);border:2px solid var(--border-color);border-radius:var(--border-radius-md);padding:var(--spacing-sm);color:var(--primary-text);font-size:var(--font-size-sm);resize:none;min-height:var(--touch-target-min);scrollbar-width:thin;scrollbar-color:var(--focus-color) var(--secondary-bg);flex:1;max-height:120px;font-family:inherit;transition:all .2s;overflow-y:auto}.chat-input::-webkit-scrollbar{width:6px}.chat-input::-webkit-scrollbar-track{background:var(--secondary-bg);border-radius:var(--border-radius-sm)}.chat-input::-webkit-scrollbar-thumb{background:var(--focus-color);border-radius:var(--border-radius-sm)}.chat-input:focus{border-color:var(--focus-color);outline:none;box-shadow:0 0 0 3px rgba(60,180,78,.2)}.chat-input:disabled{opacity:.6;cursor:not-allowed}.chat-input::placeholder{color:var(--secondary-text);opacity:.7}.chat-send-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,rgba(60,180,78,.9) 0%,#3cb44e 100%);border:2px solid rgba(60,180,78,.8);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;transition:all .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 16px rgba(60,180,78,.3)}.chat-send-button:hover:not(:disabled){background:linear-gradient(135deg,#3cb44e 0%,#4cc55a 100%);border-color:#4cc55a;transform:scale(1.05);box-shadow:0 6px 24px rgba(60,180,78,.5)}.chat-send-button:active:not(:disabled){transform:scale(.98)}.chat-send-button:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:0 2px 8px rgba(60,180,78,.2)}.chat-send-button.loading{pointer-events:none}.chat-loading-spinner{border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:1s linear infinite chat-spin}@keyframes chat-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.chat-character-count{font-size:var(--font-size-xs);color:var(--secondary-text);text-align:right;opacity:.7}.chat-character-count.warning{color:var(--danger-text);opacity:1}@media (min-width:3840px) and (min-height:2160px){.chat-box-collapsed{width:160px;height:100px;top:20px;right:20px}.collapsed-chat-content{gap:12px;padding:16px}.collapsed-chat-icon,.collapsed-expand-button{border-radius:12px;min-width:60px;height:60px}.collapsed-chat-icon svg,.collapsed-expand-button svg{width:20px;height:20px}.chat-box-expanded{width:480px;min-height:240px;padding:24px;top:30px;right:30px}.chat-title{font-size:20px}.chat-instruction-text{font-size:16px}.chat-input{min-height:60px;padding:16px;font-size:18px}.chat-send-button{width:60px;height:60px}.chat-send-button svg{width:20px;height:20px}.chat-character-count{font-size:14px}}@media (min-width:1920px) and (max-width:3839px) and (min-height:1080px){.chat-box-collapsed{width:140px;height:80px;top:18px;right:18px}.collapsed-chat-content{gap:10px;padding:14px}.collapsed-chat-icon,.collapsed-expand-button{border-radius:10px;min-width:50px;height:50px}.collapsed-chat-icon svg,.collapsed-expand-button svg{width:18px;height:18px}.chat-box-expanded{width:420px;min-height:200px;padding:20px;top:25px;right:25px}.chat-title{font-size:18px}.chat-instruction-text{font-size:14px}.chat-input{min-height:52px;padding:14px;font-size:16px}.chat-send-button{width:52px;height:52px}.chat-send-button svg{width:18px;height:18px}.chat-character-count{font-size:13px}}@media (min-width:1280px) and (max-width:1919px) and (min-height:800px){.chat-box-collapsed{width:120px;height:70px;top:16px;right:16px}.collapsed-chat-content{gap:8px;padding:12px}.collapsed-chat-icon,.collapsed-expand-button{border-radius:8px;min-width:44px;height:44px}.chat-box-expanded{width:380px;min-height:180px;padding:18px;top:22px;right:22px}.chat-title{font-size:16px}.chat-instruction-text{font-size:13px}.chat-input{min-height:48px;padding:13px;font-size:15px}.chat-send-button{width:48px;height:48px}.chat-character-count{font-size:12px}}@media (min-width:1024px) and (max-width:1279px) and (min-height:600px){.chat-box-collapsed{width:100px;height:60px;top:13px;right:13px}.collapsed-chat-content{gap:6px;padding:10px}.collapsed-chat-icon,.collapsed-expand-button{border-radius:6px;min-width:36px;height:36px}.chat-box-expanded{width:320px;min-height:160px;padding:14px;top:18px;right:18px}.chat-title{font-size:13px}.chat-instruction-text{padding:8px;font-size:11px}.chat-input{min-height:40px;padding:10px;font-size:13px}.chat-send-button{width:40px;height:40px}.chat-send-button svg{width:12px;height:12px}.chat-character-count{font-size:10px}}@media (max-width:1023px){.chat-box-collapsed{width:90px;height:55px;top:10px;right:10px}.collapsed-chat-content{gap:4px;padding:8px}.collapsed-chat-icon,.collapsed-expand-button{border-radius:6px;min-width:32px;height:32px}.collapsed-chat-icon svg,.collapsed-expand-button svg{width:12px;height:12px}.chat-box-expanded{width:300px;min-height:140px;padding:12px;top:15px;right:15px}.chat-title{font-size:12px}.chat-instruction-text{padding:8px;font-size:10px}.chat-input{min-height:36px;padding:8px;font-size:12px}.chat-send-button{width:36px;height:36px}.chat-send-button svg{width:10px;height:10px}.chat-character-count{font-size:9px}}@media (max-width:480px){.chat-box-collapsed{width:80px;height:50px;top:8px;right:8px}.collapsed-chat-content{gap:3px;padding:6px}.collapsed-chat-icon,.collapsed-expand-button{border-radius:4px;min-width:28px;height:28px}.chat-box-expanded{width:280px;min-height:120px;padding:10px;top:12px;right:12px}.chat-title{font-size:11px}.chat-instruction-text{padding:6px;font-size:9px}.chat-input{min-height:32px;padding:6px;font-size:11px}.chat-send-button{width:32px;height:32px}.chat-send-button svg{width:8px;height:8px}.chat-character-count{font-size:var(--font-size-xs,1rem)}}@media (orientation:landscape) and (max-height:600px){.chat-box-collapsed{width:85px;height:50px;top:8px;right:8px}.collapsed-chat-content{gap:4px;padding:6px}.collapsed-chat-icon,.collapsed-expand-button{min-width:30px;height:30px}.chat-box-expanded{width:300px;min-height:120px;padding:10px;top:12px;right:12px}.chat-title{font-size:11px}.chat-instruction-text{padding:6px;font-size:9px}.chat-input{min-height:32px;max-height:60px;padding:8px;font-size:11px}.chat-send-button{width:36px;height:36px}}@media (min-resolution:192dpi){.chat-box-collapsed,.chat-box-expanded,.collapsed-chat-icon,.collapsed-expand-button,.chat-send-button{border-width:1px}}@media (prefers-contrast:high){.chat-input{color:#000;background:#fff;border-color:#000}.chat-input:focus{border-color:#06c}.chat-send-button{color:#fff;background:#06c;border-color:#06c}.chat-send-button:hover:not(:disabled){background:#049;border-color:#049}}@media (prefers-reduced-motion:reduce){.chat-box-collapsed,.chat-box-expanded,.chat-send-button,.collapsed-chat-icon,.collapsed-expand-button{transition:none}.chat-box-collapsed:hover,.chat-send-button:hover:not(:disabled){transform:none}.chat-loading-spinner{border:2px solid #fff;border-top-color:rgba(255,255,255,.3);animation:none}}.scroll-image-container{z-index:1;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.smooth-scroll{filter:brightness(.6)contrast(1.1)saturate(1.1);will-change:transform;backface-visibility:hidden;transition:filter .5s ease-in-out;animation:15s linear infinite smooth-horizontal-scroll}.smooth-scroll:hover{filter:brightness(.7)contrast(1.2)saturate(1.2)}@keyframes smooth-horizontal-scroll{0%{transform:translate(20%)translateY(0%)}to{transform:translate(-20%)translateY(0%)}}@-webkit-keyframes smooth-horizontal-scroll{0%{-webkit-transform:translate(20%)translateY(0%)}to{-webkit-transform:translate(-20%)translateY(0%)}}.continuous-pan{animation:180s linear infinite continuous-pan}@keyframes continuous-pan{0%{transform:translate(10%)translateY(5%)}50%{transform:translate(-10%)translateY(-5%)}to{transform:translate(10%)translateY(5%)}}@-webkit-keyframes continuous-pan{0%{-webkit-transform:translate(10%)translateY(5%)}50%{-webkit-transform:translate(-10%)translateY(-5%)}to{-webkit-transform:translate(10%)translateY(5%)}}.fade-in-image{animation:2s ease-in-out fadeInImage}@keyframes fadeInImage{0%{opacity:0;transform:scale(1.02)}to{opacity:1;transform:scale(1)}}@-webkit-keyframes fadeInImage{0%{opacity:0;-webkit-transform:scale(1.02)}to{opacity:1;-webkit-transform:scale(1)}}.parallax-bg{will-change:transform;backface-visibility:hidden;perspective:1000px;transform-style:preserve-3d;-webkit-transform-style:preserve-3d}.image-transition{transition:all 1s cubic-bezier(.25,.46,.45,.94)}.smooth-scroll,.continuous-pan,.fade-in-image,.parallax-bg{transform-style:preserve-3d;-webkit-transform-style:preserve-3d;will-change:transform, opacity;backface-visibility:hidden}.subtle-zoom{animation:150s ease-in-out infinite subtle-zoom-pan}@keyframes subtle-zoom-pan{0%{transform:translate(0%)translateY(0%)scale(1)}33%{transform:translate(-8%)translateY(-4%)scale(1.02)}66%{transform:translate(-16%)translateY(-8%)scale(1.04)}to{transform:translate(-24%)translateY(-12%)scale(1.06)}}@-webkit-keyframes subtle-zoom-pan{0%{-webkit-transform:translate(0%)translateY(0%)scale(1)}33%{-webkit-transform:translate(-8%)translateY(-4%)scale(1.02)}66%{-webkit-transform:translate(-16%)translateY(-8%)scale(1.04)}to{-webkit-transform:translate(-24%)translateY(-12%)scale(1.06)}}.minimal-scroll{animation:240s linear infinite minimal-scroll}@keyframes minimal-scroll{0%{transform:translate(5%)translateY(2%)}to{transform:translate(-5%)translateY(-2%)}}@-webkit-keyframes minimal-scroll{0%{-webkit-transform:translate(5%)translateY(2%)}to{-webkit-transform:translate(-5%)translateY(-2%)}}@media (prefers-reduced-motion:reduce){.smooth-scroll,.continuous-pan,.subtle-zoom,.minimal-scroll{animation:none;transform:translate(-5%)translateY(-2%)}.fade-in-image{opacity:1;animation:none}}@media (prefers-contrast:high){.smooth-scroll{filter:brightness(.5)contrast(1.5)}}@media (prefers-color-scheme:dark){.smooth-scroll{filter:brightness(.5)contrast(1.2)saturate(.9)}}@media (min-width:3840px) and (min-height:2160px){.smooth-scroll{animation-duration:15s}.continuous-pan{animation-duration:240s}.subtle-zoom{animation-duration:200s}.minimal-scroll{animation-duration:300s}.fade-in-image{animation-duration:3s}}@media (min-width:1920px) and (max-width:3839px) and (min-height:1080px){.smooth-scroll{animation-duration:12s}.continuous-pan{animation-duration:200s}.subtle-zoom{animation-duration:180s}.minimal-scroll{animation-duration:260s}.fade-in-image{animation-duration:2.5s}}@media (min-width:1280px) and (max-width:1919px) and (min-height:800px){.smooth-scroll{animation-duration:10s}.continuous-pan{animation-duration:180s}.subtle-zoom{animation-duration:150s}.minimal-scroll{animation-duration:240s}.fade-in-image{animation-duration:2s}}@media (min-width:1024px) and (max-width:1279px) and (min-height:600px){.smooth-scroll{filter:brightness(.7)contrast()saturate();animation-duration:8s}.continuous-pan{animation-duration:150s}.subtle-zoom{animation-duration:120s}.minimal-scroll{animation-duration:200s}.fade-in-image{animation-duration:1.5s}@keyframes smooth-horizontal-scroll{0%{transform:translate(15%)translateY(0%)}to{transform:translate(-15%)translateY(0%)}}@keyframes continuous-pan{0%{transform:translate(8%)translateY(4%)}50%{transform:translate(-8%)translateY(-4%)}to{transform:translate(8%)translateY(4%)}}@keyframes subtle-zoom-pan{0%{transform:translate(0%)translateY(0%)scale(1)}33%{transform:translate(-6%)translateY(-3%)scale(1.015)}66%{transform:translate(-12%)translateY(-6%)scale(1.03)}to{transform:translate(-18%)translateY(-9%)scale(1.045)}}@keyframes minimal-scroll{0%{transform:translate(4%)translateY(2%)}to{transform:translate(-4%)translateY(-2%)}}}@media (max-width:1023px){.smooth-scroll{filter:brightness(.7)contrast()saturate(.9);animation-duration:180s}.continuous-pan{animation-duration:120s}.subtle-zoom{animation-duration:100s}.minimal-scroll{animation-duration:160s}.scroll-image-container{transform:translateZ(0)}@keyframes smooth-horizontal-scroll{0%{transform:translate(15%)translateY(0%)}to{transform:translate(-15%)translateY(0%)}}@keyframes continuous-pan{0%{transform:translate(5%)translateY(2.5%)}50%{transform:translate(-5%)translateY(-2.5%)}to{transform:translate(5%)translateY(2.5%)}}@keyframes subtle-zoom-pan{0%{transform:translate(0%)translateY(0%)scale(1)}33%{transform:translate(-4%)translateY(-2%)scale(1.01)}66%{transform:translate(-8%)translateY(-4%)scale(1.02)}to{transform:translate(-12%)translateY(-6%)scale(1.03)}}@keyframes minimal-scroll{0%{transform:translate(3%)translateY(1.5%)}to{transform:translate(-3%)translateY(-1.5%)}}}@media (max-width:480px){.smooth-scroll{filter:brightness(.8)contrast(.9)saturate(.8);animation-duration:240s}.continuous-pan{animation-duration:100s}.subtle-zoom{animation-duration:80s}.minimal-scroll{animation-duration:120s}.fade-in-image{animation-duration:1s}@keyframes smooth-horizontal-scroll{0%{transform:translate(10%)translateY(0%)}to{transform:translate(-10%)translateY(0%)}}@keyframes continuous-pan{0%{transform:translate(3%)translateY(1.5%)}50%{transform:translate(-3%)translateY(-1.5%)}to{transform:translate(3%)translateY(1.5%)}}@keyframes subtle-zoom-pan{0%{transform:translate(0%)translateY(0%)scale(1)}33%{transform:translate(-2%)translateY(-1%)scale(1.005)}66%{transform:translate(-4%)translateY(-2%)scale(1.01)}to{transform:translate(-6%)translateY(-3%)scale(1.015)}}@keyframes minimal-scroll{0%{transform:translate(2%)translateY(1%)}to{transform:translate(-2%)translateY(-1%)}}}@media (orientation:landscape) and (max-height:600px){.smooth-scroll{animation-duration:150s}.continuous-pan{animation-duration:140s}.subtle-zoom{animation-duration:120s}.minimal-scroll{animation-duration:180s}@keyframes continuous-pan{0%{transform:translate(12%)translateY(3%)}50%{transform:translate(-12%)translateY(-3%)}to{transform:translate(12%)translateY(3%)}}@keyframes minimal-scroll{0%{transform:translate(6%)translateY(1.5%)}to{transform:translate(-6%)translateY(-1.5%)}}}@media (min-resolution:120dpi){.smooth-scroll,.continuous-pan,.subtle-zoom,.minimal-scroll{animation-timing-function:linear}}@media (min-width:3840px){.smooth-scroll,.continuous-pan,.subtle-zoom,.minimal-scroll{will-change:transform;transform-style:preserve-3d}}@media (max-width:1023px){.smooth-scroll,.continuous-pan,.subtle-zoom,.minimal-scroll{will-change:auto}}:root{--primary-bg:#0a0a0a;--secondary-bg:rgba(0,0,0,.85);--accent-bg:rgba(60,180,78,.1);--primary-text:#fff;--secondary-text:#e0e0e0;--accent-text:#3cb44e;--danger-text:#f44;--border-color:#333;--focus-color:#3cb44e;--hover-bg:rgba(60,180,78,.2);--card-bg:rgba(0,0,0,.8);--overlay-bg:rgba(0,0,0,.65);--touch-target-min:44px;--spacing-xs:.5rem;--spacing-sm:1rem;--spacing-md:1.5rem;--spacing-lg:2rem;--spacing-xl:3rem;--font-size-xs:1.125rem;--font-size-sm:1.25rem;--font-size-md:1.5rem;--font-size-lg:1.75rem;--font-size-xl:2rem;--font-size-xxl:2.75rem;--button-font-size:1.75rem;--button-font-size-lg:2rem;--border-radius-sm:.375rem;--border-radius-md:.5rem;--border-radius-lg:.75rem;--border-radius-xl:1rem}*{box-sizing:border-box}.tv-mode .game-ui button,.tv-mode .game-ui .btn,.tv-mode .story-page-wrapper button,.tv-mode .story-page-wrapper .btn,.tv-mode .game-content-wrapper button,.tv-mode .game-content-wrapper .btn,.tv-mode [class*=df-] button,.tv-mode [class*=df-] .btn,.tv-mode [class*=chess] button,.tv-mode [class*=warship] button{font-size:var(--button-font-size);min-height:var(--touch-target-min);padding:var(--spacing-sm) var(--spacing-md)}.tv-mode .game-ui .btn-lg,.tv-mode .story-page-wrapper .btn-lg,.tv-mode .game-content-wrapper .btn-lg{font-size:var(--button-font-size-lg);min-height:calc(var(--touch-target-min) * 1.25);padding:var(--spacing-md) var(--spacing-lg)}.tv-mode .game-ui p,.tv-mode .game-ui span,.tv-mode .game-ui div,.tv-mode .game-ui label,.tv-mode .story-page-wrapper p,.tv-mode .story-page-wrapper span,.tv-mode .game-content-wrapper p,.tv-mode .game-content-wrapper div,.tv-mode [class*=df-] p,.tv-mode [class*=df-] span,.tv-mode [class*=df-] div,.tv-mode [class*=chess] p,.tv-mode [class*=chess] span,.tv-mode [class*=warship] p,.tv-mode [class*=warship] span{font-size:var(--font-size-md)}.tv-mode .game-ui h1,.tv-mode .story-page-wrapper h1,.tv-mode .game-content-wrapper h1{font-size:var(--font-size-xxl)}.tv-mode .game-ui h2,.tv-mode .story-page-wrapper h2,.tv-mode .game-content-wrapper h2{font-size:var(--font-size-xl)}.tv-mode .game-ui h3,.tv-mode .story-page-wrapper h3,.tv-mode .game-content-wrapper h3{font-size:var(--font-size-lg)}.tv-mode .game-ui h4,.tv-mode .story-page-wrapper h4,.tv-mode .game-content-wrapper h4{font-size:var(--font-size-md)}.tv-mode .game-ui h5,.tv-mode .game-ui h6,.tv-mode .story-page-wrapper h5,.tv-mode .story-page-wrapper h6{font-size:var(--font-size-sm)}.tv-mode .game-ui input,.tv-mode .game-ui select,.tv-mode .game-ui textarea,.tv-mode .story-page-wrapper input,.tv-mode .story-page-wrapper select,.tv-mode .game-content-wrapper input,.tv-mode .game-content-wrapper textarea{font-size:var(--font-size-md);min-height:var(--touch-target-min);padding:var(--spacing-xs) var(--spacing-sm)}.tv-focusable{border:2px solid transparent;outline:none;transition:all .2s ease-in-out}.tv-focusable:focus{border-color:var(--focus-color);transform:scale(1.02);box-shadow:0 0 0 3px rgba(60,180,78,.3)}.tv-focusable:focus-visible{border-color:var(--focus-color);transform:scale(1.02);box-shadow:0 0 0 3px rgba(60,180,78,.3)}.tv-focusable:hover{background-color:var(--hover-bg);transform:scale(1.01)}.touch-button{min-height:var(--touch-target-min);min-width:var(--touch-target-min);padding:var(--spacing-sm) var(--spacing-md);font-size:var(--button-font-size);border-radius:var(--border-radius-md);border:2px solid var(--border-color);background:var(--card-bg);color:var(--primary-text);cursor:pointer;backdrop-filter:blur(10px);font-weight:600;transition:all .2s ease-in-out}.touch-button:hover{background:var(--hover-bg);border-color:var(--focus-color);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.3)}.touch-button:active{transform:translateY(0);box-shadow:0 2px 6px rgba(0,0,0,.3)}.touch-button.selected{background:var(--accent-bg);border-color:var(--focus-color);color:var(--accent-text)}.story-card{background:var(--card-bg);border:2px solid var(--border-color);border-radius:var(--border-radius-lg);padding:var(--spacing-md);margin-bottom:var(--spacing-sm);min-height:var(--touch-target-min);cursor:pointer;backdrop-filter:blur(10px);transition:all .2s ease-in-out}.story-card:hover{border-color:var(--focus-color);background:var(--hover-bg);transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.4)}.story-card.selected{background:var(--accent-bg);border-color:var(--focus-color);color:var(--accent-text)}.story-card h6{font-size:var(--font-size-md);color:var(--primary-text);margin:0;font-weight:600}.story-text-area{background:var(--secondary-bg);border-radius:var(--border-radius-lg);padding:var(--spacing-md);margin:var(--spacing-md) 0;border:1px solid var(--border-color);backdrop-filter:blur(10px)}.story-text-area h5{font-size:var(--font-size-lg);color:var(--primary-text);text-shadow:1px 1px 2px rgba(0,0,0,.8);margin:0;line-height:1.6}.nav-tabs-tv{gap:var(--spacing-xs);margin-bottom:var(--spacing-md);display:flex}.nav-tab-tv{min-height:var(--touch-target-min);padding:var(--spacing-sm) var(--spacing-md);background:var(--card-bg);border:2px solid var(--border-color);border-radius:var(--border-radius-md);color:var(--secondary-text);font-size:var(--button-font-size);cursor:pointer;text-align:center;flex:1;font-weight:600;transition:all .2s ease-in-out}.nav-tab-tv:hover{background:var(--hover-bg);border-color:var(--focus-color)}.nav-tab-tv.active{background:var(--accent-bg);border-color:var(--focus-color);color:var(--accent-text)}.scrollable-content{max-height:60vh;padding-right:var(--spacing-xs);scrollbar-width:thin;scrollbar-color:var(--focus-color) var(--secondary-bg);overflow-x:hidden;overflow-y:auto}.scrollable-content::-webkit-scrollbar{width:8px}.scrollable-content::-webkit-scrollbar-track{background:var(--secondary-bg);border-radius:var(--border-radius-sm)}.scrollable-content::-webkit-scrollbar-thumb{background:var(--focus-color);border-radius:var(--border-radius-sm)}.scrollable-content::-webkit-scrollbar-thumb:hover{background:#4cc55a}.character-sheet{background:var(--card-bg);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);backdrop-filter:blur(10px)}.character-stat{padding:var(--spacing-sm) 0;border-bottom:1px solid var(--border-color);font-size:var(--font-size-md);justify-content:space-between;align-items:center;display:flex}.character-stat:last-child{border-bottom:none}.character-stat-label{color:var(--secondary-text);font-weight:600}.character-stat-value{color:var(--accent-text);font-weight:700}.character-sheet-enhanced{background:var(--card-bg);border-radius:var(--border-radius-lg);padding:var(--spacing-md);backdrop-filter:blur(10px);border:1px solid var(--border-color)}.character-header{margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:2px solid var(--focus-color);justify-content:space-between;align-items:center;display:flex}.character-name{color:var(--primary-text);font-size:var(--font-size-lg);text-shadow:1px 1px 2px rgba(0,0,0,.8);margin:0;font-weight:700}.character-level-badge{background:linear-gradient(135deg, var(--focus-color), #4cc55a);color:var(--primary-bg);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-lg);font-weight:700;font-size:var(--font-size-sm);box-shadow:0 2px 8px rgba(60,180,78,.4)}.character-stats-grid{gap:var(--spacing-sm);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.character-stat-card{background:var(--secondary-bg);border:2px solid var(--border-color);border-radius:var(--border-radius-md);padding:var(--spacing-md);align-items:center;gap:var(--spacing-sm);backdrop-filter:blur(5px);min-height:var(--touch-target-min);transition:all .2s ease-in-out;display:flex}.character-stat-card:hover{border-color:var(--focus-color);transform:translateY(-2px);box-shadow:0 4px 16px rgba(0,0,0,.3)}.stat-icon{font-size:var(--font-size-xl);text-align:center;filter:drop-shadow(0 2px 4px rgba(0,0,0,.8));min-width:32px}.stat-content{flex-direction:column;flex:1;gap:2px;display:flex}.stat-label{font-size:var(--font-size-sm);color:var(--secondary-text);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.stat-value{font-size:var(--font-size-md);color:var(--primary-text);text-shadow:1px 1px 2px rgba(0,0,0,.8);font-weight:700}.stat-bar{background:var(--border-color);border-radius:3px;width:100%;height:6px;margin-top:4px;overflow:hidden}.stat-bar-fill{border-radius:3px;height:100%;transition:width .3s ease-in-out}.health-bar{background:linear-gradient(90deg,#f44,#ff6b6b,#4cc55a)}.character-stat-card.health{border-color:#ff6b6b}.character-stat-card.health:hover{border-color:#f44;box-shadow:0 4px 16px rgba(255,68,68,.3)}.character-stat-card.currency{border-color:#f39c12}.character-stat-card.currency:hover{border-color:#e67e22;box-shadow:0 4px 16px rgba(243,156,18,.3)}.character-stat-card.tokens{border-color:#9b59b6}.character-stat-card.tokens:hover{border-color:#8e44ad;box-shadow:0 4px 16px rgba(155,89,182,.3)}.character-stat-card.resource{border-color:#8b4513}.character-stat-card.resource:hover{border-color:sienna;box-shadow:0 4px 16px rgba(139,69,19,.3)}.character-stat-card.experience{border-color:gold}.character-stat-card.experience:hover{border-color:#ffed4e;box-shadow:0 4px 16px rgba(255,215,0,.3)}.character-stat-card.attribute{border-color:#1abc9c}.character-stat-card.attribute:hover{border-color:#16a085;box-shadow:0 4px 16px rgba(26,188,156,.3)}@media (max-width:768px){.character-stats-grid{gap:var(--spacing-xs);grid-template-columns:1fr}.character-stat-card{padding:var(--spacing-sm);min-height:auto}.stat-icon{font-size:var(--font-size-lg);min-width:28px}.stat-label{font-size:var(--font-size-xs)}.stat-value{font-size:var(--font-size-sm)}.character-header{gap:var(--spacing-xs);text-align:center;flex-direction:column}.character-name{font-size:var(--font-size-md)}}@media (min-width:1200px){.character-stats-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.stat-icon{font-size:var(--font-size-xxl);min-width:40px}.stat-value{font-size:var(--font-size-lg)}}.leaderboard-item{background:var(--card-bg);border:2px solid var(--border-color);border-radius:var(--border-radius-md);padding:var(--spacing-md);margin-bottom:var(--spacing-sm);backdrop-filter:blur(10px);transition:all .2s ease-in-out}.leaderboard-item:hover{border-color:var(--focus-color);transform:translateY(-2px);box-shadow:0 4px 16px rgba(0,0,0,.3)}.leaderboard-item.current-player{background:var(--accent-bg);border-color:var(--focus-color);box-shadow:0 0 20px rgba(60,180,78,.3)}.leaderboard-header{font-size:var(--font-size-md);color:var(--primary-text);margin-bottom:var(--spacing-xs);justify-content:space-between;align-items:center;font-weight:600;display:flex}.leaderboard-medal{font-size:var(--font-size-lg);margin-left:var(--spacing-xs);filter:drop-shadow(0 2px 4px rgba(0,0,0,.8))}.leaderboard-stats{font-size:var(--font-size-sm);color:var(--secondary-text);margin-bottom:var(--spacing-xs)}.leaderboard-time{font-size:var(--font-size-xs);color:var(--secondary-text);opacity:.8;font-style:italic}.leaderboard-divider{background:linear-gradient(90deg, transparent, var(--focus-color), transparent);height:2px;margin:var(--spacing-md) 0;border:none}.leaderboard-container{width:100%}.leaderboard-header-section{margin-bottom:var(--spacing-md);padding:var(--spacing-sm);background:var(--secondary-bg);border-radius:var(--border-radius-md);border:1px solid var(--border-color);backdrop-filter:blur(10px);justify-content:space-between;align-items:center;display:flex}.leaderboard-title-section{flex:1}.leaderboard-title{color:var(--primary-text);font-size:var(--font-size-md);text-shadow:1px 1px 2px rgba(0,0,0,.8);margin:0;font-weight:700}.leaderboard-count{color:var(--secondary-text);font-size:var(--font-size-sm);margin-left:var(--spacing-xs);opacity:.8;font-weight:400}.leaderboard-refresh-btn{min-width:var(--touch-target-min);min-height:var(--touch-target-min);padding:var(--spacing-xs);font-size:var(--font-size-lg);background:var(--card-bg);border:2px solid var(--border-color);border-radius:var(--border-radius-md);color:var(--primary-text);cursor:pointer;justify-content:center;align-items:center;transition:all .2s ease-in-out;display:flex}.leaderboard-refresh-btn:hover:not(:disabled){background:var(--focus-color);border-color:var(--focus-color);transform:translateY(-2px);box-shadow:0 4px 12px rgba(60,180,78,.4)}.leaderboard-refresh-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.refresh-spinner{font-size:var(--font-size-lg);animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.leaderboard-load-more-section{margin:var(--spacing-lg) 0;justify-content:center;display:flex}.leaderboard-load-more-btn{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-md) var(--spacing-lg);background:var(--card-bg);border:2px solid var(--border-color);border-radius:var(--border-radius-lg);color:var(--primary-text);cursor:pointer;min-height:var(--touch-target-min);font-size:var(--font-size-md);flex-direction:column;font-weight:600;transition:all .2s ease-in-out;display:flex}.leaderboard-load-more-btn:hover:not(:disabled){background:var(--hover-bg);border-color:var(--focus-color);transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.4)}.leaderboard-load-more-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.load-more-info{font-size:var(--font-size-xs);color:var(--secondary-text);opacity:.8;font-weight:400}.loading-spinner{font-size:var(--font-size-md);margin-right:var(--spacing-xs);animation:1s linear infinite spin}.leaderboard-end-message{text-align:center;margin:var(--spacing-lg) 0;padding:var(--spacing-md);background:var(--secondary-bg);border-radius:var(--border-radius-md);border:1px solid var(--border-color);backdrop-filter:blur(10px)}.leaderboard-end-message p{color:var(--secondary-text);font-size:var(--font-size-sm);opacity:.8;margin:0}@media (max-width:768px){.leaderboard-header-section{padding:var(--spacing-xs);margin-bottom:var(--spacing-sm)}.leaderboard-title{font-size:var(--font-size-sm)}.leaderboard-count{font-size:var(--font-size-xs)}.leaderboard-refresh-btn{min-width:36px;min-height:36px;font-size:var(--font-size-md)}.leaderboard-load-more-btn{padding:var(--spacing-sm);font-size:var(--font-size-sm)}.load-more-info{font-size:.75rem}}@media (max-width:480px){.leaderboard-header-section{gap:var(--spacing-xs);text-align:center;flex-direction:column}.leaderboard-title-section{flex:none}.leaderboard-load-more-btn{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs)}}.product-container{padding:var(--spacing-lg)}.product-title{font-size:var(--font-size-xxl);color:var(--primary-text);text-align:center;margin-bottom:var(--spacing-xl);text-shadow:2px 2px 4px rgba(0,0,0,.8);font-weight:700}.product-image{border:4px solid var(--focus-color);border-radius:50%;box-shadow:0 8px 32px rgba(60,180,78,.3)}.product-benefits{background:var(--secondary-bg);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);backdrop-filter:blur(10px)}.product-benefit-item{font-size:var(--font-size-lg);color:var(--primary-text);padding:var(--spacing-md) 0;border:none;border-bottom:1px solid var(--border-color);text-shadow:1px 1px 2px rgba(0,0,0,.8);background:0 0}.product-benefit-item:last-child{border-bottom:none}.chess-container,.warship-container,.blackjack-container,.rps-container,.chat-container{width:100%;height:100%;padding:var(--spacing-sm);box-sizing:border-box;justify-content:center;align-items:center;display:flex;overflow:hidden}.chess-game-wrapper,.warship-game-wrapper,.blackjack-game-wrapper,.rps-game-wrapper,.chat-game-wrapper{align-items:center;gap:var(--spacing-sm);flex-direction:column;width:100%;height:100%;display:flex}.chess-container .chess-board{border-radius:var(--border-radius-lg);border:4px solid #5d2906;max-width:90%;max-height:90%;box-shadow:0 12px 48px rgba(93,41,6,.6)}.chess-controls{justify-content:center;align-items:center;gap:var(--spacing-sm);flex-shrink:0;width:100%;display:flex}.abandon-game-button{color:var(--primary-text);font-size:var(--font-size-sm);padding:var(--spacing-xs) var(--spacing-md);min-height:var(--touch-target-min);border-radius:var(--border-radius-md);cursor:pointer;text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(135deg,#6b1010,#4a0a0a);border:2px solid #8b2020;font-weight:600;transition:all .3s ease-in-out}.abandon-game-button:hover:not(:disabled){background:linear-gradient(135deg,#8b2020,#6b1010);border-color:#a03030;transform:translateY(-2px);box-shadow:0 4px 16px rgba(107,16,16,.5)}.abandon-game-button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;background:linear-gradient(135deg,#444,#333);border-color:#555;transform:none}.chess-container .abandon-game-button{background:linear-gradient(135deg,#5d2906,#3a1800);border-color:#d4a843;box-shadow:0 2px 8px rgba(212,168,67,.2)}.chess-container .abandon-game-button:hover:not(:disabled){background:linear-gradient(135deg,#7a3a10,#5d2906);border-color:#e8c060;box-shadow:0 4px 16px rgba(212,168,67,.4)}.blackjack-container .abandon-game-button{color:#d4af37;background:linear-gradient(135deg,#1a1a2e,#0d0d1a);border-color:#d4af37}.blackjack-container .abandon-game-button:hover:not(:disabled){background:linear-gradient(135deg,#2a2a3e,#1a1a2e);border-color:#e8c860;box-shadow:0 4px 16px rgba(212,175,55,.4)}.abandon-game-button.warship-abandon{color:#4a6fa5;background:linear-gradient(135deg,#0a1628,#0d1f3c);border-color:#3a4f6f}.abandon-game-button.warship-abandon:hover:not(:disabled){color:#0f8;background:linear-gradient(135deg,#0d1f3c,#1a3050);border-color:#0f8;animation:2s infinite pulse-sonar;box-shadow:0 4px 16px rgba(0,255,136,.2),0 0 12px rgba(0,255,136,.1)}.abandon-game-button.warship-abandon .abandon-icon{animation:3s ease-in-out infinite anchor-sway}.rps-container .abandon-game-button{color:#ff0040;text-shadow:0 0 6px rgba(255,0,64,.4);background:linear-gradient(135deg,#0a0a1a,#1a0a2a);border-color:#ff0040}.rps-container .abandon-game-button:hover:not(:disabled){background:linear-gradient(135deg,#1a0a2a,#2a1040);border-color:#f36;box-shadow:0 0 12px rgba(255,0,64,.4),0 0 24px rgba(255,0,64,.2)}.chat-container .abandon-game-button{color:#b46432;text-shadow:0 0 6px rgba(180,100,50,.3);background:linear-gradient(135deg,#2a2018,#1a1410);border-color:rgba(180,100,50,.5)}.chat-container .abandon-game-button:hover:not(:disabled){background:linear-gradient(135deg,#3a2a1e,#2a2018);border-color:rgba(200,120,60,.6);box-shadow:0 0 10px rgba(180,100,50,.25),0 0 20px rgba(180,100,50,.1)}@keyframes pulse-sonar{0%,to{box-shadow:0 4px 16px rgba(0,255,136,.2),0 0 12px rgba(0,255,136,.1)}50%{box-shadow:0 4px 20px rgba(0,255,136,.3),0 0 20px rgba(0,255,136,.15)}}@keyframes anchor-sway{0%,to{transform:scale(1)rotate(-3deg)}50%{transform:scale(1.05)rotate(3deg)}}.chess-move-processing,.warship-guess-processing,.blackjack-processing,.rps-processing{background:var(--card-bg);color:var(--primary-text);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-md);font-size:var(--font-size-sm);z-index:1000;backdrop-filter:blur(10px);font-weight:600;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.chess-move-processing{border:2px solid #d4a843;box-shadow:0 4px 16px rgba(212,168,67,.3)}.warship-guess-processing{text-transform:uppercase;letter-spacing:1px;border:2px solid #0f8;font-family:Courier New,Courier,monospace;box-shadow:0 4px 16px rgba(0,255,136,.3)}.blackjack-processing{border:2px solid #d4af37;box-shadow:0 4px 16px rgba(212,175,55,.3)}.rps-processing{text-shadow:0 0 6px rgba(0,212,255,.4);border:2px solid #00d4ff;box-shadow:0 4px 16px rgba(0,212,255,.3)}.warship-abandoned-message{padding:var(--spacing-xl);border-radius:var(--border-radius-lg);backdrop-filter:blur(10px);text-align:center;background:rgba(10,22,40,.95);border:2px solid #ff4500;flex-direction:column;justify-content:center;align-items:center;display:flex}.warship-abandoned-message h3{color:#ff4500;font-size:var(--font-size-xl);margin:0 0 var(--spacing-sm) 0;text-shadow:0 0 10px rgba(255,69,0,.4);text-transform:uppercase;letter-spacing:2px;font-weight:700}.warship-abandoned-message p{color:#4a6fa5;font-size:var(--font-size-md);margin:0}.warship-victory-message{padding:var(--spacing-xl);border-radius:var(--border-radius-lg);backdrop-filter:blur(10px);text-align:center;background:rgba(10,22,40,.95);border:2px solid #0f8;flex-direction:column;justify-content:center;align-items:center;display:flex;box-shadow:0 8px 32px rgba(0,255,136,.3)}.warship-victory-message h3{color:#0f8;font-size:var(--font-size-xl);margin:0 0 var(--spacing-sm) 0;text-shadow:0 0 15px rgba(0,255,136,.5);text-transform:uppercase;letter-spacing:3px;font-weight:700;animation:2s infinite victory-sonar}.warship-victory-message p{color:var(--primary-text);font-size:var(--font-size-md);margin:0 0 var(--spacing-md) 0;line-height:1.5}.warship-victory-stats{border-radius:var(--border-radius-md);padding:var(--spacing-md);margin-top:var(--spacing-sm);background:rgba(13,31,60,.8);border:1px solid #3a4f6f}.warship-victory-stats p{color:#4a6fa5;font-size:var(--font-size-sm);margin:var(--spacing-xs) 0}.warship-victory-stats strong{color:#0f8}@keyframes victory-sonar{0%,to{text-shadow:0 0 15px rgba(0,255,136,.5);transform:scale(1)}50%{text-shadow:0 0 15px rgba(0,255,136,.5),0 0 30px rgba(0,255,136,.3);transform:scale(1.03)}}.loading-overlay{background:var(--overlay-bg);z-index:10000;backdrop-filter:blur(5px);justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}@media (min-width:3840px) and (min-height:2160px){:root{--font-size-xs:1.75rem;--font-size-sm:2rem;--font-size-md:2.5rem;--font-size-lg:3rem;--font-size-xl:3.5rem;--font-size-xxl:5rem;--button-font-size:3.5rem;--button-font-size-lg:4rem;--touch-target-min:100px;--spacing-xs:1.25rem;--spacing-sm:2rem;--spacing-md:3rem;--spacing-lg:4rem;--spacing-xl:6rem}.story-card,.menu-option-enhanced{padding:calc(var(--spacing-lg) * 1.2);margin-bottom:var(--spacing-md)}.character-stats-grid{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.character-stat-card{padding:calc(var(--spacing-lg) * 1.2)}.stat-icon{font-size:calc(var(--font-size-xxl) * 1.2);min-width:60px}.scrollable-content{max-height:70vh}.game-content-wrapper{padding:calc(var(--spacing-lg) * 1.5)}}@media (min-width:1920px) and (max-width:3839px) and (min-height:1080px){:root{--font-size-xs:1.375rem;--font-size-sm:1.5rem;--font-size-md:1.875rem;--font-size-lg:2.25rem;--font-size-xl:2.75rem;--font-size-xxl:3.5rem;--button-font-size:2.25rem;--button-font-size-lg:2.75rem;--touch-target-min:70px;--spacing-xs:1rem;--spacing-sm:1.5rem;--spacing-md:2.25rem;--spacing-lg:3rem;--spacing-xl:4.5rem}.story-card,.menu-option-enhanced{padding:var(--spacing-lg);margin-bottom:var(--spacing-sm)}.character-stats-grid{gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.character-stat-card{padding:var(--spacing-lg)}.stat-icon{font-size:var(--font-size-xxl);min-width:48px}.scrollable-content{max-height:65vh}.game-content-wrapper{padding:var(--spacing-lg)}}@media (min-width:1280px) and (max-width:1919px) and (min-height:800px){:root{--font-size-xs:1.125rem;--font-size-sm:1.25rem;--font-size-md:1.5rem;--font-size-lg:1.75rem;--font-size-xl:2rem;--font-size-xxl:2.75rem;--button-font-size:1.75rem;--button-font-size-lg:2rem;--touch-target-min:56px;--spacing-xs:.75rem;--spacing-sm:1.125rem;--spacing-md:1.75rem;--spacing-lg:2.25rem;--spacing-xl:3.5rem}.story-card,.menu-option-enhanced{padding:var(--spacing-md);margin-bottom:var(--spacing-sm)}.character-stats-grid{gap:var(--spacing-sm);grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.character-stat-card{padding:var(--spacing-md)}.stat-icon{font-size:var(--font-size-xl);min-width:40px}.scrollable-content{max-height:60vh}.game-content-wrapper{padding:var(--spacing-md)}}@media (min-width:1024px) and (max-width:1279px) and (min-height:600px){:root{--font-size-xs:1rem;--font-size-sm:1.125rem;--font-size-md:1.25rem;--font-size-lg:1.5rem;--font-size-xl:1.75rem;--font-size-xxl:2.25rem;--button-font-size:1.5rem;--button-font-size-lg:1.75rem;--touch-target-min:48px;--spacing-xs:.5rem;--spacing-sm:.875rem;--spacing-md:1.25rem;--spacing-lg:1.75rem;--spacing-xl:2.5rem}.story-card,.menu-option-enhanced{padding:var(--spacing-sm);margin-bottom:var(--spacing-xs)}.character-stats-grid{gap:var(--spacing-xs);grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.character-stat-card{padding:var(--spacing-sm)}.stat-icon{font-size:var(--font-size-lg);min-width:32px}.scrollable-content{max-height:50vh}.game-content-wrapper{padding:var(--spacing-sm)}.nav-tab-tv{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm)}.story-text-area{padding:var(--spacing-sm);margin:var(--spacing-xs) 0}}@media (max-width:1023px){:root{--font-size-xs:1rem;--font-size-sm:1.125rem;--font-size-md:1.25rem;--font-size-lg:1.375rem;--font-size-xl:1.5rem;--font-size-xxl:2rem;--button-font-size:1.375rem;--button-font-size-lg:1.625rem;--touch-target-min:44px;--spacing-xs:.375rem;--spacing-sm:.625rem;--spacing-md:1rem;--spacing-lg:1.25rem;--spacing-xl:1.75rem}.story-card,.menu-option-enhanced{margin-bottom:var(--spacing-xs);padding:var(--spacing-sm)}.nav-tabs-tv{gap:var(--spacing-xs);margin-bottom:var(--spacing-sm);flex-direction:row}.nav-tab-tv{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm)}.story-text-area{padding:var(--spacing-sm);margin:var(--spacing-xs) 0}.character-sheet{padding:var(--spacing-md)}.character-stat{padding:var(--spacing-xs) 0;font-size:var(--font-size-sm)}.leaderboard-item{padding:var(--spacing-sm);margin-bottom:var(--spacing-xs)}.scrollable-content{max-height:40vh}.game-content-wrapper{padding:var(--spacing-xs)}.character-stats-grid{gap:var(--spacing-xs);grid-template-columns:1fr}.character-stat-card{padding:var(--spacing-sm);min-height:auto}.stat-icon{font-size:var(--font-size-lg);min-width:28px}.character-header{gap:var(--spacing-xs);text-align:center;flex-direction:column}.character-name{font-size:var(--font-size-md)}}@media (max-width:480px){.menu-option-enhanced{padding:var(--spacing-xs);margin-bottom:var(--spacing-xs)}.menu-option-icon{font-size:var(--font-size-md);min-width:24px}.menu-option-title{font-size:var(--font-size-sm)}.menu-option-description{font-size:.75rem}.character-stat-card{padding:var(--spacing-xs)}.stat-icon{font-size:var(--font-size-md);min-width:24px}.stat-label{font-size:.75rem}.stat-value{font-size:var(--font-size-sm)}}@media (orientation:landscape) and (max-height:600px){.scrollable-content{max-height:35vh}.game-content-wrapper{padding:var(--spacing-xs)}.character-stats-grid{gap:var(--spacing-xs);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.character-stat-card{padding:var(--spacing-xs)}.stat-icon{font-size:var(--font-size-md);min-width:28px}}@media (prefers-contrast:high){:root{--primary-text:#fff;--secondary-text:#fff;--border-color:#666;--focus-color:#0f0}}.fade-in{animation:.3s ease-in-out fadeIn}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.slide-up{animation:.3s ease-out slideUp}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.story-page-wrapper{flex-direction:column;width:100%;height:100vh;display:flex;position:relative;overflow:hidden}.game-details-container{flex:1;width:100%;position:relative;overflow:hidden}.game-overlay{z-index:5;backdrop-filter:blur(2px);width:100%;height:100%;transition:background-color .3s ease-in-out;position:absolute;top:0;left:0}.game-overlay.product-overlay{background:rgba(0,0,0,.6)}.game-overlay.story-overlay{background:rgba(0,0,0,.65)}.game-inner-container{z-index:6;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.game-content-wrapper{width:100%;height:100%;padding:var(--spacing-sm);pointer-events:auto;flex-direction:column;display:flex;position:relative;overflow:hidden}.menu-option-enhanced{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--card-bg);border:2px solid var(--border-color);border-radius:var(--border-radius-lg);margin-bottom:var(--spacing-sm);cursor:pointer;backdrop-filter:blur(10px);min-height:var(--touch-target-min);transition:all .2s ease-in-out;display:flex}.menu-option-enhanced:hover{background:var(--hover-bg);border-color:var(--focus-color);transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.4)}.menu-option-enhanced:focus{outline-offset:2px;outline:3px solid rgba(60,180,78,.6)}.menu-option-enhanced.selected{background:var(--accent-bg);border-color:var(--focus-color);color:var(--accent-text)}.menu-option-icon{font-size:var(--font-size-lg);text-align:center;filter:drop-shadow(0 2px 4px rgba(0,0,0,.8));min-width:32px}.menu-option-content{flex-direction:column;flex:1;gap:2px;display:flex}.menu-option-title{font-size:var(--button-font-size);color:var(--primary-text);margin:0;font-weight:600}.menu-option-description{font-size:var(--font-size-xs);color:var(--secondary-text);opacity:.8;margin:0}.menu-category-header{font-size:var(--font-size-sm);color:var(--accent-text);text-transform:uppercase;letter-spacing:1px;margin:var(--spacing-lg) 0 var(--spacing-sm) 0;padding-bottom:var(--spacing-xs);border-bottom:2px solid var(--focus-color);text-shadow:1px 1px 2px rgba(0,0,0,.8);font-weight:700}.menu-category-header:first-child{margin-top:0}@media (max-width:768px){.game-content-wrapper{padding:var(--spacing-sm)}.menu-option-enhanced{padding:var(--spacing-sm);margin-bottom:var(--spacing-xs)}.menu-option-icon{font-size:var(--font-size-md);min-width:28px}.menu-option-title{font-size:var(--font-size-sm)}.menu-option-description{font-size:.75rem}}@media (min-width:1200px){.game-content-wrapper,.menu-option-enhanced{padding:var(--spacing-lg)}.menu-option-icon{font-size:var(--font-size-xl);min-width:36px}.menu-option-title{font-size:var(--font-size-lg)}.menu-option-description{font-size:var(--font-size-sm)}}@media (hover:none){.menu-option-enhanced:focus{background:var(--hover-bg);border-color:var(--focus-color);transform:scale(1.02)}}@media (prefers-contrast:high){.game-overlay.product-overlay{background:rgba(0,0,0,.8)}.game-overlay.story-overlay{background:rgba(0,0,0,.85)}.menu-option-enhanced{border-width:3px}}.text-shadow{text-shadow:1px 1px 2px rgba(0,0,0,.8)}.backdrop-blur{backdrop-filter:blur(10px)}.full-height{height:100vh}.center-content{justify-content:center;align-items:center;display:flex}.enhanced-menu-container{width:100%}.menu-category-section{margin-bottom:var(--spacing-xl)}.menu-category-section:last-child{margin-bottom:0}.menu-option-enhanced[data-category=core]:hover{border-color:#4a90e2;box-shadow:0 6px 20px rgba(74,144,226,.3)}.menu-option-enhanced[data-category=gameplay]:hover{border-color:#e74c3c;box-shadow:0 6px 20px rgba(231,76,60,.3)}.menu-option-enhanced[data-category=multiplayer]:hover{border-color:#9b59b6;box-shadow:0 6px 20px rgba(155,89,182,.3)}.menu-option-enhanced[data-category=economy]:hover{border-color:#f39c12;box-shadow:0 6px 20px rgba(243,156,18,.3)}.menu-option-enhanced[data-category=content]:hover{border-color:#1abc9c;box-shadow:0 6px 20px rgba(26,188,156,.3)}.menu-option-enhanced[data-category=management]:hover{border-color:#34495e;box-shadow:0 6px 20px rgba(52,73,94,.3)}.menu-option-enhanced[data-category=admin]:hover{border-color:#e67e22;box-shadow:0 6px 20px rgba(230,126,34,.3)}.tts-container{width:100%;display:inline-block;position:relative}.tts-button{background:var(--card-bg);border:2px solid var(--border-color);cursor:pointer;backdrop-filter:blur(10px);z-index:10;width:40px;height:40px;min-height:var(--touch-target-min);min-width:var(--touch-target-min);border-radius:50%;justify-content:center;align-items:center;transition:all .3s;display:flex;position:absolute}.tts-button:hover{background:var(--focus-color);border-color:var(--focus-color);transform:scale(1.1);box-shadow:0 4px 12px rgba(60,180,78,.4)}.tts-button:focus{outline:3px solid var(--focus-color);outline-offset:2px}.tts-button.playing{background:var(--accent-color);border-color:var(--accent-color);animation:2s infinite tts-pulse}.tts-button.playing:hover{background:var(--accent-color);border-color:var(--accent-color)}.tts-button-top-right{top:var(--spacing-xs);right:var(--spacing-xs)}.tts-button-top-left{top:var(--spacing-xs);left:var(--spacing-xs)}.tts-button-bottom-right{bottom:var(--spacing-xs);right:var(--spacing-xs)}.tts-button-bottom-left{bottom:var(--spacing-xs);left:var(--spacing-xs)}.tts-button-inline{margin-left:var(--spacing-xs);vertical-align:middle;display:inline-flex;position:relative;top:0;right:0}.tts-icon{font-size:var(--font-size-md);filter:drop-shadow(0 2px 4px rgba(0,0,0,.8));pointer-events:none}.tts-wave-animation{pointer-events:none;gap:2px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.tts-wave{background:var(--primary-text);opacity:.8;border-radius:1px;width:2px;height:8px;animation:1.4s ease-in-out infinite tts-wave-bounce}.tts-wave:first-child{animation-delay:-.32s}.tts-wave:nth-child(2){animation-delay:-.16s}.tts-wave:nth-child(3){animation-delay:0s}@keyframes tts-pulse{0%{box-shadow:0 0 rgba(60,180,78,.7)}70%{box-shadow:0 0 0 10px rgba(60,180,78,0)}to{box-shadow:0 0 rgba(60,180,78,0)}}@keyframes tts-wave-bounce{0%,40%,to{transform:scaleY(.4)}20%{transform:scaleY(1)}}@media (max-width:768px){.tts-button{width:36px;height:36px}.tts-icon{font-size:var(--font-size-sm)}.tts-button-top-right,.tts-button-top-left,.tts-button-bottom-right,.tts-button-bottom-left{top:var(--spacing-xs);right:var(--spacing-xs)}}@media (max-width:480px){.tts-button{width:32px;height:32px}.tts-wave{width:1px;height:6px}}@media (prefers-contrast:high){.tts-button{color:#000;background:#fff;border-color:#000}.tts-button:hover{color:#fff;background:#000}.tts-button.playing{color:#fff;background:#06c;border-color:#06c}}@media (prefers-reduced-motion:reduce){.tts-button{transition:none}.tts-button:hover{transform:none}.tts-button.playing{animation:none}.tts-wave{animation:none;transform:scaleY(1)}}.chess-game-container{padding:var(--spacing-xs);border-radius:var(--border-radius-lg);backdrop-filter:blur(12px);border:1px solid var(--border-color);box-sizing:border-box;background:rgba(30,15,5,.85);flex-direction:column;width:100%;height:100%;max-height:100vh;display:flex;overflow:hidden}.chess-main-content{gap:var(--spacing-md);flex-direction:row;width:100%;height:100%;display:flex}.chess-sidebar{gap:var(--spacing-sm);width:280px;min-width:280px;padding:var(--spacing-sm);border-radius:var(--border-radius-md);border:1px solid var(--border-color);backdrop-filter:blur(5px);background:repeating-linear-gradient(rgba(60,30,10,.06) 0,rgba(60,30,10,.03) 1px,transparent 1px,transparent 4px),repeating-linear-gradient(175deg,rgba(50,25,8,.04) 0,transparent 1px,transparent 6px),linear-gradient(rgba(35,18,6,.95) 0%,rgba(28,14,4,.92) 100%);border-top:2px solid rgba(212,168,67,.4);flex-direction:column;display:flex}.chess-board-section{flex:1;justify-content:center;align-items:center;min-width:0;display:flex}.chess-game-header{gap:var(--spacing-sm);flex-direction:column;width:100%;display:flex}.chess-title{color:#f0e6d3;font-size:var(--font-size-xl);text-shadow:1px 1px 2px rgba(0,0,0,.8),0 0 12px rgba(212,168,67,.3);letter-spacing:.5px;margin:0;font-weight:700}.chess-status{justify-content:center;align-items:center;display:flex}.status-message{color:var(--secondary-text);font-size:var(--font-size-md);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-md);background:rgba(58,24,0,.4);border:1px solid rgba(212,168,67,.3);font-weight:600}.status-message.check{color:#e8a44a;background:rgba(212,168,67,.15);border-color:#d4a843}.status-message.checkmate{color:#f44;background:rgba(255,68,68,.2);border-color:#f44;font-weight:700}.chess-info{justify-content:center;align-items:center;display:flex}.player-color{color:var(--secondary-text);font-size:var(--font-size-sm)}.player-color strong{color:#d4a843}.chess-board-container{flex:1;justify-content:center;align-items:center;width:100%;max-width:600px;max-height:600px;display:flex}.chess-board-wrapper{padding:var(--spacing-sm);border-radius:var(--border-radius-lg);background:repeating-linear-gradient(90deg,rgba(93,41,6,.03) 0,rgba(93,41,6,.06) 2px,transparent 2px,transparent 8px),repeating-linear-gradient(0deg,rgba(93,41,6,.02) 0,rgba(93,41,6,.04) 1px,transparent 1px,transparent 12px),linear-gradient(135deg,#3a1800 0%,#4a2400 30%,#3a1800 60%,#2e1200 100%);border:3px solid #5d2906;grid-template:".files"30px"ranks board"1fr/30px 1fr;gap:4px;animation:4s ease-in-out infinite ambient-glow-pulse;display:grid;position:relative;box-shadow:0 8px 32px rgba(212,168,67,.25),0 0 60px rgba(212,168,67,.08),inset 0 1px rgba(212,168,67,.15),inset 0 -1px rgba(0,0,0,.3)}.chess-files{grid-area:files;justify-content:space-around;align-items:center;display:flex}.chess-ranks{flex-direction:column;grid-area:ranks;justify-content:space-around;align-items:center;display:flex}.file-label,.rank-label{color:#d4a843;font-size:var(--font-size-sm);text-shadow:1px 1px 2px rgba(0,0,0,.8);font-weight:600}.chess-board{border-radius:var(--border-radius-sm);aspect-ratio:1;border:2px solid #5d2906;flex-direction:column;grid-area:board;width:100%;max-width:500px;max-height:500px;display:flex;overflow:hidden;box-shadow:inset 0 0 20px rgba(0,0,0,.4),inset 0 2px 8px rgba(0,0,0,.4),inset 0 -2px 8px rgba(0,0,0,.2)}.chess-row{flex:1;display:flex}.chess-square{cursor:pointer;min-height:var(--touch-target-min);min-width:var(--touch-target-min);flex:1;justify-content:center;align-items:center;transition:all .2s ease-in-out;display:flex;position:relative}.light-square{background-color:#f0e6d3;border:1px solid #e0d4bf}.dark-square{background-color:#5d2906;border:1px solid #4a2004}.chess-square:hover{transform:scale(1.02);box-shadow:inset 0 0 12px rgba(212,168,67,.3)}.selected-square{box-shadow:inset 0 0 0 3px #b8912e,inset 0 0 12px rgba(212,168,67,.5);background-color:#d4a843!important}.valid-move-square{box-shadow:inset 0 0 0 2px rgba(212,168,67,.7);background-color:rgba(212,168,67,.35)!important}.last-move-square{box-shadow:inset 0 0 0 2px rgba(184,145,46,.6);background-color:rgba(212,168,67,.25)!important}.valid-move-indicator{opacity:.6;pointer-events:none;background-color:#d4a843;border-radius:50%;width:30%;height:30%;position:absolute;box-shadow:0 0 6px rgba(212,168,67,.4)}.chess-piece{cursor:pointer;user-select:none;z-index:10;justify-content:center;align-items:center;width:100%;height:100%;transition:all .2s ease-in-out;display:flex}.chess-piece:hover{filter:drop-shadow(0 4px 8px rgba(0,0,0,.4))drop-shadow(0 0 6px rgba(212,168,67,.3));transform:scale(1.1)}.draggable-piece{cursor:grab}.draggable-piece:active{cursor:grabbing;z-index:1000;filter:drop-shadow(0 6px 12px rgba(212,168,67,.5));transform:scale(1.2)}.chess-piece-svg{object-fit:contain;pointer-events:none;width:80%;max-width:40px;height:80%;max-height:40px;transition:all .2s ease-in-out}.chess-piece:hover .chess-piece-svg{filter:brightness(1.1)drop-shadow(0 2px 4px rgba(0,0,0,.3))drop-shadow(0 0 4px rgba(212,168,67,.25))}.white-piece{color:#f0e6d3;text-shadow:2px 2px 4px rgba(0,0,0,.8),0 0 8px rgba(240,230,211,.2)}.black-piece{color:#2c2c2c;text-shadow:1px 1px 2px rgba(255,255,255,.3)}.chess-move-history{margin-top:var(--spacing-md);border-radius:var(--border-radius-md);width:100%;max-width:500px;padding:var(--spacing-md);background:rgba(58,24,0,.3);border:1px solid rgba(93,41,6,.5)}.chess-move-history h4{color:#d4a843;font-size:var(--font-size-md);margin:0 0 var(--spacing-sm) 0;text-align:center;letter-spacing:1px;text-transform:uppercase;text-shadow:0 1px 2px rgba(0,0,0,.5);font-weight:600}.move-list{gap:var(--spacing-xs);scrollbar-width:thin;scrollbar-color:#d4a843 rgba(58,24,0,.4);flex-wrap:wrap;max-height:120px;display:flex;overflow-y:auto}.move-list::-webkit-scrollbar{width:6px}.move-list::-webkit-scrollbar-track{border-radius:var(--border-radius-sm);background:rgba(58,24,0,.4)}.move-list::-webkit-scrollbar-thumb{border-radius:var(--border-radius-sm);background:#d4a843}.move-item{color:#e8dcc8;padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs);letter-spacing:.3px;background:rgba(58,24,0,.5);border:1px solid rgba(93,41,6,.4);border-radius:999px;font-family:Courier New,Courier,monospace;font-weight:500;transition:border-color .2s,background .2s}.move-item:hover{background:rgba(58,24,0,.7);border-color:rgba(212,168,67,.5)}.chess-controls{gap:var(--spacing-sm);flex-direction:column;width:100%;display:flex}.chess-captured-pieces{margin-top:var(--spacing-md);padding:var(--spacing-sm);background:var(--card-bg);border-radius:var(--border-radius-md);border:1px solid var(--border-color)}.captured-section{padding:var(--spacing-xs)}.captured-section h5{margin:0 0 var(--spacing-xs) 0;text-align:center;color:#d4a843;font-weight:600}.captured-pieces-grid{min-height:30px;padding:var(--spacing-xs);border-radius:var(--border-radius-sm);background:rgba(20,10,5,.5);border:1px solid rgba(93,41,6,.3);flex-wrap:wrap;justify-content:center;gap:4px;display:flex;box-shadow:inset 0 2px 8px rgba(0,0,0,.3)}.abandon-game-button{justify-content:center;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);color:var(--primary-text);border-radius:var(--border-radius-lg);font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.5px;cursor:pointer;text-shadow:0 1px 2px rgba(0,0,0,.8);min-height:var(--touch-target-min);background:linear-gradient(135deg,#6b1010,#4a0a0a,#6b1010) 0 0/200% 200%;border:1px solid #8b2020;font-weight:700;transition:all .3s ease-in-out;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 15px rgba(107,16,16,.3),inset 0 1px rgba(255,255,255,.08)}.abandon-game-button:before{content:"";background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);width:100%;height:100%;transition:left .5s ease-in-out;position:absolute;top:0;left:-100%}.abandon-game-button:hover:not(:disabled){background-position:100% 0;border-color:#a03030;animation:2s infinite pulse-red;transform:translateY(-2px)scale(1.02);box-shadow:0 8px 25px rgba(107,16,16,.5),0 0 20px rgba(107,16,16,.3),inset 0 1px rgba(255,255,255,.12)}.abandon-game-button:hover:not(:disabled):before{left:100%}.abandon-game-button:active:not(:disabled){transform:translateY(0)scale(.98);box-shadow:0 2px 10px rgba(107,16,16,.4),inset 0 2px 4px rgba(0,0,0,.2)}.abandon-game-button:disabled{opacity:.6;cursor:not-allowed;background:linear-gradient(135deg,#666,#444);border-color:#888;animation:none;transform:none;box-shadow:0 2px 8px rgba(0,0,0,.3)}.abandon-icon{font-size:var(--font-size-lg);filter:drop-shadow(0 1px 2px rgba(0,0,0,.8));animation:2s infinite warning-pulse}.abandon-text{text-shadow:0 1px 2px rgba(0,0,0,.8);font-weight:700}@keyframes pulse-red{0%,to{box-shadow:0 8px 25px rgba(107,16,16,.5),0 0 20px rgba(107,16,16,.3),inset 0 1px rgba(255,255,255,.12)}50%{box-shadow:0 8px 25px rgba(107,16,16,.7),0 0 30px rgba(107,16,16,.5),inset 0 1px rgba(255,255,255,.12)}}@keyframes warning-pulse{0%,to{filter:drop-shadow(0 1px 2px rgba(0,0,0,.8));transform:scale(1)}50%{filter:drop-shadow(0 2px 4px rgba(0,0,0,.8))brightness(1.2);transform:scale(1.1)}}@keyframes ambient-glow-pulse{0%,to{box-shadow:0 8px 32px rgba(212,168,67,.25),0 0 60px rgba(212,168,67,.08),inset 0 1px rgba(212,168,67,.15),inset 0 -1px rgba(0,0,0,.3)}50%{box-shadow:0 8px 36px rgba(212,168,67,.32),0 0 70px rgba(212,168,67,.12),inset 0 1px rgba(212,168,67,.2),inset 0 -1px rgba(0,0,0,.3)}}@keyframes piece-move{0%{filter:none;transform:scale(1)}40%{filter:drop-shadow(0 0 8px rgba(212,168,67,.6));transform:scale(1.2)}to{filter:none;transform:scale(1)}}.chess-piece.moving{animation:.35s ease-in-out piece-move}.chess-square:focus{outline-offset:-3px;outline:3px solid #d4a843}.chess-piece:focus{outline-offset:2px;border-radius:4px;outline:2px solid #d4a843}@media (min-width:3840px) and (min-height:2160px){.chess-game-container{padding:calc(var(--spacing-md) * 2);max-height:95vh}.chess-sidebar{width:400px;min-width:400px;padding:calc(var(--spacing-md) * 1.5)}.chess-main-content{gap:calc(var(--spacing-lg) * 1.5)}.chess-board-container{max-width:900px;max-height:900px}.chess-board{max-width:800px;max-height:800px}.chess-board-wrapper{padding:calc(var(--spacing-lg) * 1.5);border-width:5px;grid-template-rows:50px 1fr;grid-template-columns:50px 1fr;gap:12px}.chess-piece{font-size:4rem}.chess-piece-svg{width:90%;max-width:70px;height:90%;max-height:70px}.file-label,.rank-label{font-size:calc(var(--font-size-lg) * 1.2)}.chess-title{font-size:calc(var(--font-size-xxl) * 1.3)}.status-message{font-size:calc(var(--font-size-lg) * 1.2);padding:calc(var(--spacing-sm) * 1.5)}.chess-move-history{padding:calc(var(--spacing-lg) * 1.2);margin-top:var(--spacing-lg)}.move-list{max-height:200px}.abandon-game-button{padding:calc(var(--spacing-md) * 1.2) calc(var(--spacing-lg) * 1.2);font-size:calc(var(--font-size-md) * 1.2);min-height:calc(var(--touch-target-min) * 1.5)}.abandon-icon{font-size:calc(var(--font-size-xl) * 1.2)}}@media (min-width:1920px) and (max-width:3839px) and (min-height:1080px){.chess-game-container{padding:var(--spacing-md);max-height:95vh}.chess-sidebar{width:350px;min-width:350px;padding:var(--spacing-md)}.chess-main-content{gap:var(--spacing-lg)}.chess-board-container{max-width:750px;max-height:750px}.chess-board{max-width:650px;max-height:650px}.chess-board-wrapper{padding:var(--spacing-lg);border-width:4px;grid-template-rows:40px 1fr;grid-template-columns:40px 1fr;gap:8px}.chess-piece{font-size:3.5rem}.chess-piece-svg{width:85%;max-width:60px;height:85%;max-height:60px}.file-label,.rank-label{font-size:var(--font-size-md)}.chess-title{font-size:var(--font-size-xxl)}.status-message{font-size:var(--font-size-lg);padding:var(--spacing-sm)}.chess-move-history{padding:var(--spacing-md);margin-top:var(--spacing-md)}.move-list{max-height:160px}.abandon-game-button{padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-md);min-height:calc(var(--touch-target-min) * 1.2)}.abandon-icon{font-size:var(--font-size-xl)}}@media (min-width:1280px) and (max-width:1919px) and (min-height:800px){.chess-game-container{padding:var(--spacing-sm);max-height:95vh}.chess-sidebar{width:300px;min-width:300px;padding:var(--spacing-sm)}.chess-main-content{gap:var(--spacing-md)}.chess-board-container{max-width:600px;max-height:600px}.chess-board{max-width:500px;max-height:500px}.chess-board-wrapper{padding:var(--spacing-md);grid-template-rows:30px 1fr;grid-template-columns:30px 1fr;gap:4px}.chess-piece{font-size:3rem}.chess-piece-svg{width:80%;max-width:50px;height:80%;max-height:50px}.file-label,.rank-label{font-size:var(--font-size-sm)}.chess-title{font-size:var(--font-size-xl)}.status-message{font-size:var(--font-size-md);padding:var(--spacing-xs)}.chess-move-history{padding:var(--spacing-sm);margin-top:var(--spacing-sm)}.move-list{max-height:120px}.abandon-game-button{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);min-height:var(--touch-target-min)}.abandon-icon{font-size:var(--font-size-lg)}}@media (min-width:1024px) and (max-width:1279px) and (min-height:600px){.chess-game-container{padding:var(--spacing-xs);max-height:98vh}.chess-sidebar{width:260px;min-width:260px;padding:var(--spacing-xs)}.chess-main-content{gap:var(--spacing-sm)}.chess-board-container{max-width:480px;max-height:480px}.chess-board{max-width:400px;max-height:400px}.chess-board-wrapper{padding:var(--spacing-sm);grid-template-rows:25px 1fr;grid-template-columns:25px 1fr;gap:3px}.chess-piece{font-size:2.2rem}.chess-piece-svg{width:75%;max-width:35px;height:75%;max-height:35px}.file-label,.rank-label{font-size:var(--font-size-xs)}.chess-title{font-size:var(--font-size-lg)}.status-message{font-size:var(--font-size-sm);padding:4px var(--spacing-xs)}.chess-move-history{padding:var(--spacing-xs);margin-top:var(--spacing-xs)}.move-list{gap:2px;max-height:80px}.move-item{padding:2px var(--spacing-xs);font-size:.75rem}.abandon-game-button{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs);min-height:40px}.abandon-icon{font-size:var(--font-size-md)}}@media (max-width:1023px){.chess-game-container{padding:var(--spacing-xs);max-height:100vh}.chess-main-content{gap:var(--spacing-sm);flex-direction:column}.chess-sidebar{width:100%;min-width:auto;padding:var(--spacing-xs);order:2}.chess-board-section{order:1}.chess-board-container,.chess-board{max-width:100%;max-height:500px}.chess-game-header{flex-direction:row;justify-content:space-between;align-items:center}.chess-board-wrapper{padding:var(--spacing-xs);grid-template-rows:20px 1fr;grid-template-columns:20px 1fr;gap:2px}.chess-piece{font-size:1.8rem}.chess-piece-svg{width:70%;max-width:28px;height:70%;max-height:28px}.file-label,.rank-label{font-size:var(--font-size-xs)}.chess-title{font-size:var(--font-size-lg)}.status-message{font-size:var(--font-size-sm);padding:var(--spacing-xs)}.chess-move-history{padding:var(--spacing-sm);margin-top:var(--spacing-sm)}.move-list{max-height:60px}.abandon-game-button{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs)}.abandon-icon{font-size:var(--font-size-md)}}@media (max-width:480px){.chess-main-content{gap:var(--spacing-xs)}.chess-sidebar{padding:var(--spacing-xs)}.chess-game-header{gap:var(--spacing-xs);flex-direction:column}.chess-board-wrapper{grid-template-rows:15px 1fr;grid-template-columns:15px 1fr;gap:1px;padding:4px}.chess-piece{font-size:1.4rem}.chess-piece-svg{width:65%;max-width:22px;height:65%;max-height:22px}.file-label,.rank-label{font-size:.625rem}.status-message{font-size:var(--font-size-xs);padding:2px var(--spacing-xs)}.player-color{font-size:var(--font-size-xs)}.abandon-game-button{padding:var(--spacing-xs);font-size:var(--font-size-xs);min-height:36px}.chess-move-history{padding:var(--spacing-xs)}.move-list{max-height:40px}.move-item{padding:1px 4px;font-size:.625rem}}@media (orientation:landscape) and (max-height:600px){.chess-game-container{max-height:100vh;padding:var(--spacing-xs)}.chess-main-content{flex-direction:row}.chess-sidebar{order:1;width:220px;min-width:220px}.chess-board-section{flex:1;order:2}.chess-board-container{max-height:450px}.chess-board{max-height:400px}.chess-board-wrapper{padding:var(--spacing-xs)}.chess-move-history{padding:var(--spacing-xs);margin-top:var(--spacing-xs)}.move-list{max-height:60px}.abandon-game-button{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs);min-height:36px}}@media (prefers-contrast:high){.light-square{background-color:#fff}.dark-square{background-color:#666}.white-piece{color:#fff;text-shadow:3px 3px 6px #000}.black-piece{color:#000;text-shadow:2px 2px 4px #fff}}@keyframes radar-sweep{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes hit-explosion{0%{background-color:#ffc;transform:scale(1.2);box-shadow:inset 0 0 0 3px #fff,0 0 30px rgba(255,255,200,.9)}15%{background-color:#ff4500;transform:scale(1);box-shadow:inset 0 0 0 3px #f60,0 0 20px rgba(255,69,0,.8)}30%{background-color:#f60;transform:scale(1.15);box-shadow:inset 0 0 0 3px #f80,0 0 30px rgba(255,69,0,.6)}60%{background-color:#ff4500;transform:scale(1.05);box-shadow:inset 0 0 0 3px #cc3700,0 0 15px rgba(255,69,0,.4)}to{background-color:#ff4500;transform:scale(1);box-shadow:inset 0 0 0 3px #cc3700,0 0 8px rgba(255,69,0,.3)}}@keyframes sonar-ping{0%{box-shadow:inset 0 0 0 2px #0f8,0 0 rgba(0,255,136,.4)}50%{box-shadow:inset 0 0 0 2px #0f8,0 0 0 8px rgba(0,255,136,.15)}to{box-shadow:inset 0 0 0 2px #0f8,0 0 0 15px rgba(0,255,136,0)}}@keyframes preview-pulse{0%{opacity:.7;box-shadow:inset 0 0 0 2px #0f8,0 0 12px rgba(0,255,136,.4)}50%{opacity:.85;box-shadow:inset 0 0 0 3px #8f4,0 0 18px rgba(136,255,68,.35)}to{opacity:1;box-shadow:inset 0 0 0 3px gold,0 0 20px rgba(255,215,0,.5)}}@keyframes current-ship-pulse{0%{border-color:gold;box-shadow:0 0 rgba(255,215,0,.4)}to{border-color:#ffed4e;box-shadow:0 0 0 4px rgba(255,215,0,.1)}}@keyframes preview-marker-pulse{0%{opacity:.6;transform:scale(.9)}to{opacity:1;transform:scale(1.1)}}@keyframes victory-glow{0%{text-shadow:0 0 5px rgba(0,255,136,.5);box-shadow:0 0 5px rgba(0,255,136,.3)}to{text-shadow:0 0 15px rgba(0,255,136,.8);box-shadow:0 0 20px rgba(0,255,136,.6)}}@keyframes selector-square-pulse{0%{opacity:.7}to{opacity:1}}@keyframes water-ripple{0%{opacity:1}50%{opacity:.98}to{opacity:1}}@keyframes water-splash{0%{box-shadow:inset 0 0 0 2px rgba(74,111,165,.3),inset 0 0 8px rgba(74,111,165,.15),0 0 rgba(74,111,165,.5)}40%{box-shadow:inset 0 0 0 2px rgba(74,111,165,.3),inset 0 0 8px rgba(74,111,165,.15),0 0 0 6px rgba(74,111,165,.3)}70%{box-shadow:inset 0 0 0 2px rgba(74,111,165,.3),inset 0 0 8px rgba(74,111,165,.15),0 0 0 10px rgba(74,111,165,.1)}to{box-shadow:inset 0 0 0 2px rgba(74,111,165,.3),inset 0 0 8px rgba(74,111,165,.15),0 0 0 12px rgba(74,111,165,0)}}.warship-game-container{padding:var(--spacing-xs);border-radius:var(--border-radius-lg);backdrop-filter:blur(12px);box-sizing:border-box;background:rgba(10,22,40,.88);border:1px solid #3a4f6f;flex-direction:column;width:100%;height:100%;max-height:100vh;display:flex;position:relative;overflow:hidden}.warship-game-container:before{content:"";pointer-events:none;z-index:0;background:conic-gradient(transparent 0deg,transparent 350deg,rgba(0,255,136,.03) 355deg,rgba(0,255,136,.06) 360deg);width:200%;height:200%;animation:12s linear infinite radar-sweep;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.warship-game-container>*{z-index:1;position:relative}.warship-main-content{gap:var(--spacing-md);flex-direction:row;width:100%;height:100%;display:flex}.warship-sidebar{gap:var(--spacing-sm);width:300px;min-width:300px;padding:var(--spacing-sm);border-radius:var(--border-radius-md);backdrop-filter:blur(5px);background:linear-gradient(#0a1628 0%,#0d1a2e 100%);border:1px solid #3a4f6f;flex-direction:column;display:flex;box-shadow:inset 1px 0 rgba(0,255,136,.05)}.warship-boards-section{gap:var(--spacing-lg);min-width:0;padding:var(--spacing-sm);flex:1;justify-content:center;align-items:flex-start;display:flex}.warship-main-board{flex-direction:column;flex:1;align-items:center;max-width:600px;display:flex}.warship-mini-board,.warship-fleet-board{flex-direction:column;align-items:center;width:600px;min-width:600px;display:flex}.warship-board-header{margin-bottom:var(--spacing-md);padding:var(--spacing-sm) 0;border-bottom:2px solid #3a4f6f;justify-content:center;align-items:center;width:100%;display:flex}.warship-board-title{color:#c0d0e0;font-size:var(--font-size-lg);text-shadow:0 0 8px rgba(74,111,165,.5);text-align:center;text-transform:uppercase;letter-spacing:2px;margin:0;font-family:Courier New,Courier,monospace;font-weight:700}.warship-mini-board .warship-board-title{font-size:var(--font-size-md)}.warship-board-info{margin-top:var(--spacing-sm);padding:var(--spacing-sm);border-radius:var(--border-radius-md);background:rgba(10,22,40,.8);border:1px solid #3a4f6f;width:100%}.warship-board-description{color:#7a9ab5;font-size:var(--font-size-sm);text-align:center;margin:0;font-style:italic}.warship-mini-board .warship-board-description{font-size:var(--font-size-xs)}.warship-game-header{gap:var(--spacing-sm);flex-direction:column;width:100%;display:flex}.warship-status{justify-content:center;align-items:center;display:flex}.warship-status-message{color:#7a9ab5;font-size:var(--font-size-md);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-md);text-align:center;text-transform:uppercase;letter-spacing:1.5px;background:rgba(10,22,40,.9);border:1px solid #3a4f6f;font-family:Courier New,Courier,monospace;font-weight:600}.warship-status-message.hit{color:#ff4500;text-shadow:0 0 8px rgba(255,69,0,.5);background:rgba(255,69,0,.1);border-color:#ff4500}.warship-status-message.victory{color:#0f8;background:rgba(0,255,136,.1);border-color:#0f8;font-weight:700;animation:1.5s ease-in-out infinite alternate victory-glow}.warship-info{justify-content:center;align-items:center;display:flex}.warship-player-name{color:#7a9ab5;font-size:var(--font-size-sm)}.warship-player-name strong{color:var(--accent-text)}.warship-board-container{flex:1;justify-content:center;align-items:center;width:100%;max-width:700px;max-height:700px;display:flex}.warship-board-wrapper{padding:var(--spacing-md);border-radius:var(--border-radius-lg);background:linear-gradient(145deg,#0d1f3c 0%,#0a1628 100%);border:2px solid #3a4f6f;grid-template:".columns"35px"rows board"1fr/35px 1fr;gap:6px;display:grid;position:relative;box-shadow:0 0 15px rgba(0,255,136,.08),0 0 40px rgba(0,255,136,.04),inset 0 0 30px rgba(26,58,42,.3),inset 0 0 0 2px #1a2a44}.warship-column-labels{grid-area:columns;justify-content:space-around;align-items:center;display:flex}.warship-row-labels{flex-direction:column;grid-area:rows;justify-content:space-around;align-items:center;display:flex}.warship-label{color:#5a7a95;font-size:var(--font-size-sm);text-shadow:0 0 4px rgba(74,111,165,.3);font-family:Courier New,Courier,monospace;font-weight:600}.warship-board{border-radius:var(--border-radius-sm);aspect-ratio:1;border:2px solid #2a3f5f;flex-direction:column;grid-area:board;width:100%;max-width:500px;max-height:500px;display:flex;overflow:hidden}.warship-row{flex:1;display:flex}.warship-square{min-height:var(--touch-target-min);min-width:var(--touch-target-min);font-size:var(--font-size-lg);background-color:#0c2340;background-image:repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(74,111,165,.03) 10px,rgba(74,111,165,.03) 20px);border:1px solid #1a2f4f;flex:1;justify-content:center;align-items:center;transition:all .2s ease-in-out;display:flex;position:relative}.warship-square.warship-clickable{cursor:pointer}.warship-square.warship-clickable:hover{background-color:#0f2d50;animation:1s ease-out sonar-ping;transform:scale(1.05)}.warship-square.warship-empty{background-color:#0c2340;background-image:repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(74,111,165,.03) 10px,rgba(74,111,165,.03) 20px);animation:5s ease-in-out infinite water-ripple}.warship-square.warship-miss{background-color:#1a2744;background-image:none;animation:.8s ease-out forwards water-splash;box-shadow:inset 0 0 0 2px rgba(74,111,165,.3),inset 0 0 8px rgba(74,111,165,.15)}.warship-square.warship-hit{background-color:#ff4500;background-image:none;animation:.6s ease-out hit-explosion;box-shadow:inset 0 0 0 3px #cc3700,0 0 12px rgba(255,69,0,.4)}.warship-square.warship-sunk{filter:saturate(.7)brightness(.8);background-color:#8b0000;background-image:none;box-shadow:inset 0 0 0 3px #600}.warship-square.warship-ship{background-color:#3a5f8a;background-image:linear-gradient(135deg,rgba(255,255,255,.08) 0%,transparent 50%,rgba(0,0,0,.1) 100%);box-shadow:inset 0 0 0 2px #4a6fa5}.warship-square.warship-preview{background-color:#1a3a2a;background-image:none;animation:1.2s ease-in-out infinite alternate preview-pulse;box-shadow:inset 0 0 0 2px #0f8,0 0 12px rgba(0,255,136,.4)}.warship-square.warship-disabled{opacity:.6;cursor:not-allowed}.warship-hit-marker,.warship-miss-marker,.warship-sunk-marker,.warship-ship-marker{font-size:var(--font-size-lg);filter:drop-shadow(0 2px 4px rgba(0,0,0,.8));pointer-events:none;z-index:3;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.warship-coordinate{font-size:var(--font-size-xs);color:#5a7a95;opacity:.7}.warship-controls{gap:var(--spacing-sm);flex-direction:column;width:100%;display:flex}.warship-stats{border-radius:var(--border-radius-md);padding:var(--spacing-md);background:linear-gradient(rgba(10,22,40,.9) 0%,rgba(13,26,46,.9) 100%);border:1px solid #3a4f6f}.warship-stats h4{color:#c0d0e0;font-size:var(--font-size-md);margin:0 0 var(--spacing-sm) 0;text-align:center;text-transform:uppercase;letter-spacing:1px;font-family:Courier New,Courier,monospace;font-weight:600}.warship-stat-grid{gap:var(--spacing-sm);grid-template-columns:1fr 1fr;display:grid}.warship-stat-item{padding:var(--spacing-xs);border-radius:var(--border-radius-sm);background:rgba(10,22,40,.7);border:1px solid #2a3f5f;flex-direction:column;align-items:center;display:flex}.warship-stat-label{font-size:var(--font-size-xs);color:#5a7a95;text-transform:uppercase;letter-spacing:1px;font-family:Courier New,Courier,monospace;font-weight:600}.warship-stat-value{font-size:var(--font-size-lg);text-shadow:0 0 8px;font-variant-numeric:tabular-nums;font-weight:700}.warship-stat-value.hits{color:#ff4500}.warship-stat-value.misses{color:#4a6fa5}.warship-stat-value.total{color:var(--accent-text)}.warship-stat-value.accuracy{color:#0f8}.warship-guess-history{border-radius:var(--border-radius-md);padding:var(--spacing-md);background:linear-gradient(rgba(10,22,40,.9) 0%,rgba(13,26,46,.9) 100%);border:1px solid #3a4f6f}.warship-guess-history h4{color:#c0d0e0;font-size:var(--font-size-md);margin:0 0 var(--spacing-sm) 0;text-align:center;text-transform:uppercase;letter-spacing:1px;font-family:Courier New,Courier,monospace;font-weight:600}.warship-guess-list{gap:var(--spacing-xs);scrollbar-width:thin;scrollbar-color:#3a4f6f #0a1628;flex-direction:column;max-height:150px;display:flex;overflow-y:auto}.warship-guess-list::-webkit-scrollbar{width:6px}.warship-guess-list::-webkit-scrollbar-track{border-radius:var(--border-radius-sm);background:#0a1628}.warship-guess-list::-webkit-scrollbar-thumb{border-radius:var(--border-radius-sm);background:#3a4f6f}.warship-guess-item{padding:var(--spacing-xs);border-radius:var(--border-radius-sm);background:rgba(10,22,40,.7);border:1px solid #2a3f5f;justify-content:space-between;align-items:center;display:flex}.warship-guess-item.hit{background:rgba(255,69,0,.1);border-color:#ff4500}.warship-guess-item.miss{background:rgba(74,111,165,.1);border-color:#4a6fa5}.warship-guess-coordinate{color:#c0d0e0;font-family:Courier New,Courier,monospace;font-weight:600}.warship-guess-result{font-size:var(--font-size-md)}.warship-placement-instructions{border-radius:var(--border-radius-md);padding:var(--spacing-md);background:rgba(10,22,40,.9);border:1px solid #3a4f6f}.warship-placement-instructions h4{color:#c0d0e0;font-size:var(--font-size-md);margin:0 0 var(--spacing-sm) 0;text-align:center;text-transform:uppercase;letter-spacing:1px;font-family:Courier New,Courier,monospace;font-weight:600}.warship-placement-instructions p{color:#7a9ab5;font-size:var(--font-size-sm);text-align:center;margin:0;line-height:1.4}.warship-error-message{color:#ff4500;font-size:var(--font-size-sm);text-align:center;padding:var(--spacing-xs);border-radius:var(--border-radius-sm);margin-top:var(--spacing-sm);background:rgba(255,69,0,.1);border:1px solid #ff4500;font-weight:600}.warship-success-message{color:#0f8;font-size:var(--font-size-sm);text-align:center;padding:var(--spacing-xs);border-radius:var(--border-radius-sm);margin-top:var(--spacing-sm);background:rgba(0,255,136,.1);border:1px solid #0f8;font-weight:600}.warship-placement-controls{gap:var(--spacing-sm);flex-direction:column;width:100%;display:flex}.warship-orientation-button{justify-content:center;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm);border-radius:var(--border-radius-md);color:#c0d0e0;font-size:var(--font-size-sm);cursor:pointer;min-height:var(--touch-target-min);text-transform:uppercase;letter-spacing:1px;background:rgba(10,22,40,.8);border:2px solid #3a4f6f;font-family:Courier New,Courier,monospace;font-weight:600;transition:all .2s ease-in-out;display:flex}.warship-orientation-button:hover:not(:disabled){background:rgba(0,255,136,.15);border-color:#0f8;transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,255,136,.2)}.warship-orientation-button:disabled{opacity:.6;cursor:not-allowed}.warship-orientation-button.horizontal{border-color:#4a6fa5}.warship-orientation-button.vertical{border-color:#ff4500}.orientation-icon{font-size:var(--font-size-lg)}.orientation-text{text-transform:uppercase;letter-spacing:.5px}.warship-ship-progress{border-radius:var(--border-radius-md);padding:var(--spacing-md);background:rgba(10,22,40,.9);border:1px solid #3a4f6f}.warship-ship-progress h4{color:#c0d0e0;font-size:var(--font-size-md);margin:0 0 var(--spacing-sm) 0;text-align:center;text-transform:uppercase;letter-spacing:1px;font-family:Courier New,Courier,monospace;font-weight:600}.warship-ship-list{gap:var(--spacing-xs);flex-direction:column;display:flex}.warship-ship-item{padding:var(--spacing-xs);border-radius:var(--border-radius-sm);background:rgba(10,22,40,.7);border:1px solid #2a3f5f;justify-content:space-between;align-items:center;transition:all .2s ease-in-out;display:flex}.warship-ship-item.placed{background:rgba(0,255,136,.08);border-color:#0f8}.warship-ship-item.current{background:rgba(255,215,0,.08);border-color:gold;animation:2s ease-in-out infinite alternate current-ship-pulse}.warship-ship-item.pending{opacity:.6}.warship-ship-name{color:#c0d0e0;font-weight:600;font-size:var(--font-size-sm)}.warship-ship-size{color:#5a7a95;font-size:var(--font-size-xs)}.warship-ship-status{font-size:var(--font-size-md)}.warship-placed-ships{border-radius:var(--border-radius-md);padding:var(--spacing-md);background:rgba(10,22,40,.9);border:1px solid #3a4f6f}.warship-placed-ships h4{color:#c0d0e0;font-size:var(--font-size-md);margin:0 0 var(--spacing-sm) 0;text-align:center;text-transform:uppercase;letter-spacing:1px;font-family:Courier New,Courier,monospace;font-weight:600}.warship-placed-list{gap:var(--spacing-xs);scrollbar-width:thin;scrollbar-color:#3a4f6f #0a1628;flex-direction:column;max-height:120px;display:flex;overflow-y:auto}.warship-placed-list::-webkit-scrollbar{width:6px}.warship-placed-list::-webkit-scrollbar-track{border-radius:var(--border-radius-sm);background:#0a1628}.warship-placed-list::-webkit-scrollbar-thumb{border-radius:var(--border-radius-sm);background:#3a4f6f}.warship-placed-item{padding:var(--spacing-xs);border-radius:var(--border-radius-sm);background:rgba(0,255,136,.06);border:1px solid #0f8;justify-content:space-between;align-items:center;display:flex}.warship-placed-name{color:#c0d0e0;font-weight:600;font-size:var(--font-size-sm)}.warship-placed-position{color:#5a7a95;font-size:var(--font-size-xs);font-family:Courier New,Courier,monospace}.warship-preview-marker{font-size:var(--font-size-lg);filter:drop-shadow(0 2px 4px rgba(0,0,0,.8));pointer-events:none;animation:1s ease-in-out infinite alternate preview-marker-pulse}@media (min-width:3840px) and (min-height:2160px){.warship-game-container{padding:calc(var(--spacing-md) * 2);max-height:95vh}.warship-sidebar{width:400px;min-width:400px;padding:calc(var(--spacing-md) * 1.5)}.warship-main-content{gap:calc(var(--spacing-lg) * 1.5)}.warship-boards-section{gap:calc(var(--spacing-lg) * 2)}.warship-main-board,.warship-fleet-board{width:800px;min-width:800px}.warship-board-container{max-width:900px;max-height:900px}.warship-board{max-width:800px;max-height:800px}.warship-board-wrapper{padding:calc(var(--spacing-lg) * 1.5);grid-template-rows:50px 1fr;grid-template-columns:50px 1fr;gap:12px}.warship-square{font-size:calc(var(--font-size-xl) * 1.5);min-width:70px;min-height:70px}.warship-label{font-size:calc(var(--font-size-lg) * 1.2)}.warship-status-message{font-size:calc(var(--font-size-lg) * 1.2);padding:calc(var(--spacing-sm) * 1.5)}.warship-board-title{font-size:calc(var(--font-size-xl) * 1.3)}.warship-stats{padding:calc(var(--spacing-lg) * 1.2)}.warship-stat-value{font-size:calc(var(--font-size-xl) * 1.2)}.warship-stat-label{font-size:calc(var(--font-size-sm) * 1.2)}}@media (min-width:1920px) and (max-width:3839px) and (min-height:1080px){.warship-game-container{padding:var(--spacing-md);max-height:95vh}.warship-sidebar{width:320px;min-width:320px;padding:var(--spacing-md)}.warship-main-content{gap:var(--spacing-lg)}.warship-boards-section{gap:calc(var(--spacing-lg) * 1.5)}.warship-main-board,.warship-fleet-board{width:650px;min-width:650px}.warship-board-container{max-width:750px;max-height:750px}.warship-board{max-width:650px;max-height:650px}.warship-board-wrapper{padding:var(--spacing-lg);grid-template-rows:40px 1fr;grid-template-columns:40px 1fr;gap:8px}.warship-square{font-size:var(--font-size-xl);min-width:60px;min-height:60px}.warship-label{font-size:var(--font-size-md)}.warship-status-message{font-size:var(--font-size-lg);padding:var(--spacing-sm)}.warship-board-title{font-size:var(--font-size-xl)}.warship-stats{padding:var(--spacing-md)}.warship-stat-value{font-size:var(--font-size-xl)}}@media (min-width:1280px) and (max-width:1919px) and (min-height:800px){.warship-game-container{padding:var(--spacing-sm);max-height:95vh}.warship-sidebar{width:280px;min-width:280px;padding:var(--spacing-sm)}.warship-main-content{gap:var(--spacing-md)}.warship-boards-section{gap:var(--spacing-lg)}.warship-main-board,.warship-fleet-board{width:500px;min-width:500px}.warship-board-container{max-width:600px;max-height:600px}.warship-board{max-width:500px;max-height:500px}.warship-board-wrapper{padding:var(--spacing-md);grid-template-rows:30px 1fr;grid-template-columns:30px 1fr;gap:6px}.warship-square{font-size:var(--font-size-lg);min-width:45px;min-height:45px}.warship-label{font-size:var(--font-size-sm)}.warship-status-message{font-size:var(--font-size-md);padding:var(--spacing-xs)}.warship-board-title{font-size:var(--font-size-lg)}.warship-stats{padding:var(--spacing-sm)}.warship-stat-value{font-size:var(--font-size-lg)}}@media (min-width:1024px) and (max-width:1279px) and (min-height:600px){.warship-game-container{padding:var(--spacing-xs);max-height:98vh}.warship-sidebar{width:240px;min-width:240px;padding:var(--spacing-xs)}.warship-main-content{gap:var(--spacing-sm)}.warship-boards-section{gap:var(--spacing-md)}.warship-main-board,.warship-fleet-board{width:380px;min-width:380px}.warship-board-container{max-width:450px;max-height:450px}.warship-board{max-width:380px;max-height:380px}.warship-board-wrapper{padding:var(--spacing-sm);grid-template-rows:25px 1fr;grid-template-columns:25px 1fr;gap:4px}.warship-square{font-size:var(--font-size-md);min-width:35px;min-height:35px}.warship-label{font-size:var(--font-size-xs)}.warship-status-message{font-size:var(--font-size-sm);padding:4px var(--spacing-xs)}.warship-board-title{font-size:var(--font-size-md)}.warship-stats{padding:var(--spacing-xs)}.warship-stat-grid{gap:4px}.warship-stat-item{padding:4px}.warship-stat-value{font-size:var(--font-size-md)}.warship-stat-label{font-size:.625rem}.warship-stats h4{font-size:var(--font-size-sm);margin-bottom:4px}}@media (max-width:1023px){.warship-game-container{padding:var(--spacing-xs);max-height:100vh}.warship-main-content{gap:var(--spacing-sm);flex-direction:column}.warship-sidebar{width:100%;min-width:auto;padding:var(--spacing-xs);order:2}.warship-boards-section{gap:var(--spacing-md);padding:var(--spacing-xs);flex-direction:column;order:1}.warship-main-board,.warship-fleet-board{align-self:center;width:100%;min-width:auto;max-width:500px}.warship-board-container,.warship-board{max-width:100%;max-height:500px}.warship-board-wrapper{padding:var(--spacing-xs);grid-template-rows:20px 1fr;grid-template-columns:20px 1fr;gap:2px}.warship-square{font-size:var(--font-size-sm);min-width:30px;min-height:30px}.warship-label{font-size:.625rem}.warship-status-message{font-size:var(--font-size-sm);padding:var(--spacing-xs)}.warship-board-title{font-size:var(--font-size-md)}.warship-stats{padding:var(--spacing-xs)}.warship-stat-grid{gap:var(--spacing-xs)}.warship-stat-value{font-size:var(--font-size-md)}.warship-game-header{flex-direction:row;justify-content:space-between;align-items:center}}@media (max-width:480px){.warship-main-content{gap:var(--spacing-xs)}.warship-sidebar{padding:var(--spacing-xs)}.warship-game-header{gap:var(--spacing-xs);flex-direction:column}.warship-status-message{font-size:var(--font-size-xs);padding:2px var(--spacing-xs)}.warship-player-name{font-size:var(--font-size-xs)}.warship-stat-grid{gap:var(--spacing-xs);grid-template-columns:1fr}.warship-square{font-size:var(--font-size-xs);min-width:25px;min-height:25px}.warship-board-wrapper{grid-template-rows:15px 1fr;grid-template-columns:15px 1fr;gap:1px;padding:4px}}@media (orientation:landscape) and (max-height:600px){.warship-game-container{max-height:100vh;padding:var(--spacing-xs)}.warship-main-content{flex-direction:row}.warship-sidebar{order:1;width:200px;min-width:200px}.warship-boards-section{gap:var(--spacing-sm);flex-direction:row;order:2}.warship-main-board,.warship-fleet-board{flex:1;width:auto;min-width:auto}.warship-board-container{max-height:400px}.warship-board{max-height:350px}.warship-stats{padding:var(--spacing-xs)}.warship-stats h4{font-size:var(--font-size-sm);margin-bottom:4px}.warship-stat-value{font-size:var(--font-size-sm)}.warship-stat-label{font-size:.625rem}}.warship-placement-container{flex-direction:column;height:100%;max-height:100vh;display:flex;overflow:hidden}.warship-placement-header{padding:var(--spacing-sm);backdrop-filter:blur(10px);background:linear-gradient(#0a1628 0%,#0d1a2e 100%);border-bottom:1px solid #3a4f6f;flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.warship-status-compact{flex:1}.warship-status-compact .warship-status-message{font-size:var(--font-size-sm);padding:var(--spacing-xs) var(--spacing-sm)}.warship-orientation-button-compact{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-md);color:#c0d0e0;font-size:var(--font-size-xs);cursor:pointer;text-transform:uppercase;letter-spacing:.5px;background:rgba(10,22,40,.8);border:2px solid #3a4f6f;min-height:36px;font-family:Courier New,Courier,monospace;font-weight:600;transition:all .2s ease-in-out;display:flex}.warship-orientation-button-compact:hover:not(:disabled){background:rgba(0,255,136,.15);border-color:#0f8;transform:translateY(-1px);box-shadow:0 2px 8px rgba(0,255,136,.2)}.warship-orientation-button-compact:disabled{opacity:.6;cursor:not-allowed}.warship-placement-messages{padding:var(--spacing-xs) var(--spacing-sm);flex-shrink:0}.warship-placement-main{gap:var(--spacing-sm);padding:var(--spacing-sm);flex:1;display:flex;overflow:hidden}.warship-placement-board{flex:1;justify-content:center;align-items:center;min-width:0;display:flex}.warship-placement-progress{gap:var(--spacing-sm);flex-direction:column;width:200px;min-width:200px;display:flex;overflow-y:auto}.warship-ship-progress-compact{border-radius:var(--border-radius-md);padding:var(--spacing-sm);background:rgba(10,22,40,.9);border:1px solid #3a4f6f}.warship-ship-progress-compact h4{color:#c0d0e0;font-size:var(--font-size-sm);margin:0 0 var(--spacing-xs) 0;text-align:center;text-transform:uppercase;letter-spacing:1px;font-family:Courier New,Courier,monospace;font-weight:600}.warship-ship-grid{gap:var(--spacing-xs);grid-template-columns:repeat(2,1fr);display:grid}.warship-ship-item-compact{border-radius:var(--border-radius-sm);cursor:pointer;background:rgba(10,22,40,.7);border:1px solid #2a3f5f;flex-direction:column;justify-content:center;align-items:center;gap:1px;min-height:45px;padding:4px;transition:all .2s ease-in-out;display:flex}.warship-ship-item-compact:hover{border-color:#0f8;transform:translateY(-1px);box-shadow:0 2px 8px rgba(0,255,136,.15)}.warship-ship-item-compact.placed{background:rgba(0,255,136,.08);border-color:#0f8}.warship-ship-item-compact.current{background:rgba(255,215,0,.08);border-color:gold;animation:2s ease-in-out infinite alternate current-ship-pulse}.warship-ship-item-compact.pending{opacity:.6}.warship-ship-icon{font-size:.875rem;line-height:1}.warship-ship-name-short{color:#c0d0e0;font-size:.75rem;font-weight:600;line-height:1}.warship-ship-size-compact{color:#5a7a95;font-size:.625rem;font-weight:500;line-height:1}.warship-placed-ships-compact{border-radius:var(--border-radius-md);padding:var(--spacing-sm);background:rgba(10,22,40,.9);border:1px solid #3a4f6f}.warship-placed-ships-compact h4{color:#c0d0e0;font-size:var(--font-size-sm);margin:0 0 var(--spacing-xs) 0;text-align:center;text-transform:uppercase;letter-spacing:1px;font-family:Courier New,Courier,monospace;font-weight:600}.warship-placed-grid{gap:var(--spacing-xs);flex-direction:column;display:flex}.warship-placed-item-compact{padding:var(--spacing-xs);border-radius:var(--border-radius-sm);background:rgba(0,255,136,.06);border:1px solid #0f8;justify-content:space-between;align-items:center;display:flex}.warship-placed-name-short{color:#c0d0e0;font-weight:600;font-size:var(--font-size-xs);text-align:center;width:20px}.warship-placed-position-compact{color:#5a7a95;font-family:Courier New,Courier,monospace;font-size:.75rem}.warship-placement-footer{padding:var(--spacing-xs) var(--spacing-sm);backdrop-filter:blur(10px);background:linear-gradient(#0d1a2e 0%,#0a1628 100%);border-top:1px solid #3a4f6f;flex-shrink:0}.warship-instructions-compact{color:#5a7a95;font-size:var(--font-size-xs);text-align:center;margin:0;font-style:italic}@media (max-width:768px){.warship-placement-main{gap:var(--spacing-xs);flex-direction:column}.warship-placement-progress{width:100%;min-width:auto;max-height:150px;overflow-y:auto}.warship-ship-grid{grid-template-columns:repeat(4,1fr)}.warship-ship-item-compact{min-height:50px;padding:4px}.warship-placement-header{gap:var(--spacing-xs);flex-direction:column;align-items:stretch}.warship-orientation-button-compact{align-self:center;min-width:120px}}@media (max-width:480px){.warship-placement-main{padding:var(--spacing-xs)}.warship-ship-grid{grid-template-columns:repeat(2,1fr)}.warship-ship-item-compact{min-height:45px}.warship-ship-icon{font-size:var(--font-size-sm)}.warship-ship-name-short{font-size:.75rem}.warship-ship-size-compact{font-size:.625rem}}@media (prefers-contrast:high){.warship-square.warship-empty{background-color:#fff;border-color:#000}.warship-square.warship-miss{background-color:#666;border-color:#000}.warship-square.warship-hit{background-color:red;border-color:#000}}.warship-ship-svg{pointer-events:none;z-index:2;filter:drop-shadow(0 2px 4px rgba(0,0,0,.6));transition:all .2s ease-in-out;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.warship-ship-svg-horizontal,.warship-ship-svg-vertical{transform-origin:50%}.warship-square.warship-ship-carrier{background-color:#2a4a6a;box-shadow:inset 0 0 0 2px #4a7faa}.warship-square.warship-ship-battleship{background-color:#2d3748;box-shadow:inset 0 0 0 2px #5a6f8a}.warship-square.warship-ship-cruiser{background-color:#1e3a5a;box-shadow:inset 0 0 0 2px #4a8fb5}.warship-square.warship-ship-destroyer{background-color:#1e3a8a;box-shadow:inset 0 0 0 2px #42a5f5}.warship-square.warship-ship-nose{border-left:3px solid #4a6fa5}.warship-square.warship-ship-middle{border-top:2px solid #4a6fa5;border-bottom:2px solid #4a6fa5}.warship-square.warship-ship-tail{border-right:3px solid #4a6fa5}.warship-square.warship-orientation-vertical.warship-ship-nose{border-top:3px solid #4a6fa5;border-left:none}.warship-square.warship-orientation-vertical.warship-ship-middle{border:none;border-left:2px solid #4a6fa5;border-right:2px solid #4a6fa5}.warship-square.warship-orientation-vertical.warship-ship-tail{border-bottom:3px solid #4a6fa5;border-right:none}.warship-square.warship-ship:hover .warship-ship-svg{filter:drop-shadow(0 4px 8px rgba(0,0,0,.8))brightness(1.1);transform:translate(-50%,-50%)scale(1.05)}.warship-placement-container .warship-board-container{max-width:800px;max-height:800px}.warship-placement-container .warship-board{max-width:600px;max-height:600px}.warship-placement-container .warship-square{min-width:50px;min-height:50px}.warship-square:focus{outline-offset:-3px;outline:3px solid #0f8}.warship-sidebar-toggle{border-radius:var(--border-radius-sm);color:#c0d0e0;cursor:pointer;z-index:10;background:rgba(10,22,40,.9);border:1px solid #3a4f6f;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;transition:all .3s ease-in-out;display:flex;position:absolute;top:8px;right:8px}.warship-sidebar-toggle:hover{background:rgba(0,255,136,.15);border-color:#0f8;transform:scale(1.1)}.warship-sidebar-collapsed{width:60px!important;min-width:60px!important;padding:var(--spacing-sm) var(--spacing-xs)!important}.warship-sidebar-icons{gap:var(--spacing-md);flex-direction:column;align-items:center;margin-top:48px;display:flex}.warship-sidebar-icon{padding:var(--spacing-xs);border-radius:var(--border-radius-sm);cursor:help;background:rgba(10,22,40,.7);border:1px solid #2a3f5f;flex-direction:column;align-items:center;gap:4px;font-size:20px;transition:all .2s ease-in-out;display:flex}.warship-sidebar-icon:hover{background:rgba(10,22,40,.9);border-color:#0f8;transform:scale(1.05)}.warship-sidebar-icon span{font-size:var(--font-size-xs);color:#5a7a95;font-weight:600}.warship-board-tabs{gap:var(--spacing-sm);width:100%;margin-bottom:var(--spacing-md);display:none}.warship-board-tab{padding:var(--spacing-sm);border-radius:var(--border-radius-md);color:#7a9ab5;font-size:var(--font-size-sm);cursor:pointer;min-height:var(--touch-target-min);text-transform:uppercase;letter-spacing:1px;background:rgba(10,22,40,.8);border:2px solid #3a4f6f;flex:1;font-family:Courier New,Courier,monospace;font-weight:600;transition:all .2s ease-in-out}.warship-board-tab:hover{background:rgba(13,31,60,.9);border-color:#4a6fa5}.warship-board-tab.active{color:#0f8;background:rgba(0,255,136,.15);border-color:#0f8;font-weight:700}.warship-board-hidden{display:none!important}.warship-stats-comparison{padding:var(--spacing-sm)}.warship-comparison-table{gap:var(--spacing-xs);margin-bottom:var(--spacing-sm);flex-direction:column;display:flex}.warship-comparison-row{gap:var(--spacing-xs);padding:var(--spacing-xs);border-radius:var(--border-radius-sm);background:rgba(10,22,40,.7);grid-template-columns:1fr auto auto;align-items:center;display:grid}.warship-comparison-header{color:#c0d0e0;font-weight:700;font-size:var(--font-size-sm);text-align:center;text-transform:uppercase;letter-spacing:1px;background:rgba(10,22,40,.9);font-family:Courier New,Courier,monospace}.warship-comparison-header span:first-child{text-align:left}.warship-comparison-label{font-size:var(--font-size-xs);color:#5a7a95;text-transform:uppercase;font-family:Courier New,Courier,monospace;font-weight:600}.warship-comparison-row .warship-stat-value{font-size:var(--font-size-md);text-align:center}.warship-accuracy-bars{gap:var(--spacing-sm);flex-direction:column;display:flex}.warship-accuracy-bar-container{flex-direction:column;gap:4px;display:flex}.warship-accuracy-bar-label{font-size:var(--font-size-xs);color:#5a7a95;text-transform:uppercase;font-family:Courier New,Courier,monospace;font-weight:600}.warship-accuracy-bar-bg{border-radius:var(--border-radius-sm);background:rgba(10,22,40,.8);border:1px solid #2a3f5f;width:100%;height:20px;overflow:hidden}.warship-accuracy-bar-fill{border-radius:var(--border-radius-sm);height:100%;transition:width .5s ease-in-out}.warship-accuracy-bar-player{background:linear-gradient(90deg,#00cc6a,#0f8);box-shadow:0 0 10px rgba(0,255,136,.4)}.warship-accuracy-bar-enemy{background:linear-gradient(90deg,#cc3700,#ff4500);box-shadow:0 0 10px rgba(255,69,0,.4)}@container (width<=600px){.warship-board-container{max-width:400px;max-height:400px}.warship-board{max-width:350px;max-height:350px}.warship-square{font-size:var(--font-size-md);min-width:30px;min-height:30px}}@media (max-width:768px){.warship-main-content{flex-direction:column}.warship-sidebar{order:2;width:100%!important;min-width:100%!important}.warship-sidebar-collapsed{width:100%!important;min-width:100%!important;padding:var(--spacing-xs)!important}.warship-sidebar-icons{flex-direction:row;justify-content:space-around;margin-top:0}.warship-sidebar-toggle{top:4px;right:4px}.warship-boards-section{flex-direction:column;order:1;width:100%}.warship-board-tabs{display:flex}.warship-main-board,.warship-fleet-board{max-width:100%;width:100%!important;min-width:100%!important}.warship-board-container{width:100%;max-width:100%}.warship-board{max-width:450px;max-height:450px}.warship-square{font-size:var(--font-size-sm);min-width:35px;min-height:35px}.warship-comparison-table{font-size:var(--font-size-xs)}.warship-comparison-row .warship-stat-value{font-size:var(--font-size-sm)}}@media (max-width:480px){.warship-board{max-width:350px;max-height:350px}.warship-square{font-size:var(--font-size-xs);min-width:25px;min-height:25px}.warship-board-wrapper{padding:var(--spacing-xs);grid-template-rows:20px 1fr;grid-template-columns:20px 1fr;gap:3px}.warship-label{font-size:10px}.warship-board-tab{padding:var(--spacing-xs);font-size:12px}}.warship-ship-selector-horizontal{align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm);border-radius:var(--border-radius-md);margin-bottom:var(--spacing-md);background:rgba(10,22,40,.9);border:1px solid #3a4f6f;display:flex}.warship-ship-selector-label{font-size:var(--font-size-sm);color:#c0d0e0;white-space:nowrap;text-transform:uppercase;letter-spacing:1px;font-family:Courier New,Courier,monospace;font-weight:600}.warship-ship-selector-icons{gap:var(--spacing-sm);flex-wrap:wrap;flex:1;display:flex}.warship-ship-selector-icon{padding:var(--spacing-xs);border-radius:var(--border-radius-sm);background:rgba(10,22,40,.7);border:2px solid #2a3f5f;flex-direction:column;align-items:center;gap:4px;min-width:60px;transition:all .2s ease-in-out;display:flex}.warship-ship-selector-icon.current{background:rgba(255,215,0,.08);border-color:gold;box-shadow:0 0 10px rgba(255,215,0,.2)}.warship-ship-selector-icon.placed{opacity:.7;background:rgba(0,255,136,.06);border-color:#0f8}.warship-ship-selector-icon.pending{opacity:.5}.warship-ship-selector-emoji{font-size:24px}.warship-ship-selector-name{font-size:var(--font-size-xs);color:#5a7a95;font-family:Courier New,Courier,monospace;font-weight:600}.warship-ship-selector-squares{gap:2px;display:flex}.warship-ship-selector-square{background:#4a6fa5;border-radius:2px;width:8px;height:8px}.warship-ship-selector-icon.placed .warship-ship-selector-square{background:#0f8}.warship-ship-selector-icon.current .warship-ship-selector-square{background:gold;animation:1s ease-in-out infinite alternate selector-square-pulse}.warship-board-zoomable{touch-action:pan-x pan-y pinch-zoom;overflow:hidden}.warship-board-wrapper{will-change:transform;transition:transform .1s ease-out}.warship-orientation-button-floating{z-index:100;justify-content:center;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-md);color:#0a1628;font-size:var(--font-size-lg);cursor:pointer;background:#0f8;border:3px solid #3a4f6f;border-radius:50%;min-width:64px;min-height:64px;font-weight:700;transition:all .3s ease-in-out;display:flex;position:fixed;bottom:20px;right:20px;box-shadow:0 4px 20px rgba(0,255,136,.4)}.warship-orientation-button-floating:hover:not(:disabled){transform:scale(1.1);box-shadow:0 6px 30px rgba(0,255,136,.6)}.warship-orientation-button-floating:active:not(:disabled){transform:scale(.95)}.warship-orientation-button-floating:disabled{opacity:.5;cursor:not-allowed}.warship-orientation-button-floating .orientation-text{display:none}.warship-orientation-button-floating.horizontal{border-color:#4a6fa5}.warship-orientation-button-floating.vertical{border-color:#ff4500}.warship-board-controls-row{justify-content:space-between;align-items:center;gap:var(--spacing-md);width:100%;margin-bottom:var(--spacing-md);display:flex}.warship-coordinates-toggle{border-radius:var(--border-radius-md);color:#c0d0e0;cursor:pointer;background:rgba(10,22,40,.8);border:2px solid #3a4f6f;justify-content:center;align-items:center;width:48px;height:48px;font-size:20px;transition:all .2s ease-in-out;display:flex}.warship-coordinates-toggle:hover{background:rgba(0,255,136,.15);border-color:#0f8;transform:scale(1.05)}@media (max-width:768px){.warship-ship-selector-horizontal{flex-direction:column;align-items:flex-start}.warship-ship-selector-icons{justify-content:space-around;width:100%}.warship-ship-selector-icon{min-width:50px}.warship-orientation-button-floating{min-width:56px;min-height:56px;bottom:80px;right:15px}.warship-board-controls-row{flex-direction:column-reverse}.warship-coordinates-toggle{width:100%}}@media (max-width:480px){.warship-ship-selector-emoji{font-size:18px}.warship-ship-selector-icon{min-width:45px;padding:4px}.warship-ship-selector-square{width:6px;height:6px}.warship-orientation-button-floating{min-width:48px;min-height:48px;bottom:70px;right:10px}}.warship-settings-bar{justify-content:flex-end;gap:var(--spacing-sm);padding:var(--spacing-xs);border-radius:var(--border-radius-md);margin-bottom:var(--spacing-sm);background:rgba(10,22,40,.9);border:1px solid #3a4f6f;display:flex}.warship-theme-toggle,.warship-sound-toggle{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-md);color:#c0d0e0;font-size:var(--font-size-sm);cursor:pointer;min-height:var(--touch-target-min);text-transform:uppercase;letter-spacing:.5px;background:rgba(10,22,40,.8);border:2px solid #3a4f6f;justify-content:center;align-items:center;gap:6px;font-family:Courier New,Courier,monospace;font-weight:600;transition:all .2s ease-in-out;display:flex}.warship-theme-toggle:hover,.warship-sound-toggle:hover{background:rgba(13,31,60,.9);border-color:#4a6fa5;transform:translateY(-2px)}.warship-sound-toggle.enabled{border-color:#0f8}.warship-sound-toggle.disabled{opacity:.7;border-color:#ff4500}.warship-theme-ocean{--primary-bg:#0a1628;--secondary-bg:#0d1f3c;--card-bg:#132844;--primary-text:#c0d0e0;--secondary-text:#7a9ab5;--accent-text:#0f8;--focus-color:#0f8;--border-color:#3a4f6f}.warship-theme-dark{--primary-bg:#0d0d0d;--secondary-bg:#1a1a1a;--card-bg:#2a2a2a;--primary-text:#f0f0f0;--secondary-text:#a0a0a0;--accent-text:#0f8;--focus-color:#0f8;--border-color:#3a3a3a}.warship-theme-contrast{--primary-bg:#000;--secondary-bg:#1a1a1a;--card-bg:#fff;--primary-text:#000;--secondary-text:#333;--accent-text:#0f0;--focus-color:#ff0;--border-color:#000}.warship-theme-contrast .warship-square.warship-empty{background-color:#fff}.warship-theme-contrast .warship-square.warship-miss{background-color:#ccc;box-shadow:inset 0 0 0 3px #000}.warship-theme-contrast .warship-square.warship-hit{background-color:red;box-shadow:inset 0 0 0 4px #000}.warship-theme-contrast .warship-board-wrapper{background:#fff;border-color:#000}.warship-placement-controls-bar{gap:var(--spacing-sm);margin-bottom:var(--spacing-md);display:flex}.warship-quick-place-button,.warship-undo-button{padding:var(--spacing-sm);border-radius:var(--border-radius-md);color:#c0d0e0;font-size:var(--font-size-sm);cursor:pointer;min-height:var(--touch-target-min);text-transform:uppercase;letter-spacing:.5px;background:rgba(10,22,40,.8);border:2px solid #3a4f6f;flex:1;justify-content:center;align-items:center;gap:6px;font-family:Courier New,Courier,monospace;font-weight:600;transition:all .2s ease-in-out;display:flex}.warship-quick-place-button{border-color:#0f8}.warship-undo-button{border-color:gold}.warship-quick-place-button:hover:not(:disabled),.warship-undo-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,255,136,.2)}.warship-quick-place-button:hover:not(:disabled){color:#0a1628;background:#0f8}.warship-undo-button:hover:not(:disabled){color:#0a1628;background:gold}.warship-quick-place-button:disabled,.warship-undo-button:disabled{opacity:.5;cursor:not-allowed}.warship-board{contain:layout style paint;will-change:transform}.warship-square{contain:layout style paint}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media print{.warship-settings-bar,.warship-sidebar-toggle,.warship-board-tabs,.warship-coordinates-toggle,.warship-quick-place-button,.warship-undo-button,.warship-orientation-button-floating{display:none!important}.warship-game-container{color:#000;background:#fff}.warship-sidebar-collapsed{width:100%!important}}@keyframes card-deal{0%{opacity:0;transform:translate(100px)rotate(10deg)}to{opacity:1;transform:translate(0)rotate(0)}}@keyframes result-reveal{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}.blackjack-game-container{padding:var(--spacing-xs);border-radius:var(--border-radius-lg);backdrop-filter:blur(12px);box-sizing:border-box;background:rgba(15,15,26,.88);border:1px solid rgba(212,175,55,.15);flex-direction:column;width:100%;height:100%;max-height:100vh;display:flex;overflow:hidden}.blackjack-main-content{gap:var(--spacing-md);flex-direction:row;width:100%;height:100%;display:flex}.blackjack-sidebar{gap:var(--spacing-sm);width:220px;min-width:220px;padding:var(--spacing-sm);border-radius:var(--border-radius-md);background:repeating-linear-gradient(0deg,rgba(212,175,55,.03) 0,transparent 1px,transparent 3px),linear-gradient(#1c1520 0%,#14101a 50%,#0e0b12 100%);border:1px solid rgba(212,175,55,.2);flex-direction:column;display:flex;box-shadow:inset 0 1px rgba(212,175,55,.1),inset 0 -1px rgba(0,0,0,.3),0 0 20px rgba(0,0,0,.4)}.blackjack-title{color:#d4af37;font-size:var(--font-size-xl);text-shadow:0 0 10px rgba(212,175,55,.3);letter-spacing:1.5px;text-transform:uppercase;margin:0;font-weight:700}.blackjack-abandon{margin-top:auto}.blackjack-chips{gap:var(--spacing-xs);padding:var(--spacing-sm);border-radius:var(--border-radius-sm);background:rgba(0,0,0,.35);border:1px solid rgba(212,175,55,.12);flex-direction:column;display:flex;box-shadow:inset 0 1px 3px rgba(0,0,0,.4)}.blackjack-chips-row{justify-content:space-between;align-items:center;display:flex}.blackjack-chips-label{color:rgba(200,190,170,.7);text-transform:uppercase;letter-spacing:.5px;font-size:13px}.blackjack-chips-value{color:#e8dcc8;font-size:16px;font-weight:700}.blackjack-chips-wager{color:#d4af37;text-shadow:0 0 8px rgba(212,175,55,.4),0 0 16px rgba(212,175,55,.15);font-size:17px}.blackjack-chips-insurance{color:#b0c4d8;text-shadow:0 0 6px rgba(176,196,216,.25),0 0 14px rgba(176,196,216,.1)}.blackjack-table{gap:var(--spacing-md);padding:var(--spacing-md);border-radius:var(--border-radius-lg);background:radial-gradient(40% 30% at 50% 10%,rgba(255,245,220,.07) 0%,transparent 70%),radial-gradient(60% 50% at 50% 30%,rgba(212,175,55,.06) 0%,transparent 70%),repeating-linear-gradient(45deg,transparent,transparent 18px,rgba(212,175,55,.024) 18px,rgba(212,175,55,.024) 19px),repeating-linear-gradient(-45deg,transparent,transparent 18px,rgba(212,175,55,.024) 18px,rgba(212,175,55,.024) 19px),radial-gradient(#141428 0%,#0c0c1e 50%,#060610 100%);border:3px solid #2a1f10;flex-direction:column;flex:1;min-height:0;display:flex;box-shadow:inset 0 0 80px rgba(0,0,0,.5),inset 0 0 30px rgba(212,175,55,.03),0 0 15px rgba(0,0,0,.6)}.blackjack-table-divider{height:3px;margin:var(--spacing-xs) 0;background:linear-gradient(90deg,transparent 0%,rgba(212,175,55,.1) 20%,rgba(212,175,55,.5) 50%,rgba(212,175,55,.1) 80%,transparent 100%) 0 0/200% 100%;animation:3s ease-in-out infinite shimmer;position:relative}.blackjack-dealer-area,.blackjack-player-area{gap:var(--spacing-sm);flex-direction:column;flex:1;min-height:0;display:flex}.blackjack-dealer-label,.blackjack-hand-label{color:rgba(212,195,160,.75);text-transform:uppercase;letter-spacing:1.5px;justify-content:space-between;align-items:center;font-size:14px;font-weight:600;display:flex}.blackjack-hand-total{color:#d4af37;text-shadow:0 0 8px rgba(212,175,55,.35);font-size:18px;font-weight:700}.blackjack-hand{padding:var(--spacing-sm);border-radius:var(--border-radius-md);border:2px solid transparent;transition:border-color .3s,background .3s,box-shadow .3s}.blackjack-hand-active{background:rgba(212,175,55,.04);border-color:rgba(212,175,55,.35);box-shadow:0 0 15px rgba(212,175,55,.08)}.blackjack-hand-cards{flex-wrap:wrap;align-items:center;gap:8px;min-height:100px;display:flex}.blackjack-hand-empty{color:rgba(200,190,170,.25);font-size:14px;font-style:italic}.blackjack-card{background:linear-gradient(145deg,#fffef8 0%,#f5f0e6 50%,#ebe4d4 100%);border:1px solid rgba(180,170,150,.5);border-radius:8px;justify-content:center;align-items:center;width:70px;height:100px;font-family:Georgia,serif;transition:transform .2s,box-shadow .3s;animation:.3s ease-out card-deal;display:flex;position:relative;box-shadow:2px 3px 10px rgba(0,0,0,.4),0 1px 2px rgba(0,0,0,.2),inset 0 1px rgba(255,255,255,.6)}.blackjack-card:hover{transform:translateY(-8px);box-shadow:2px 10px 24px rgba(0,0,0,.5),0 8px 24px rgba(212,175,55,.3),inset 0 1px rgba(255,255,255,.6)}.blackjack-card-red{color:#9b1b30}.blackjack-card-black{color:#1a1a1a}.blackjack-card-facedown{background:linear-gradient(145deg,#0e1a3a 0%,#162450 50%,#0e1a3a 100%);border-color:rgba(212,175,55,.25);box-shadow:2px 3px 10px rgba(0,0,0,.5),inset 0 0 15px rgba(0,0,0,.3)}.blackjack-card-back{background:repeating-linear-gradient(45deg,transparent,transparent 7px,rgba(212,175,55,.1) 7px,rgba(212,175,55,.1) 8px),repeating-linear-gradient(-45deg,transparent,transparent 7px,rgba(212,175,55,.1) 7px,rgba(212,175,55,.1) 8px);border:1px solid rgba(212,175,55,.15);border-radius:7px;width:100%;height:100%}.blackjack-card-corner{flex-direction:column;align-items:center;font-size:14px;font-weight:700;line-height:1;display:flex;position:absolute}.blackjack-card-corner-top{top:4px;left:6px}.blackjack-card-corner-bottom{bottom:4px;right:6px;transform:rotate(180deg)}.blackjack-card-suit{font-size:11px}.blackjack-card-center,.blackjack-card-suit-large{font-size:28px}.blackjack-controls{gap:var(--spacing-sm);padding-top:var(--spacing-sm);flex-direction:column;display:flex}.blackjack-controls-row{gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.blackjack-btn{border-radius:var(--border-radius-md);cursor:pointer;text-transform:uppercase;letter-spacing:.8px;border:1px solid rgba(212,175,55,.15);padding:10px 20px;font-size:14px;font-weight:600;transition:all .25s;box-shadow:0 2px 6px rgba(0,0,0,.3)}.blackjack-btn:disabled{opacity:.4;cursor:not-allowed}.blackjack-btn:active:not(:disabled){transform:translateY(1px)scale(.98)}.blackjack-btn-primary{color:#e0d8c8;background:linear-gradient(135deg,#1a6b3a 0%,#145530 50%,#0e3f24 100%);border-color:rgba(212,175,55,.2)}.blackjack-btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#22804a 0%,#1a6b3a 50%,#145530 100%);border-color:rgba(212,175,55,.35);box-shadow:0 2px 10px rgba(212,175,55,.15)}.blackjack-btn-secondary{color:#c0b8a8;background:linear-gradient(135deg,#2a2a3e 0%,#1e1e30 50%,#161624 100%);border-color:rgba(200,190,170,.12)}.blackjack-btn-secondary:hover:not(:disabled){background:linear-gradient(135deg,#363650 0%,#2a2a3e 50%,#1e1e30 100%);border-color:rgba(200,190,170,.25)}.blackjack-btn-accent{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.4);background:linear-gradient(135deg,#c9a227 0%,#9e7e18 50%,#7a6010 100%);border-color:rgba(212,175,55,.4)}.blackjack-btn-accent:hover:not(:disabled){background:linear-gradient(135deg,#d4af37 0%,#c9a227 50%,#9e7e18 100%);box-shadow:0 2px 12px rgba(212,175,55,.3)}.blackjack-btn-warning{color:#d0dce8;background:linear-gradient(135deg,#1a6090 0%,#144a70 50%,#0e3550 100%);border-color:rgba(176,196,216,.2)}.blackjack-btn-danger{color:#e0c8c8;background:linear-gradient(135deg,#7a2020 0%,#601818 50%,#481212 100%);border-color:rgba(180,80,80,.25)}.blackjack-btn-danger:hover:not(:disabled){background:linear-gradient(135deg,#8e2a2a 0%,#7a2020 50%,#601818 100%);border-color:rgba(180,80,80,.4)}.blackjack-result{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm);flex-direction:column;display:flex}.blackjack-result-text{color:#e8dcc8;text-transform:uppercase;letter-spacing:2px;font-size:18px;font-weight:700;animation:.4s ease-out result-reveal}.blackjack-result-winnings{font-size:16px;font-weight:600}.blackjack-win{color:#d4af37;text-shadow:0 0 12px rgba(212,175,55,.5),0 0 4px rgba(212,175,55,.3)}.blackjack-loss{color:#8b4040;text-shadow:0 0 6px rgba(139,64,64,.3)}@keyframes rps-scanlines{0%{background-position:0 0}to{background-position:0 4px}}@keyframes rps-pulse-glow{0%,to{opacity:1}50%{opacity:.6}}@keyframes rps-neon-breathe{0%,to{text-shadow:0 0 7px,0 0 14px,0 0 28px}50%{text-shadow:0 0 4px,0 0 8px,0 0 16px}}@keyframes rps-vs-pulse{0%,to{text-shadow:0 0 10px #fe0,0 0 20px #fe0,0 0 40px #fe0,0 0 80px #fe0;transform:scale(1)}50%{text-shadow:0 0 5px #fe0,0 0 10px #fe0,0 0 20px #fe0;transform:scale(.95)}}@keyframes rps-game-over-pulse{0%,to{text-shadow:0 0 10px,0 0 20px,0 0 40px,0 0 80px}50%{text-shadow:0 0 5px,0 0 10px,0 0 20px,0 0 40px}}@keyframes rps-waiting-breathe{0%,to{opacity:1}50%{opacity:.4}}@keyframes rps-neon-ripple{0%{box-shadow:0 0 0 0 var(--ripple-color,rgba(0,212,255,.6))}50%{box-shadow:0 0 0 12px var(--ripple-color,rgba(0,212,255,.15))}to{box-shadow:0 0 0 20px var(--ripple-color,rgba(0,212,255,0))}}@keyframes rps-reveal-slide-left{0%{opacity:0;transform:translate(-60px)scale(.8)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes rps-reveal-slide-right{0%{opacity:0;transform:translate(60px)scale(.8)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes rps-reveal-vs-fade{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes rps-score-breathe-cyan{0%,to{text-shadow:0 0 10px #00d4ff,0 0 20px #00d4ff,0 0 40px rgba(0,212,255,.5)}50%{text-shadow:0 0 5px #00d4ff,0 0 10px #00d4ff,0 0 20px rgba(0,212,255,.3)}}@keyframes rps-score-breathe-pink{0%,to{text-shadow:0 0 10px #ff006e,0 0 20px #ff006e,0 0 40px rgba(255,0,110,.5)}50%{text-shadow:0 0 5px #ff006e,0 0 10px #ff006e,0 0 20px rgba(255,0,110,.3)}}@keyframes rps-waiting-dots{0%,80%,to{opacity:0}40%{opacity:1}}@keyframes rps-game-over-entrance{0%{opacity:0;filter:brightness();transform:scale(3)}30%{opacity:1;filter:brightness(3);transform:scale(1.2)}50%{filter:brightness();transform:scale(.95)}70%{transform:scale(1.02)}to{opacity:1;filter:brightness();transform:scale(1)}}.rps-game-container{padding:var(--spacing-xs);-webkit-backdrop-filter:blur(12px);border-radius:var(--border-radius-lg);box-sizing:border-box;background:rgba(10,10,26,.9);border:1px solid rgba(0,212,255,.3);flex-direction:column;width:100%;height:100%;max-height:100vh;display:flex;position:relative;overflow:hidden}.rps-game-container:before{content:"";pointer-events:none;z-index:1;border-radius:var(--border-radius-lg);background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.15) 2px,rgba(0,0,0,.15) 4px);animation:.3s linear infinite rps-scanlines;position:absolute;top:0;bottom:0;left:0;right:0}.rps-game-container>*{z-index:2;position:relative}.rps-main-content{gap:var(--spacing-md);flex-direction:row;width:100%;height:100%;display:flex}.rps-sidebar{gap:var(--spacing-sm);width:240px;min-width:240px;padding:var(--spacing-sm);border-radius:var(--border-radius-md);background:linear-gradient(#0d0d24 0%,#080818 100%);border:1px solid rgba(0,212,255,.2);flex-direction:column;display:flex;box-shadow:inset 0 0 20px rgba(0,0,0,.5),0 0 8px rgba(0,212,255,.1)}.rps-title{color:#00d4ff;font-size:var(--font-size-xl);text-transform:uppercase;letter-spacing:2px;text-shadow:0 0 7px #00d4ff,0 0 14px #00d4ff,0 0 28px rgba(0,212,255,.5);margin:0;font-weight:700}.rps-abandon{margin-top:auto}.rps-arena{justify-content:center;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-md);flex-direction:column;flex:1;display:flex}.rps-scoreboard{align-items:center;gap:var(--spacing-lg);padding:var(--spacing-md);border-radius:var(--border-radius-lg);background:linear-gradient(rgba(13,13,36,.95) 0%,rgba(8,8,24,.95) 100%);border:1px solid rgba(0,212,255,.4);min-width:400px;display:flex;box-shadow:0 0 15px rgba(0,212,255,.15),inset 0 0 15px rgba(0,0,0,.3)}.rps-scoreboard-player{align-items:center;gap:var(--spacing-xs);flex-direction:column;flex:1;display:flex}.rps-scoreboard-label{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:1.5px;font-weight:700}.rps-scoreboard-player:first-child .rps-scoreboard-label{color:#00d4ff;text-shadow:0 0 6px rgba(0,212,255,.6)}.rps-scoreboard-player:last-child .rps-scoreboard-label{color:#ff006e;text-shadow:0 0 6px rgba(255,0,110,.6)}.rps-scoreboard-score{font-size:42px;font-weight:700}.rps-scoreboard-player:first-child .rps-scoreboard-score{color:#00d4ff;text-shadow:0 0 10px #00d4ff,0 0 20px #00d4ff,0 0 40px rgba(0,212,255,.5);animation:3s ease-in-out infinite rps-score-breathe-cyan}.rps-scoreboard-player:last-child .rps-scoreboard-score{color:#ff006e;text-shadow:0 0 10px #ff006e,0 0 20px #ff006e,0 0 40px rgba(255,0,110,.5);animation:3s ease-in-out infinite rps-score-breathe-pink}.rps-scoreboard-center{flex-direction:column;align-items:center;gap:4px;display:flex}.rps-scoreboard-vs{color:#fe0;text-transform:uppercase;font-size:22px;font-weight:700;animation:2s ease-in-out infinite rps-vs-pulse}.rps-scoreboard-info,.rps-scoreboard-round{color:rgba(255,255,255,.45);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:1px}.rps-choices{gap:var(--spacing-lg);display:flex}.rps-choice{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--border-radius-lg);cursor:pointer;background:rgba(10,10,26,.8);border:2px solid rgba(255,255,255,.1);flex-direction:column;min-width:120px;transition:all .25s;display:flex}.rps-choices .rps-choice:first-child{--ripple-color:rgba(255,107,53,.5);border-color:rgba(255,107,53,.3);box-shadow:0 0 8px rgba(255,107,53,.1)}.rps-choices .rps-choice:nth-child(2){--ripple-color:rgba(0,212,255,.5);border-color:rgba(0,212,255,.3);box-shadow:0 0 8px rgba(0,212,255,.1)}.rps-choices .rps-choice:nth-child(3){--ripple-color:rgba(255,0,110,.5);border-color:rgba(255,0,110,.3);box-shadow:0 0 8px rgba(255,0,110,.1)}.rps-choice:disabled{opacity:.3;cursor:not-allowed}.rps-choice-clickable:first-child:hover:not(:disabled){border-color:#ff6b35;transform:translateY(-4px);box-shadow:0 0 15px rgba(255,107,53,.4),0 0 30px rgba(255,107,53,.2),0 8px 20px rgba(0,0,0,.4)}.rps-choice-clickable:nth-child(2):hover:not(:disabled){border-color:#00d4ff;transform:translateY(-4px);box-shadow:0 0 15px rgba(0,212,255,.4),0 0 30px rgba(0,212,255,.2),0 8px 20px rgba(0,0,0,.4)}.rps-choice-clickable:nth-child(3):hover:not(:disabled){border-color:#ff006e;transform:translateY(-4px);box-shadow:0 0 15px rgba(255,0,110,.4),0 0 30px rgba(255,0,110,.2),0 8px 20px rgba(0,0,0,.4)}.rps-choices .rps-choice:first-child:active:not(:disabled){--ripple-color:rgba(255,107,53,.6);animation:.4s ease-out rps-neon-ripple}.rps-choices .rps-choice:nth-child(2):active:not(:disabled){--ripple-color:rgba(0,212,255,.6);animation:.4s ease-out rps-neon-ripple}.rps-choices .rps-choice:nth-child(3):active:not(:disabled){--ripple-color:rgba(255,0,110,.6);animation:.4s ease-out rps-neon-ripple}.rps-choice-clickable:hover:not(:disabled){transform:translateY(-4px);box-shadow:0 0 15px rgba(0,212,255,.3),0 8px 20px rgba(0,0,0,.4)}.rps-choice-selected{background:rgba(57,255,20,.08);transform:scale(1.05);border-color:#39ff14!important;box-shadow:0 0 15px rgba(57,255,20,.3),0 0 30px rgba(57,255,20,.15)!important}.rps-choice-emoji{filter:drop-shadow(0 0 8px rgba(255,255,255,.3));font-size:52px;line-height:1}.rps-choice-label{color:rgba(255,255,255,.8);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:1.5px;font-weight:600}.rps-reveal{align-items:center;gap:var(--spacing-lg);padding:var(--spacing-lg);border-radius:var(--border-radius-lg);background:linear-gradient(rgba(13,13,36,.95) 0%,rgba(8,8,24,.95) 100%);border:1px solid rgba(0,212,255,.3);display:flex;box-shadow:0 0 20px rgba(0,212,255,.1),inset 0 0 20px rgba(0,0,0,.3)}.rps-reveal-side{align-items:center;gap:var(--spacing-sm);flex-direction:column;display:flex}.rps-reveal-side:first-child{animation:.5s cubic-bezier(.22,1,.36,1) both rps-reveal-slide-left}.rps-reveal-side:last-child{animation:.5s cubic-bezier(.22,1,.36,1) .15s both rps-reveal-slide-right}.rps-reveal-label{color:rgba(255,255,255,.6);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:1px;font-weight:600}.rps-reveal-emoji{filter:drop-shadow(0 0 12px rgba(255,255,255,.4));font-size:72px;line-height:1}.rps-reveal-vs{color:#fe0;text-shadow:0 0 8px #fe0,0 0 16px rgba(255,238,0,.5);font-size:28px;font-weight:700;animation:.4s ease-out .3s both rps-reveal-vs-fade}.rps-waiting{padding:var(--spacing-md);text-align:center}.rps-waiting-text{color:rgba(0,212,255,.7);font-size:var(--font-size-md);text-shadow:0 0 6px rgba(0,212,255,.3);animation:2s ease-in-out infinite rps-waiting-breathe}.rps-waiting-text:after{content:"...";letter-spacing:3px;background:linear-gradient(90deg,#00d4ff,#00d4ff,#00d4ff);-webkit-background-clip:text;background-clip:text;animation:1.4s ease-in-out infinite rps-waiting-dots;display:inline-block}.rps-game-over{padding:var(--spacing-md);text-align:center}.rps-game-over-text{text-transform:uppercase;letter-spacing:3px;font-size:32px;font-weight:700;animation:.6s cubic-bezier(.22,1,.36,1) both rps-game-over-entrance,1.5s ease-in-out .6s infinite rps-game-over-pulse}.rps-win{color:#39ff14;text-shadow:0 0 7px #39ff14,0 0 14px #39ff14,0 0 28px rgba(57,255,20,.4)}.rps-loss{color:#ff0040;text-shadow:0 0 7px #ff0040,0 0 14px #ff0040,0 0 28px rgba(255,0,64,.4)}.rps-draw{color:#fe0;text-shadow:0 0 7px #fe0,0 0 14px #fe0,0 0 28px rgba(255,238,0,.4)}.rps-history{gap:var(--spacing-xs);flex-direction:column;flex:1;min-height:0;display:flex;overflow-y:auto}.rps-history-title{color:#00d4ff;font-size:var(--font-size-xs);padding-bottom:var(--spacing-xs);text-transform:uppercase;letter-spacing:1.5px;text-shadow:0 0 6px rgba(0,212,255,.4);border-bottom:1px solid rgba(0,212,255,.2);margin:0;font-weight:600}.rps-history-empty{color:rgba(255,255,255,.3);font-size:var(--font-size-xs);font-style:italic}.rps-history-list{flex-direction:column;gap:4px;display:flex}.rps-history-round{align-items:center;gap:var(--spacing-sm);padding:4px var(--spacing-xs);border-radius:var(--border-radius-sm);font-size:var(--font-size-xs);border-left:2px solid rgba(0,212,255,.15);transition:background .15s;display:flex}.rps-history-round.rps-history-win{border-left-color:#39ff14}.rps-history-round.rps-history-loss{border-left-color:#ff0040}.rps-history-round.rps-history-draw{border-left-color:#fe0}.rps-history-round:hover{background:rgba(0,212,255,.05)}.rps-history-round-num{color:rgba(255,255,255,.35);font-variant-numeric:tabular-nums;min-width:24px;font-weight:600}.rps-history-choices{color:rgba(255,255,255,.6);flex:1}.rps-history-result{text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.rps-history::-webkit-scrollbar{width:4px}.rps-history::-webkit-scrollbar-track{background:0 0}.rps-history::-webkit-scrollbar-thumb{background:rgba(0,212,255,.2);border-radius:2px}.rps-history::-webkit-scrollbar-thumb:hover{background:rgba(0,212,255,.4)}@keyframes torch-flicker{0%,to{opacity:.85}25%{opacity:1}50%{opacity:.9}75%{opacity:.95}}@keyframes message-arrive{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes scroll-unfurl{0%{opacity:0;max-height:0}to{opacity:1;max-height:200px}}@keyframes rune-pulse{0%,to{text-shadow:0 0 4px rgba(180,140,80,.3)}50%{text-shadow:0 0 12px rgba(180,140,80,.6),0 0 24px rgba(180,140,80,.15)}}.chat-room-container{padding:var(--spacing-xs);border-radius:var(--border-radius-lg);backdrop-filter:blur(12px);box-sizing:border-box;background:repeating-linear-gradient(0deg,rgba(80,65,45,.04) 0,transparent 1px,transparent 4px),repeating-linear-gradient(90deg,rgba(80,65,45,.03) 0,transparent 1px,transparent 6px),linear-gradient(rgba(35,28,22,.92) 0%,rgba(25,20,16,.95) 50%,rgba(18,14,11,.97) 100%);border:1px solid rgba(120,90,50,.25);flex-direction:column;width:100%;height:100%;max-height:100vh;display:flex;overflow:hidden;box-shadow:inset 0 1px rgba(180,140,80,.08),inset 0 -1px rgba(0,0,0,.4)}.chat-room-main-content{gap:var(--spacing-md);flex-direction:row;width:100%;height:100%;display:flex}.chat-room-panel{border-radius:var(--border-radius-md);background:repeating-linear-gradient(45deg,rgba(180,160,120,.02) 0,transparent 1px,transparent 3px),linear-gradient(rgba(40,32,24,.6) 0%,rgba(30,24,18,.7) 100%);border:1px solid rgba(120,90,50,.2);flex-direction:column;flex:1;display:flex;overflow:hidden;box-shadow:inset 0 0 30px rgba(0,0,0,.3),0 0 8px rgba(0,0,0,.2)}.chat-room-header{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:linear-gradient(90deg,rgba(120,90,50,.15) 0%,rgba(80,60,35,.1) 50%,rgba(120,90,50,.15) 100%),rgba(0,0,0,.35);border-bottom:2px solid rgba(120,90,50,.3);display:flex;position:relative}.chat-room-header:before,.chat-room-header:after{content:"u25C6";color:rgba(120,90,50,.4);font-size:8px;position:absolute;top:50%;transform:translateY(-50%)}.chat-room-header:before{left:8px}.chat-room-header:after{right:8px}.chat-room-title{color:#b48c50;text-transform:uppercase;letter-spacing:1.5px;margin:0;font-size:16px;font-weight:700;animation:4s ease-in-out infinite rune-pulse}.chat-room-player-name{color:rgba(180,160,130,.6);font-size:13px;font-style:italic}.chat-room-messages{padding:var(--spacing-md);gap:var(--spacing-sm);scrollbar-width:thin;scrollbar-color:rgba(120,90,50,.35) transparent;flex-direction:column;flex:1;display:flex;overflow-y:auto}.chat-room-messages::-webkit-scrollbar{width:6px}.chat-room-messages::-webkit-scrollbar-track{background:0 0}.chat-room-messages::-webkit-scrollbar-thumb{background:rgba(120,90,50,.35);border-radius:3px}.chat-room-empty{color:rgba(180,160,130,.35);text-align:center;padding:var(--spacing-lg);font-size:14px;font-style:italic}.chat-room-message{flex-direction:column;max-width:75%;animation:.3s ease-out message-arrive;display:flex}.chat-room-message-player{align-self:flex-end}.chat-room-message-npc{align-self:flex-start}.chat-room-message-system{align-self:center;max-width:100%}.chat-room-message-system-text{color:rgba(180,140,80,.5);letter-spacing:.5px;font-size:12px;font-style:italic}.chat-room-message-header{align-items:center;gap:var(--spacing-xs);padding:0 var(--spacing-xs);margin-bottom:2px;display:flex}.chat-room-message-sender{color:rgba(180,140,80,.7);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:600}.chat-room-message-time{color:rgba(180,160,130,.4);font-size:11px}.chat-room-message-bubble{padding:var(--spacing-sm) var(--spacing-md);word-break:break-word;border-radius:8px;font-size:14px;line-height:1.6}.chat-room-message-player .chat-room-message-bubble{color:#e0d4c0;background:linear-gradient(135deg,rgba(120,90,50,.35) 0%,rgba(90,65,35,.3) 100%);border:1px solid rgba(180,140,80,.2);border-bottom-right-radius:2px;box-shadow:0 2px 6px rgba(0,0,0,.3),inset 0 1px rgba(180,140,80,.1)}.chat-room-message-npc .chat-room-message-bubble{color:rgba(200,190,170,.9);background:linear-gradient(135deg,rgba(60,55,48,.5) 0%,rgba(45,40,35,.5) 100%);border:1px solid rgba(100,85,65,.25);border-bottom-left-radius:2px;box-shadow:0 2px 6px rgba(0,0,0,.25),inset 0 1px rgba(180,160,130,.05)}.chat-room-input-form{padding:var(--spacing-sm) var(--spacing-md);background:linear-gradient(rgba(0,0,0,.2) 0%,rgba(0,0,0,.35) 100%);border-top:2px solid rgba(120,90,50,.25)}.chat-room-input-container{gap:var(--spacing-xs);align-items:flex-end;display:flex}.chat-room-input{padding:var(--spacing-sm);border-radius:var(--border-radius-md);color:#d8cbb8;resize:none;background:rgba(25,20,16,.6);border:1px solid rgba(120,90,50,.2);outline:none;flex:1;max-height:100px;font-family:inherit;font-size:14px;transition:border-color .3s,box-shadow .3s}.chat-room-input:focus{border-color:rgba(180,140,80,.4);box-shadow:0 0 8px rgba(180,140,80,.1)}.chat-room-input::placeholder{color:rgba(180,160,130,.35)}.chat-room-send-btn{padding:var(--spacing-sm) var(--spacing-md);color:#b48c50;border-radius:var(--border-radius-md);cursor:pointer;background:linear-gradient(135deg,#5a4020 0%,#3d2a14 100%);border:1px solid rgba(180,140,80,.25);justify-content:center;align-items:center;min-width:40px;font-size:16px;transition:all .25s;display:flex;box-shadow:0 2px 4px rgba(0,0,0,.3)}.chat-room-send-btn:hover:not(:disabled){background:linear-gradient(135deg,#6e4e28 0%,#5a4020 100%);border-color:rgba(180,140,80,.4);box-shadow:0 2px 8px rgba(180,140,80,.15)}.chat-room-send-btn:active:not(:disabled){transform:translateY(1px)}.chat-room-send-btn:disabled{opacity:.3;cursor:not-allowed}.chat-room-char-count{text-align:right;color:rgba(180,160,130,.3);font-variant-numeric:tabular-nums;margin-top:4px;font-size:11px}.chat-room-sidebar{width:160px;min-width:160px;padding:var(--spacing-sm);border-radius:var(--border-radius-md);background:radial-gradient(80% 30% at 50% 0,rgba(180,140,80,.06) 0%,transparent 70%),linear-gradient(rgba(40,32,24,.5) 0%,rgba(30,24,18,.6) 100%);border:1px solid rgba(120,90,50,.2);flex-direction:column;display:flex;box-shadow:inset 0 0 20px rgba(0,0,0,.3)}.chat-room-abandon{margin-top:auto}.chat-options-panel{gap:var(--spacing-xs);border-radius:var(--border-radius-md);width:220px;min-width:220px;padding:var(--spacing-sm);scrollbar-width:thin;scrollbar-color:rgba(120,90,50,.3) transparent;background:radial-gradient(80% 25% at 50% 0,rgba(180,140,80,.06) 0%,transparent 60%),repeating-linear-gradient(0deg,rgba(80,65,45,.04) 0,transparent 1px,transparent 5px),linear-gradient(rgba(40,32,24,.7) 0%,rgba(25,20,16,.8) 100%);border:1px solid rgba(120,90,50,.2);flex-direction:column;display:flex;overflow-y:auto;box-shadow:inset 0 0 25px rgba(0,0,0,.3),0 0 10px rgba(0,0,0,.2)}.chat-options-header{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);margin-bottom:var(--spacing-xs);border-bottom:1px solid rgba(120,90,50,.25);display:flex}.chat-options-icon{color:#b48c50;font-size:18px;animation:3s ease-in-out infinite torch-flicker}.chat-options-title{color:#b48c50;text-transform:uppercase;letter-spacing:1px;font-size:14px;font-weight:700}.chat-options-list{flex-direction:column;gap:4px;display:flex}.chat-option-btn{align-items:center;gap:var(--spacing-sm);border-radius:var(--border-radius-sm);color:rgba(200,190,170,.8);cursor:pointer;text-align:left;background:rgba(0,0,0,.2);border:1px solid rgba(120,90,50,.12);width:100%;padding:8px 10px;font-size:13px;line-height:1.3;transition:all .25s;display:flex}.chat-option-btn:hover{color:#e0d4c0;background:rgba(120,90,50,.15);border-color:rgba(180,140,80,.3);box-shadow:0 0 8px rgba(180,140,80,.08)}.chat-option-btn:active{background:rgba(120,90,50,.2);transform:translateY(1px)}.chat-option-number{color:#b48c50;font-variant-numeric:tabular-nums;background:rgba(180,140,80,.15);border:1px solid rgba(180,140,80,.25);border-radius:50%;justify-content:center;align-items:center;width:22px;min-width:22px;height:22px;font-size:11px;font-weight:700;display:flex}.chat-option-text{flex:1}.chat-layout{gap:var(--spacing-md);flex-direction:row;width:100%;height:100%;display:flex}.insanity-compact{border-radius:var(--border-radius-sm,.375rem);background:rgba(0,0,0,.4);border:1px solid rgba(255,255,255,.06);align-items:center;gap:8px;padding:6px 10px;transition:all .3s;display:flex}.insanity-compact__icon{flex-shrink:0;font-size:.875rem}.insanity-compact__track{background:rgba(255,255,255,.06);border-radius:4px;flex:1;height:8px;position:relative;overflow:hidden}.insanity-compact__fill{border-radius:4px;height:100%;transition:width .5s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.insanity-compact__value{font-variant-numeric:tabular-nums;text-align:right;flex-shrink:0;min-width:32px;font-size:.75rem;font-weight:700}.insanity-compact__cracks{pointer-events:none;background:linear-gradient(135deg,transparent 40%,rgba(0,0,0,.3) 41%,transparent 42%),linear-gradient(-135deg,transparent 55%,rgba(0,0,0,.2) 56%,transparent 57%),linear-gradient(90deg,transparent 70%,rgba(0,0,0,.25) 71%,transparent 72%);position:absolute;top:0;bottom:0;left:0;right:0}.insanity-compact.tier-sane{border-color:rgba(63,185,80,.15)}.insanity-compact.tier-sane .insanity-compact__fill{background:linear-gradient(90deg,#2ea043,#3fb950)}.insanity-compact.tier-sane .insanity-compact__value{color:#3fb950}.insanity-compact.tier-low{border-color:rgba(63,185,80,.2)}.insanity-compact.tier-low .insanity-compact__fill{background:linear-gradient(90deg,#3fb950,#56d364)}.insanity-compact.tier-low .insanity-compact__value{color:#3fb950}.insanity-compact.tier-minor{border-color:rgba(210,153,34,.2)}.insanity-compact.tier-minor .insanity-compact__fill{background:linear-gradient(90deg,#d29922,#e3b341)}.insanity-compact.tier-minor .insanity-compact__value{color:#d29922}.insanity-compact.tier-major{border-color:rgba(248,81,73,.25)}.insanity-compact.tier-major .insanity-compact__fill{background:linear-gradient(90deg,#da3633,#f85149)}.insanity-compact.tier-major .insanity-compact__value{color:#f85149}.insanity-compact.tier-critical{border-color:rgba(163,113,247,.3);animation:2s ease-in-out infinite insanity-border-flicker}.insanity-compact.tier-critical .insanity-compact__fill{background:linear-gradient(90deg,#8b5cf6,#a371f7,#ec4899);animation:1s ease-in-out infinite insanity-fill-pulse}.insanity-compact.tier-critical .insanity-compact__value{color:#a371f7}.insanity-compact.flash{box-shadow:0 0 16px rgba(248,81,73,.5)}.insanity-meter{border-radius:var(--border-radius-lg,.75rem);background:rgba(10,11,14,.92);border:1px solid rgba(255,255,255,.06);flex-direction:column;gap:8px;padding:14px 16px;transition:all .3s;display:flex;position:relative;overflow:hidden}.insanity-meter__corruption-bg{pointer-events:none;z-index:0;border-radius:inherit;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.insanity-meter__noise{opacity:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.03'/%3E%3C/svg%3E");width:200%;height:200%;transition:opacity .5s;position:absolute;top:-50%;bottom:-50%;left:-50%;right:-50%}.insanity-meter.tier-minor .insanity-meter__noise{opacity:.3}.insanity-meter.tier-major .insanity-meter__noise{opacity:.5}.insanity-meter.tier-critical .insanity-meter__noise{opacity:.7}.insanity-meter__glitch{background:linear-gradient(transparent 4%,rgba(163,113,247,.08) 4%,rgba(163,113,247,.08) 5%,transparent 5%);animation:3s linear infinite insanity-glitch-scroll;position:absolute;top:0;bottom:0;left:0;right:0}@keyframes insanity-glitch-scroll{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}.insanity-meter.tier-sane{border-color:rgba(63,185,80,.15)}.insanity-meter.tier-low{border-color:rgba(63,185,80,.2)}.insanity-meter.tier-minor{border-color:rgba(210,153,34,.25);box-shadow:inset 0 0 20px rgba(210,153,34,.04)}.insanity-meter.tier-major{border-color:rgba(248,81,73,.3);box-shadow:inset 0 0 30px rgba(248,81,73,.06)}.insanity-meter.tier-critical{border-color:rgba(163,113,247,.4);animation:1.5s ease-in-out infinite insanity-border-flicker;box-shadow:inset 0 0 40px rgba(163,113,247,.08)}@keyframes insanity-border-flicker{0%,to{border-color:rgba(163,113,247,.3)}25%{border-color:rgba(236,72,153,.4)}50%{border-color:rgba(163,113,247,.5)}75%{border-color:rgba(139,92,246,.35)}}.insanity-meter.flash{box-shadow:0 0 24px rgba(248,81,73,.4)}.insanity-meter__header{z-index:1;align-items:center;gap:8px;display:flex;position:relative}.insanity-meter__icon{filter:drop-shadow(0 1px 3px rgba(0,0,0,.8));font-size:1.25rem}.insanity-meter__title-group{flex:1;align-items:baseline;gap:8px;display:flex}.insanity-meter__title{color:var(--secondary-text,#e0e0e0);text-transform:uppercase;letter-spacing:1px;font-size:.8rem;font-weight:700}.insanity-meter__tier-label{text-transform:uppercase;letter-spacing:.5px;font-size:.7rem;font-weight:600}.tier-text-sane{color:#3fb950}.tier-text-low{color:#56d364}.tier-text-minor{color:#d29922}.tier-text-major{color:#f85149}.tier-text-critical{color:#a371f7;animation:.8s ease-in-out infinite insanity-text-flicker}@keyframes insanity-text-flicker{0%,to{opacity:1}50%{opacity:.7}75%{opacity:1}87%{opacity:.85}}.insanity-meter__percentage{font-variant-numeric:tabular-nums;letter-spacing:-.5px;font-size:1.1rem;font-weight:800}.tier-sane .insanity-meter__percentage,.tier-low .insanity-meter__percentage{color:#3fb950}.tier-minor .insanity-meter__percentage{color:#d29922}.tier-major .insanity-meter__percentage{color:#f85149}.tier-critical .insanity-meter__percentage{color:#a371f7;text-shadow:0 0 10px rgba(163,113,247,.5)}.insanity-meter__gauge{z-index:1;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06);border-radius:10px;height:20px;position:relative;overflow:hidden}.insanity-meter__thresholds{z-index:3;pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.threshold-mark{background:rgba(255,255,255,.15);width:1px;position:absolute;top:0;bottom:0}.insanity-meter__fill{z-index:1;border-radius:10px;transition:width .5s cubic-bezier(.4,0,.2,1);position:absolute;top:0;bottom:0;left:0;overflow:hidden}.tier-sane .insanity-meter__fill{background:linear-gradient(90deg,#1a7f37,#2ea043,#3fb950)}.tier-low .insanity-meter__fill{background:linear-gradient(90deg,#2ea043,#3fb950,#56d364)}.tier-minor .insanity-meter__fill{background:linear-gradient(90deg,#3fb950,#9a6700,#d29922,#e3b341)}.tier-major .insanity-meter__fill{background:linear-gradient(90deg,#d29922,#cf222e,#da3633,#f85149)}.tier-critical .insanity-meter__fill{background:linear-gradient(90deg,#f85149,#8b5cf6,#a371f7,#ec4899)}.insanity-meter__pulse{background:linear-gradient(90deg,transparent 60%,rgba(255,255,255,.1) 80%,transparent 100%);animation:2s ease-in-out infinite insanity-shimmer;position:absolute;top:0;bottom:0;left:0;right:0}.tier-sane .insanity-meter__pulse,.tier-low .insanity-meter__pulse{opacity:0;animation:none}.tier-critical .insanity-meter__pulse{background:linear-gradient(90deg,transparent 40%,rgba(255,255,255,.15) 60%,transparent 80%);animation-duration:.8s}@keyframes insanity-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.insanity-meter__crack-lines{pointer-events:none;z-index:2;background:linear-gradient(125deg,transparent 30%,rgba(0,0,0,.3) 30.5%,transparent 31%),linear-gradient(-70deg,transparent 50%,rgba(0,0,0,.2) 50.5%,transparent 51%),linear-gradient(80deg,transparent 65%,rgba(0,0,0,.25) 65.5%,transparent 66%),linear-gradient(-130deg,transparent 20%,rgba(0,0,0,.15) 20.5%,transparent 21%);position:absolute;top:0;bottom:0;left:0;right:0}.insanity-meter__drip{z-index:3;border-radius:0 0 2px 2px;width:4px;height:8px;position:absolute;bottom:-2px;right:10%}.tier-major .insanity-meter__drip{background:#f85149;animation:3s ease-in infinite insanity-drip;box-shadow:0 2px 6px rgba(248,81,73,.4)}.tier-critical .insanity-meter__drip{background:#a371f7;animation:1.5s ease-in infinite insanity-drip;box-shadow:0 2px 6px rgba(163,113,247,.5)}@keyframes insanity-drip{0%{opacity:0;height:0}30%{opacity:1;height:8px}to{opacity:0;height:20px;transform:translateY(12px)}}.insanity-meter__ticks{z-index:4;pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.insanity-meter__tick{background:rgba(255,255,255,.1);width:1px;height:4px;transition:background .3s;position:absolute;top:0}.insanity-meter__tick.passed{background:rgba(255,255,255,.25)}.insanity-meter__escalation{z-index:1;justify-content:space-between;align-items:center;font-size:.65rem;display:flex;position:relative}.insanity-meter__escalation-label{color:var(--secondary-text,#e0e0e0);opacity:.6;text-transform:uppercase;letter-spacing:.5px}.insanity-meter__escalation-value{font-family:SF Mono,Menlo,Consolas,monospace;font-weight:700}.tier-sane .insanity-meter__escalation-value,.tier-low .insanity-meter__escalation-value{color:#3fb950}.tier-minor .insanity-meter__escalation-value{color:#d29922}.tier-major .insanity-meter__escalation-value{color:#f85149}.tier-critical .insanity-meter__escalation-value{color:#a371f7}.insanity-meter__warning{text-align:center;z-index:1;padding-top:4px;position:relative}.insanity-meter__warning-text{color:#a371f7;text-transform:uppercase;letter-spacing:1px;font-size:.7rem;font-weight:700;animation:1.2s ease-in-out infinite insanity-warning-pulse}@keyframes insanity-warning-pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes insanity-fill-pulse{0%,to{filter:brightness();box-shadow:inset 0 0 10px rgba(163,113,247,.2)}50%{filter:brightness(1.2);box-shadow:inset 0 0 20px rgba(163,113,247,.4)}}@media (prefers-reduced-motion:reduce){.insanity-meter,.insanity-meter *,.insanity-compact,.insanity-compact *{transition-duration:0s!important;animation:none!important}}.story-details{gap:var(--spacing-xs,.5rem);height:100%;padding:var(--spacing-xs,.5rem);background:radial-gradient(at 30% 0,rgba(60,180,78,.04) 0%,transparent 50%),radial-gradient(at 70% 100%,rgba(60,180,78,.03) 0%,transparent 50%),#0a0b0e;grid-template-rows:1fr auto;grid-template-areas:"story""menu";font-family:DM Sans,sans-serif;display:grid;position:relative}.story-details:before{content:"";mix-blend-mode:overlay;pointer-events:none;z-index:0;background:repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(255,255,255,.008) 3px,rgba(255,255,255,.008) 4px);position:absolute;top:0;bottom:0;left:0;right:0}.story-details>*{z-index:1;position:relative}.story-details__text{scrollbar-width:thin;scrollbar-color:var(--focus-color,#3cb44e) transparent;grid-area:story;overflow-y:auto}.story-details__text::-webkit-scrollbar{width:6px}.story-details__text::-webkit-scrollbar-track{background:0 0}.story-details__text::-webkit-scrollbar-thumb{background:var(--focus-color,#3cb44e);border-radius:3px}.story-details__text-content{background:var(--secondary-bg,rgba(0,0,0,.85));border-radius:var(--border-radius-lg,.75rem);padding:var(--spacing-md,1.5rem);border:1px solid var(--border-color,#333);-webkit-backdrop-filter:blur(10px)}.story-details__narrative{font-size:var(--font-size-md,1.5rem);color:var(--primary-text,#fff);white-space:pre-line;text-shadow:1px 1px 2px rgba(0,0,0,.8);margin:0;line-height:1.6}.story-details__character{scrollbar-width:thin;scrollbar-color:var(--focus-color,#3cb44e) transparent;grid-area:character;overflow-x:hidden;overflow-y:auto}.story-details__character::-webkit-scrollbar{width:6px}.story-details__character::-webkit-scrollbar-track{background:0 0}.story-details__character::-webkit-scrollbar-thumb{background:var(--focus-color,#3cb44e);border-radius:3px}.character-insanity-meter{margin-top:var(--spacing-xs,.5rem)}.story-details__menu{grid-area:menu}.story-details__menu-btn{justify-content:center;align-items:center;gap:var(--spacing-xs,.5rem);width:100%;padding:var(--spacing-xs,.5rem) var(--spacing-sm,1rem);background:var(--shell-glass-bg,rgba(0,0,0,.6));border:1px solid var(--shell-glass-border,rgba(255,255,255,.08));border-radius:var(--border-radius-md,.5rem);color:var(--secondary-text,#e0e0e0);font-size:var(--font-size-sm,1.25rem);cursor:pointer;min-height:var(--shell-touch-min,44px);-webkit-backdrop-filter:blur(var(--shell-glass-blur,12px));transition:all .15s;display:flex}.story-details__menu-btn:hover{background:var(--hover-bg,rgba(60,180,78,.2));color:var(--primary-text,#fff)}.story-details__menu-btn:focus-visible{outline:2px solid var(--focus-color,#3cb44e);outline-offset:-2px}.story-details__menu-btn[aria-expanded=true]{color:var(--accent-text,#3cb44e);border-color:var(--accent-text,#3cb44e)}.story-details__menu-content{scrollbar-width:thin;scrollbar-color:var(--focus-color,#3cb44e) transparent;max-height:40vh;padding:var(--spacing-xs,.5rem) 0;gap:var(--spacing-xs,.5rem);grid-template-columns:repeat(auto-fill,minmax(240px,1fr));display:grid;overflow-y:auto}.story-details__menu-content::-webkit-scrollbar{width:6px}.story-details__menu-content::-webkit-scrollbar-track{background:0 0}.story-details__menu-content::-webkit-scrollbar-thumb{background:var(--focus-color,#3cb44e);border-radius:3px}@keyframes dcCardReveal{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.story-details>*{animation:.4s ease-out both dcCardReveal}.story-details>:nth-child(2){animation-delay:80ms}.story-details>:nth-child(3){animation-delay:.16s}@media (prefers-reduced-motion:reduce){.story-details>*{animation:none}}@media (min-width:1024px){.story-details{grid-template:"story character"1fr"menu menu"/1fr 300px}}@media (min-width:1920px){.story-details{grid-template-columns:1fr 380px}}@media (max-width:1023px){.story-details{grid-template-rows:auto auto auto;grid-template-areas:"story""character""menu"}.story-details__character{max-height:30vh}.story-details__menu-content{grid-template-columns:1fr}}@media (pointer:coarse){.story-details__menu-btn{min-height:48px}}@media (prefers-reduced-motion:reduce){.story-details,.story-details *{transition-duration:0s!important;animation-duration:0s!important}}.dc-inventory{gap:var(--spacing-xs,.5rem);padding:var(--spacing-md,1.5rem);border:1px solid var(--border-color,#333);border-radius:var(--border-radius-lg,.75rem);-webkit-backdrop-filter:blur(12px);scrollbar-width:thin;scrollbar-color:var(--focus-color,#3cb44e) transparent;background:radial-gradient(at 50% 0,rgba(60,180,78,.04) 0%,transparent 60%),rgba(10,11,14,.95);flex-direction:column;max-height:80vh;display:flex;overflow-y:auto}.inv-header{justify-content:space-between;align-items:center;display:flex}.inv-header__title-group{align-items:baseline;gap:10px;display:flex}.inv-header__title{color:var(--primary-text,#fff);letter-spacing:.3px;text-shadow:0 0 10px rgba(60,180,78,.2);margin:0;font-family:Cinzel,Playfair Display,DM Sans,serif;font-size:max(1.1rem,min(2.5vw,1.5rem));font-weight:800}.inv-header__capacity{font-variant-numeric:tabular-nums;font-size:.85rem;font-weight:700}.inv-header__close{border:1px solid var(--border-color,#333);color:var(--secondary-text,#e0e0e0);cursor:pointer;background:0 0;border-radius:50%;width:36px;height:36px;font-size:1rem;transition:all .15s}.inv-header__close:hover{color:#f85149;background:rgba(248,81,73,.1);border-color:#f85149}.inv-capacity-bar{background:rgba(255,255,255,.06);border-radius:2px;height:3px;overflow:hidden}.inv-capacity-bar__fill{border-radius:2px;height:100%;transition:width .3s,background .3s}.inv-filters{border-radius:var(--border-radius-sm,.375rem);background:rgba(0,0,0,.3);gap:3px;padding:3px;display:flex}.inv-filter-tab{color:var(--secondary-text,#e0e0e0);cursor:pointer;border-radius:var(--border-radius-sm,.375rem);background:0 0;border:none;flex:1;justify-content:center;align-items:center;gap:4px;padding:6px 4px;font-size:.7rem;font-weight:600;transition:all .15s;display:flex}.inv-filter-tab:hover{color:var(--primary-text,#fff);background:rgba(60,180,78,.1)}.inv-filter-tab.active{color:var(--focus-color,#3cb44e);background:rgba(60,180,78,.15)}.inv-filter-tab__label{display:none}@media (min-width:480px){.inv-filter-tab__label{display:inline}}.inv-grid{grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:4px;padding:4px 0;display:grid}@media (min-width:480px){.inv-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:6px}}@media (min-width:768px){.inv-grid{grid-template-columns:repeat(5,1fr)}}.inv-slot{aspect-ratio:1;border:2px solid var(--inv-slot-color,#222);cursor:pointer;background:rgba(0,0,0,.5);border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-height:64px;padding:6px 4px;transition:all .15s;display:flex;position:relative;overflow:hidden}.inv-slot.empty{opacity:.4;border-style:dashed;border-color:rgba(255,255,255,.06)}.inv-slot.empty:hover{opacity:.6}.inv-slot__empty-icon{color:rgba(255,255,255,.15);font-size:1rem;font-weight:300}.inv-slot.occupied:hover{box-shadow:0 4px 12px var(--inv-slot-glow,rgba(0,0,0,.3));border-color:var(--primary-text,#fff);transform:translateY(-2px)}.inv-slot.selected{box-shadow:0 0 12px var(--inv-slot-glow,rgba(60,180,78,.3)), inset 0 0 20px rgba(60,180,78,.08);transform:translateY(-2px)scale(1.03);border-color:var(--focus-color,#3cb44e)!important}.inv-slot.equipped-indicator:before{content:"";background:var(--focus-color,#3cb44e);z-index:2;height:2px;position:absolute;top:0;left:0;right:0}.inv-slot__icon{filter:drop-shadow(0 1px 2px rgba(0,0,0,.8));z-index:1;font-size:1.25rem}.inv-slot__name{color:var(--inv-slot-color,var(--primary-text,#fff));text-align:center;text-overflow:ellipsis;white-space:nowrap;z-index:1;max-width:100%;font-size:.5rem;font-weight:600;line-height:1.1;overflow:hidden}.inv-slot__qty{min-width:16px;height:16px;color:var(--primary-text,#fff);z-index:2;font-variant-numeric:tabular-nums;background:rgba(0,0,0,.8);border:1px solid rgba(255,255,255,.15);border-radius:8px;justify-content:center;align-items:center;padding:0 4px;font-size:.55rem;font-weight:700;display:flex;position:absolute;top:3px;right:3px}.inv-slot__equipped-badge{background:var(--focus-color,#3cb44e);color:#0a0b0e;z-index:2;border-radius:50%;justify-content:center;align-items:center;width:14px;height:14px;font-size:.5rem;font-weight:800;display:flex;position:absolute;bottom:3px;left:3px}.inv-slot__rarity-strip{background:var(--inv-slot-color,transparent);height:2px;box-shadow:0 0 6px var(--inv-slot-glow,transparent);z-index:1;position:absolute;bottom:0;left:0;right:0}.inv-action-bar{align-items:center;gap:var(--spacing-sm,1rem);border:1px solid var(--border-color,#333);border-radius:var(--border-radius-md,.5rem);backdrop-filter:blur(8px);background:rgba(0,0,0,.6);padding:10px 12px;display:flex}.inv-action-bar__info{flex:1;min-width:0}.inv-action-bar__name{text-overflow:ellipsis;white-space:nowrap;font-size:.85rem;font-weight:700;display:block;overflow:hidden}.inv-action-bar__rarity{color:var(--secondary-text,#e0e0e0);text-transform:uppercase;letter-spacing:.5px;font-size:.65rem}.inv-action-bar__desc{color:var(--secondary-text,#e0e0e0);opacity:.7;margin:4px 0 0;font-size:.65rem;line-height:1.3}.inv-action-bar__buttons{flex-shrink:0;gap:4px;display:flex}.inv-action-btn{border:1px solid var(--border-color,#333);border-radius:var(--border-radius-sm,.375rem);text-transform:uppercase;letter-spacing:.5px;cursor:pointer;color:var(--primary-text,#fff);background:rgba(0,0,0,.4);padding:6px 14px;font-size:.7rem;font-weight:700;transition:all .15s}.inv-action-btn:hover{transform:translateY(-1px)}.inv-action-btn.equip{color:#3fb950;border-color:rgba(60,180,78,.3)}.inv-action-btn.equip:hover{background:rgba(60,180,78,.15);border-color:#3fb950;box-shadow:0 2px 8px rgba(60,180,78,.25)}.inv-action-btn.use{color:#58a6ff;border-color:rgba(88,166,255,.3)}.inv-action-btn.use:hover{background:rgba(88,166,255,.15);border-color:#58a6ff;box-shadow:0 2px 8px rgba(88,166,255,.25)}.inv-action-btn.drop{color:#f85149;border-color:rgba(248,81,73,.2)}.inv-action-btn.drop:hover{background:rgba(248,81,73,.1);border-color:#f85149;box-shadow:0 2px 8px rgba(248,81,73,.2)}@media (prefers-reduced-motion:reduce){.dc-inventory,.dc-inventory *{transition-duration:0s!important;animation-duration:0s!important}}.dc-character-sheet{gap:var(--spacing-xs,.5rem);padding:var(--spacing-md,1.5rem);border:1px solid var(--border-color,#333);border-radius:var(--border-radius-lg,.75rem);-webkit-backdrop-filter:blur(12px);scrollbar-width:thin;scrollbar-color:var(--focus-color,#3cb44e) transparent;background:radial-gradient(at 20% 10%,rgba(60,180,78,.06) 0%,transparent 50%),radial-gradient(at 80% 90%,rgba(60,180,78,.04) 0%,transparent 50%),rgba(10,11,14,.95);flex-direction:column;max-height:80vh;display:flex;position:relative;overflow-y:auto}.dc-character-sheet:before{content:"";mix-blend-mode:overlay;pointer-events:none;z-index:0;border-radius:inherit;background:repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(255,255,255,.008) 3px,rgba(255,255,255,.008) 4px);position:absolute;top:0;bottom:0;left:0;right:0}.dc-character-sheet>*{z-index:1;position:relative}.cs-header{justify-content:space-between;align-items:flex-start;gap:var(--spacing-sm,1rem);display:flex}.cs-header__identity{flex:1;min-width:0}.cs-header__name{color:var(--primary-text,#fff);letter-spacing:.5px;text-shadow:0 0 12px rgba(60,180,78,.25),1px 1px 2px rgba(0,0,0,.8);margin:0;font-family:Cinzel,Playfair Display,DM Sans,serif;font-size:max(1.25rem,min(3vw,1.75rem));font-weight:800;line-height:1.2}.cs-header__badges{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.cs-badge{text-transform:uppercase;letter-spacing:.8px;border-radius:9999px;padding:2px 10px;font-size:.7rem;font-weight:700;display:inline-block}.cs-badge--level{background:linear-gradient(135deg, var(--focus-color,#3cb44e), #4cc55a);color:#0a0b0e;box-shadow:0 2px 8px rgba(60,180,78,.4)}.cs-badge--class{color:#58a6ff;background:rgba(88,166,255,.15);border:1px solid rgba(88,166,255,.3)}.cs-badge--race{color:#a371f7;background:rgba(163,113,247,.15);border:1px solid rgba(163,113,247,.3)}.cs-badge--difficulty{color:var(--badge-color,#3fb950);border:1px solid var(--badge-color,#3fb950);background:rgba(255,255,255,.06)}.cs-header__close{border:1px solid var(--border-color,#333);color:var(--secondary-text,#e0e0e0);cursor:pointer;background:0 0;border-radius:50%;flex-shrink:0;width:36px;height:36px;font-size:1rem;transition:all .15s}.cs-header__close:hover{color:#f85149;background:rgba(248,81,73,.1);border-color:#f85149}.cs-hp-strip{align-items:center;gap:var(--spacing-xs,.5rem);border-radius:var(--border-radius-sm,.375rem);background:rgba(0,0,0,.4);border:1px solid rgba(248,81,73,.2);padding:6px 10px;display:flex}.cs-hp-strip__info{white-space:nowrap;align-items:center;gap:6px;min-width:fit-content;display:flex}.cs-hp-strip__icon{font-size:.875rem}.cs-hp-strip__text{color:var(--primary-text,#fff);font-variant-numeric:tabular-nums;font-size:.8rem;font-weight:700}.cs-hp-strip__bar{background:rgba(255,255,255,.08);border-radius:4px;flex:1;height:8px;overflow:hidden}.cs-hp-strip__fill{border-radius:4px;height:100%;transition:width .4s ease-out;box-shadow:0 0 6px}.cs-insanity-strip{align-items:center;gap:var(--spacing-xs,.5rem);border-radius:var(--border-radius-sm,.375rem);background:rgba(0,0,0,.4);border:1px solid rgba(163,113,247,.2);padding:5px 10px;transition:all .3s;display:flex}.cs-insanity-strip.low{border-color:rgba(63,185,80,.3)}.cs-insanity-strip.minor{border-color:rgba(210,153,34,.3)}.cs-insanity-strip.major{background:rgba(248,81,73,.05);border-color:rgba(248,81,73,.3)}.cs-insanity-strip.critical{background:rgba(163,113,247,.08);border-color:rgba(163,113,247,.5);animation:1.5s ease-in-out infinite insanity-pulse-strip}@keyframes insanity-pulse-strip{0%,to{box-shadow:0 0 4px rgba(163,113,247,.2)}50%{box-shadow:0 0 12px rgba(163,113,247,.4)}}.cs-insanity-strip__icon{font-size:.875rem}.cs-insanity-strip__text{color:var(--secondary-text,#e0e0e0);white-space:nowrap;font-size:.75rem;font-weight:600}.cs-insanity-strip__bar{background:rgba(255,255,255,.06);border-radius:3px;flex:1;height:6px;overflow:hidden}.cs-insanity-strip__fill{background:linear-gradient(90deg,#3fb950,#d29922 40%,#f85149 70%,#a371f7 100%);border-radius:3px;height:100%;transition:width .4s ease-out}.cs-tabs{border-radius:var(--border-radius-md,.5rem);background:rgba(0,0,0,.3);gap:4px;padding:3px;display:flex}.cs-tab{color:var(--secondary-text,#e0e0e0);cursor:pointer;border-radius:var(--border-radius-sm,.375rem);text-align:center;background:0 0;border:none;flex:1;padding:8px 4px;font-size:.8rem;font-weight:600;transition:all .15s}.cs-tab:hover{color:var(--primary-text,#fff);background:rgba(60,180,78,.1)}.cs-tab.active{color:var(--focus-color,#3cb44e);box-shadow:inset 0 -2px 0 var(--focus-color,#3cb44e);background:rgba(60,180,78,.15)}.cs-tab-content{flex:1;min-height:0;overflow-y:auto}.cs-paperdoll{padding:var(--spacing-sm,1rem) 0;grid-template-rows:repeat(6,auto);grid-template-columns:1fr 1fr 1fr;grid-template-areas:".head.""shoulder chest necklace""mainhand hands offhand""ring belt aux"".legs.""feet cloak ranged"".hat.";gap:6px;max-width:420px;margin:0 auto;display:grid}.equip-slot{border:2px solid var(--slot-border,#333);cursor:pointer;background:rgba(0,0,0,.5);border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-height:64px;padding:8px 4px;transition:all .2s;display:flex;position:relative;overflow:hidden}.equip-slot.empty{opacity:.6;border-style:dashed}.equip-slot.empty:hover{opacity:.9;border-color:var(--focus-color,#3cb44e)}.equip-slot.equipped{box-shadow:0 0 8px var(--slot-glow,rgba(60,180,78,.3))}.equip-slot.equipped:hover{box-shadow:0 4px 16px var(--slot-glow,rgba(60,180,78,.5));border-color:var(--primary-text,#fff);transform:translateY(-2px)}.equip-slot.equipped:after{content:"";border-radius:inherit;background:radial-gradient(circle at center, var(--slot-glow,transparent) 0%, transparent 70%);opacity:.4;z-index:0;pointer-events:none;position:absolute;top:-1px;bottom:-1px;left:-1px;right:-1px}.equip-slot__icon{z-index:1;filter:drop-shadow(0 1px 3px rgba(0,0,0,.8));font-size:1.25rem;position:relative}.equip-slot__label{color:var(--secondary-text,#e0e0e0);text-transform:uppercase;letter-spacing:.5px;z-index:1;font-size:.6rem;font-weight:600;position:relative}.equip-slot__name{color:var(--slot-border,var(--primary-text,#fff));text-align:center;text-overflow:ellipsis;white-space:nowrap;z-index:1;max-width:100%;font-size:.55rem;font-weight:500;line-height:1.2;position:relative;overflow:hidden}.equip-slot__rarity-dot{background:var(--slot-border,#3cb44e);width:6px;height:6px;box-shadow:0 0 4px var(--slot-glow,rgba(60,180,78,.5));z-index:1;border-radius:50%;position:absolute;top:4px;right:4px}.cs-set-bonuses{padding:var(--spacing-xs,.5rem) 0}.cs-section-title{margin:0 0 var(--spacing-xs,.5rem);color:var(--focus-color,#3cb44e);text-transform:uppercase;letter-spacing:1px;border-bottom:1px solid rgba(60,180,78,.2);padding-bottom:4px;font-size:.75rem;font-weight:700}.cs-set-bonus-row{justify-content:space-between;align-items:center;padding:4px 0;font-size:.75rem;display:flex}.cs-set-bonus-row__name{color:var(--secondary-text,#e0e0e0);text-transform:capitalize}.cs-set-bonus-row__pieces{color:var(--focus-color,#3cb44e);font-weight:700}.cs-stat-section{padding:var(--spacing-xs,.5rem) 0}.cs-stat-section+.cs-stat-section{border-top:1px solid rgba(255,255,255,.06)}.cs-stat-row{grid-template-rows:auto auto;grid-template-columns:24px 1fr auto;align-items:center;gap:0 8px;padding:5px 0;display:grid}.cs-stat-row__icon{text-align:center;filter:drop-shadow(0 1px 2px rgba(0,0,0,.8));grid-row:1/-1;font-size:.875rem}.cs-stat-row__label{color:var(--secondary-text,#e0e0e0);text-transform:uppercase;letter-spacing:.3px;font-size:.7rem;font-weight:600}.cs-stat-row__value{color:var(--stat-accent,var(--primary-text,#fff));font-variant-numeric:tabular-nums;text-align:right;font-size:.8rem;font-weight:700}.cs-stat-row__bar{background:rgba(255,255,255,.06);border-radius:2px;grid-column:2/-1;height:4px;overflow:hidden}.cs-stat-row__bar-fill{background:var(--stat-accent,var(--focus-color,#3cb44e));border-radius:2px;height:100%;transition:width .3s}.cs-effects-wrap{flex-wrap:wrap;gap:4px;display:flex}.effect-badge{border-radius:9999px;align-items:center;gap:3px;padding:2px 8px;font-size:.65rem;font-weight:600;display:inline-flex}.effect-badge.buff{color:#3fb950;background:rgba(63,185,80,.12);border:1px solid rgba(63,185,80,.3)}.effect-badge.debuff{color:#f85149;background:rgba(248,81,73,.12);border:1px solid rgba(248,81,73,.3)}.effect-badge__icon{font-size:.6rem}.effect-badge__text{text-overflow:ellipsis;white-space:nowrap;max-width:100px;overflow:hidden}.effect-badge__stacks{opacity:.7}.cs-companions-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:6px;display:grid}.companion-slot{border:1px solid var(--border-color,#333);border-radius:var(--border-radius-sm,.375rem);background:rgba(0,0,0,.4);align-items:center;gap:8px;padding:8px 10px;transition:all .15s;display:flex}.companion-slot.active{border-color:rgba(60,180,78,.3)}.companion-slot.active:hover{border-color:var(--focus-color,#3cb44e);box-shadow:0 2px 8px rgba(60,180,78,.2)}.companion-slot.empty{opacity:.4;border-style:dashed}.companion-slot__number{width:20px;height:20px;color:var(--focus-color,#3cb44e);background:rgba(60,180,78,.15);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.65rem;font-weight:700;display:flex}.companion-slot__name{color:var(--primary-text,#fff);text-overflow:ellipsis;white-space:nowrap;font-size:.7rem;font-weight:600;overflow:hidden}.companion-slot__empty{color:var(--secondary-text,#e0e0e0);font-size:.65rem;font-style:italic}.cs-gods-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px;display:grid}.god-slot{border:1px solid var(--border-color,#333);border-radius:var(--border-radius-sm,.375rem);background:rgba(0,0,0,.4);flex-direction:column;align-items:center;gap:4px;padding:10px;transition:all .15s;display:flex}.god-slot.active{border-color:rgba(210,153,34,.3)}.god-slot.active:hover{border-color:#d29922;box-shadow:0 2px 8px rgba(210,153,34,.25)}.god-slot.empty{opacity:.3;border-style:dashed}.god-slot__icon{font-size:1.25rem}.god-slot__name{color:#d29922;text-transform:capitalize;font-size:.7rem;font-weight:700}.god-slot__empty{color:var(--secondary-text,#e0e0e0);font-size:.75rem}.god-slot__devotion-bar{background:rgba(255,255,255,.06);border-radius:2px;width:100%;height:4px;overflow:hidden}.god-slot__devotion-fill{background:linear-gradient(90deg,#d29922,#e3b341);border-radius:2px;height:100%;transition:width .3s}.cs-mount-card{border-radius:var(--border-radius-sm,.375rem);background:rgba(0,0,0,.4);border:1px solid rgba(139,69,19,.3);align-items:center;gap:10px;padding:10px;display:flex}.cs-mount-card__icon{font-size:1.5rem}.cs-mount-card__name{color:var(--primary-text,#fff);font-size:.8rem;font-weight:600}@media (max-width:480px){.cs-paperdoll{gap:4px}.equip-slot{min-height:52px;padding:4px 2px}.equip-slot__icon{font-size:1rem}.equip-slot__label{font-size:.5rem}.equip-slot__name{display:none}.cs-header__name{font-size:1.125rem}}@media (min-width:768px){.dc-character-sheet{max-width:480px}}@media (prefers-reduced-motion:reduce){.dc-character-sheet,.dc-character-sheet *{transition-duration:0s!important;animation-duration:0s!important}}:root{--shell-header-height:56px;--shell-input-height:60px;--shell-options-max-height:28vh;--shell-drawer-width:380px;--shell-touch-min:var(--touch-target-min,44px);--shell-glass-bg:rgba(0,0,0,.6);--shell-glass-border:rgba(255,255,255,.08);--shell-glass-blur:12px;--shell-safe-top:env(safe-area-inset-top,0px);--shell-safe-bottom:env(safe-area-inset-bottom,0px);--shell-safe-left:env(safe-area-inset-left,0px);--shell-safe-right:env(safe-area-inset-right,0px)}.game-shell{grid-template-rows:var(--shell-header-height) 1fr auto auto;width:100vw;height:100vh;background:var(--primary-bg,#0a0a0a);height:100dvh;color:var(--primary-text,#fff);padding-top:var(--shell-safe-top);padding-left:var(--shell-safe-left);padding-right:var(--shell-safe-right);grid-template-areas:"header""content""options""input";display:grid;position:relative;overflow:hidden}.game-shell__header{z-index:100;grid-area:header}.game-shell__content{scrollbar-width:thin;scrollbar-color:var(--focus-color,#3cb44e) var(--secondary-bg,rgba(0,0,0,.85));grid-area:content;position:relative;overflow-x:hidden;overflow-y:auto}.game-shell__content::-webkit-scrollbar{width:6px}.game-shell__content::-webkit-scrollbar-track{background:0 0}.game-shell__content::-webkit-scrollbar-thumb{background:var(--focus-color,#3cb44e);border-radius:3px}.game-shell__options{max-height:var(--shell-options-max-height);z-index:50;scrollbar-width:thin;scrollbar-color:var(--focus-color,#3cb44e) transparent;grid-area:options;overflow-y:auto;-webkit-mask-image:linear-gradient(#000 calc(100% - 12px),transparent 100%);mask-image:linear-gradient(#000 calc(100% - 12px),transparent 100%)}.game-shell__input{z-index:50;grid-area:input}.game-shell--alexa{grid-template-rows:var(--shell-header-height) 1fr auto;grid-template-areas:"header""content""options"}.game-shell--alexa .game-shell__input{display:none}.game-shell--discord,.game-shell--tv{grid-template-rows:var(--shell-header-height) 1fr auto auto}@media (min-width:1024px) and (max-width:1279px){:root{--shell-header-height:48px;--shell-input-height:52px}}@media (max-width:1023px){:root{--shell-header-height:48px;--shell-input-height:52px;--shell-drawer-width:100%;--shell-options-max-height:22vh}}@media (min-width:1920px){:root{--shell-header-height:64px;--shell-input-height:68px}}@media (min-width:3840px){:root{--shell-header-height:80px;--shell-input-height:80px}}@media (orientation:landscape) and (max-height:500px){:root{--shell-header-height:40px;--shell-options-max-height:18vh}}@media (pointer:coarse){:root{--shell-touch-min:48px}.game-shell{-webkit-touch-callout:none;user-select:none}.game-shell__content{user-select:text;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}}@media (max-width:374px){:root{--shell-header-height:44px;--shell-input-height:48px;--shell-options-max-height:20vh}}#outer-full-wrapper:has(.game-shell)>[aria-label="Report a Bug"]{bottom:calc(var(--shell-input-height) + 16px)!important}.game-shell__content .audio-player-collapsed,.game-shell__content .audio-player-expanded{top:calc(var(--shell-header-height) + 8px)}.shell-loading-overlay{z-index:1000;opacity:0;pointer-events:none;background:rgba(0,0,0,.8);justify-content:center;align-items:center;transition:opacity .25s;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.shell-loading-overlay--active{opacity:1;pointer-events:auto}@media (prefers-reduced-motion:reduce){.game-shell,.game-shell *{transition-duration:0s!important;animation-duration:0s!important}}.shell-header{align-items:center;gap:var(--spacing-sm,1rem);padding:0 var(--spacing-sm,1rem);background:var(--shell-glass-bg);border-bottom:1px solid var(--shell-glass-border);height:100%;-webkit-backdrop-filter:blur(var(--shell-glass-blur));display:flex}.shell-header__back{width:var(--shell-touch-min);height:var(--shell-touch-min);color:var(--primary-text,#fff);cursor:pointer;border-radius:var(--border-radius-md,.5rem);font-size:var(--font-size-md,1.5rem);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s;display:flex}.shell-header__back:hover{background:var(--hover-bg,rgba(60,180,78,.2))}.shell-header__back:focus-visible{outline:2px solid var(--focus-color,#3cb44e);outline-offset:-2px}.shell-header__title{font-size:var(--font-size-md,1.5rem);color:var(--primary-text,#fff);white-space:nowrap;text-overflow:ellipsis;text-shadow:1px 1px 2px rgba(0,0,0,.8);flex:1;margin:0;font-weight:700;overflow:hidden}.shell-header__actions{align-items:center;gap:var(--spacing-xs,.5rem);flex-shrink:0;display:flex}.shell-header__btn{width:var(--shell-touch-min);height:var(--shell-touch-min);color:var(--secondary-text,#e0e0e0);cursor:pointer;border-radius:var(--border-radius-md,.5rem);font-size:var(--font-size-md,1.5rem);background:0 0;border:1px solid transparent;justify-content:center;align-items:center;transition:all .15s;display:flex;position:relative}.shell-header__btn:hover{background:var(--hover-bg,rgba(60,180,78,.2));color:var(--primary-text,#fff)}.shell-header__btn:focus-visible{outline:2px solid var(--focus-color,#3cb44e);outline-offset:-2px}.shell-header__btn--active{color:var(--accent-text,#3cb44e);border-color:var(--accent-text,#3cb44e)}.shell-header__audio{flex-shrink:0;position:relative}.shell-header__audio .audio-player-wrapper{position:relative}.shell-header__audio .audio-player-collapsed{z-index:auto;box-shadow:none;border-radius:var(--border-radius-md,.5rem);background:0 0;border:none;width:auto;height:36px;position:relative;top:auto;bottom:auto;right:auto}.shell-header__audio .collapsed-content{gap:4px;padding:2px 4px}.shell-header__audio .collapsed-play-button,.shell-header__audio .collapsed-expand-button{background:rgba(255,255,255,.08);border-radius:6px;min-width:32px;height:32px}.shell-header__audio .collapsed-play-button:hover,.shell-header__audio .collapsed-expand-button:hover{background:rgba(255,255,255,.15)}.shell-header__audio .collapsed-progress{display:none}.shell-header__audio .audio-player-expanded{z-index:200;background:var(--shell-glass-bg);width:300px;min-height:auto;-webkit-backdrop-filter:blur(var(--shell-glass-blur));border:1px solid var(--shell-glass-border);margin-top:4px;box-shadow:0 8px 24px rgba(0,0,0,.5);position:absolute!important;top:100%!important;bottom:auto!important;left:auto!important;right:0!important}.shell-header__audio .expanded-play-button{box-shadow:none;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);width:48px;height:48px}.shell-header__audio .expanded-play-button:hover{box-shadow:none;background:rgba(255,255,255,.15);border-color:rgba(255,255,255,.2)}.shell-header__audio .expanded-play-button:before{display:none}.shell-header__audio .control-btn{color:var(--secondary-text,#e0e0e0)}.shell-header__audio .control-btn:hover{color:var(--primary-text,#fff);background:rgba(255,255,255,.08)}.shell-header__audio .collapse-button{color:var(--secondary-text,#e0e0e0)}.shell-header__audio .collapse-button:hover{color:var(--primary-text,#fff);background:rgba(255,255,255,.08)}.game-shell--alexa .shell-header__back,.game-shell--discord .shell-header__back,.game-shell--tv .shell-header__back{display:none}.game-shell--alexa .shell-header__btn,.game-shell--tv .shell-header__btn{min-width:72px;min-height:72px}@media (max-width:480px){.shell-header{gap:var(--spacing-xs,.5rem);padding:0 var(--spacing-xs,.5rem)}.shell-header__title{font-size:var(--font-size-sm,1.25rem)}.shell-header__audio{display:none}}@media (pointer:coarse){.shell-header__btn,.shell-header__back{-webkit-touch-callout:none;touch-action:manipulation}}.shell-options{padding:var(--spacing-xs,.5rem) var(--spacing-sm,1rem);background:var(--shell-glass-bg);border-top:1px solid var(--shell-glass-border);-webkit-backdrop-filter:blur(var(--shell-glass-blur))}.shell-options__grid{gap:var(--spacing-xs,.5rem);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));display:grid}.shell-options__card{align-items:center;gap:var(--spacing-xs,.5rem);padding:var(--spacing-xs,.5rem) var(--spacing-sm,1rem);min-height:var(--shell-touch-min);background:var(--card-bg,rgba(0,0,0,.8));border:2px solid var(--border-color,#333);border-radius:var(--border-radius-md,.5rem);color:var(--primary-text,#fff);cursor:pointer;text-align:left;font-size:var(--font-size-sm,1.25rem);font-weight:500;transition:all .15s;animation:.2s both shell-option-enter;display:flex}@keyframes shell-option-enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.shell-options__card:nth-child(2){animation-delay:30ms}.shell-options__card:nth-child(3){animation-delay:60ms}.shell-options__card:nth-child(4){animation-delay:90ms}.shell-options__card:nth-child(5){animation-delay:.12s}.shell-options__card:nth-child(n+6){animation-delay:.15s}.shell-options__card:hover{background:var(--hover-bg,rgba(60,180,78,.2));border-color:var(--focus-color,#3cb44e);transform:translateY(-1px)}.shell-options__card:focus-visible{outline:2px solid var(--focus-color,#3cb44e);outline-offset:-2px}.shell-options__card:active{transform:translateY(0)}.shell-options__card--selected{background:var(--accent-bg,rgba(60,180,78,.1));border-color:var(--focus-color,#3cb44e);color:var(--accent-text,#3cb44e)}.shell-options__card--disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.shell-options__badge{background:var(--accent-bg,rgba(60,180,78,.1));border:1px solid var(--focus-color,#3cb44e);width:28px;height:28px;color:var(--accent-text,#3cb44e);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.875rem;font-weight:700;display:flex}.shell-options__icon{flex-shrink:0;font-size:1.25em;line-height:1}.shell-options__text{overflow-wrap:break-word;flex:1;overflow:hidden}.shell-options__image{border-radius:var(--border-radius-sm,.375rem);object-fit:cover;flex-shrink:0;width:40px;height:40px}.game-shell--alexa .shell-options__grid{grid-template-columns:1fr}.game-shell--alexa .shell-options__card{min-height:72px;font-size:var(--font-size-md,1.5rem);padding:var(--spacing-sm,1rem)}.game-shell--alexa .shell-options__icon,.game-shell--tv .shell-options__icon{font-size:1.5em}.game-shell--tv .shell-options__card{min-height:72px}.game-shell--tv .shell-options__card:focus-visible{box-shadow:0 0 0 3px var(--focus-glow,rgba(60,180,78,.3));transform:scale(1.02)}.game-shell--discord .shell-options__grid{grid-template-columns:1fr}@media (max-width:600px){.shell-options__grid{grid-template-columns:1fr}}.shell-options__grid--few{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));max-width:800px;margin:0 auto}@media (pointer:coarse){.shell-options__card{-webkit-touch-callout:none;user-select:none;touch-action:manipulation}.shell-options__card:hover{transform:none}.shell-options__card:active{background:var(--hover-bg,rgba(60,180,78,.2));border-color:var(--focus-color,#3cb44e);transition-duration:50ms;transform:scale(.97)}}.game-shell--alexa .shell-options{padding-bottom:calc(var(--spacing-xs,.5rem) + var(--shell-safe-bottom,0px))}.shell-input{align-items:center;gap:var(--spacing-xs,.5rem);padding:var(--spacing-xs,.5rem) var(--spacing-sm,1rem);padding-bottom:calc(var(--spacing-xs,.5rem) + var(--shell-safe-bottom,0px));height:var(--shell-input-height);background:var(--shell-glass-bg);border-top:1px solid var(--shell-glass-border);-webkit-backdrop-filter:blur(var(--shell-glass-blur));display:flex;position:relative}.shell-input__field{height:calc(var(--shell-input-height) - 16px);padding:0 var(--spacing-sm,1rem);border:1px solid var(--border-color,#333);border-radius:var(--border-radius-lg,.75rem);color:var(--primary-text,#fff);font-size:var(--font-size-sm,1.25rem);background:rgba(255,255,255,.08);outline:none;flex:1;font-family:inherit;transition:border-color .15s}.shell-input__field::placeholder{color:var(--secondary-text,#e0e0e0);opacity:.5}.shell-input__field:focus{border-color:var(--focus-color,#3cb44e)}.shell-input__btn{width:var(--shell-touch-min);height:var(--shell-touch-min);cursor:pointer;font-size:var(--font-size-md,1.5rem);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:flex}.shell-input__btn:focus-visible{outline:2px solid var(--focus-color,#3cb44e);outline-offset:2px}.shell-input__btn--send{background:var(--focus-color,#3cb44e);color:#000}.shell-input__btn--send:hover{filter:brightness(1.15);transform:scale(1.05)}.shell-input__btn--send:active{transform:scale(.95)}.shell-input__btn--send:disabled{opacity:.4;cursor:not-allowed;transform:none}.shell-input__btn--mic{color:var(--secondary-text,#e0e0e0);background:rgba(255,255,255,.08)}.shell-input__btn--mic:hover{color:var(--primary-text,#fff);background:rgba(255,255,255,.15)}.shell-input__btn--mic--active{color:#fff;background:#dc3545;animation:1.5s infinite mic-pulse}@keyframes mic-pulse{0%,to{box-shadow:0 0 rgba(220,53,69,.5)}50%{box-shadow:0 0 0 8px rgba(220,53,69,0)}}.shell-input__char-count{right:calc(var(--shell-touch-min,44px) * 2 + var(--spacing-sm,1rem) + var(--spacing-xs,.5rem));color:var(--secondary-text,#e0e0e0);opacity:.6;pointer-events:none;font-size:.75rem;position:absolute;top:50%;transform:translateY(-50%)}.shell-input__char-count--warn{color:#fd7e14;opacity:1}.shell-input__char-count--over{color:var(--danger-text,#f44);opacity:1}.game-shell--discord .shell-input__btn--mic{display:none}.game-shell--tv .shell-input__field{font-size:var(--font-size-md,1.5rem)}.game-shell--tv .shell-input__btn{width:72px;height:72px}@media (max-width:480px){.shell-input{padding:var(--spacing-xs,.5rem);padding-bottom:calc(var(--spacing-xs,.5rem) + var(--shell-safe-bottom,0px))}.shell-input__field{font-size:max(16px, var(--font-size-xs,1.125rem))}}@media (pointer:coarse){.shell-input__btn{-webkit-touch-callout:none;touch-action:manipulation}.shell-input__btn:active{transition-duration:50ms;transform:scale(.92)}.shell-input__btn--send,.shell-input__btn--mic{min-width:var(--shell-touch-min);min-height:var(--shell-touch-min)}}.shell-drawer-backdrop{z-index:900;opacity:0;pointer-events:none;background:rgba(0,0,0,.4);transition:opacity .2s;position:fixed;top:0;bottom:0;left:0;right:0}.shell-drawer-backdrop--open{opacity:1;pointer-events:auto}.shell-drawer{width:var(--shell-drawer-width);height:100vh;background:var(--primary-bg,#0a0a0a);border-left:1px solid var(--shell-glass-border);z-index:950;height:100dvh;padding-left:var(--shell-safe-left,0px);padding-right:var(--shell-safe-right,0px);flex-direction:column;transition:transform .25s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;right:0;overflow:hidden;transform:translate(100%)}.shell-drawer--open{transform:translate(0)}.shell-drawer__header{padding:var(--spacing-sm,1rem);border-bottom:1px solid var(--border-color,#333);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.shell-drawer__title{font-size:var(--font-size-md,1.5rem);color:var(--primary-text,#fff);margin:0;font-weight:700}.shell-drawer__close{width:var(--shell-touch-min);height:var(--shell-touch-min);color:var(--secondary-text,#e0e0e0);cursor:pointer;border-radius:var(--border-radius-md,.5rem);font-size:var(--font-size-md,1.5rem);background:0 0;border:none;justify-content:center;align-items:center;transition:background .15s;display:flex}.shell-drawer__close:hover{background:var(--hover-bg,rgba(60,180,78,.2));color:var(--primary-text,#fff)}.shell-drawer__close:focus-visible{outline:2px solid var(--focus-color,#3cb44e);outline-offset:-2px}.shell-drawer__body{padding:var(--spacing-sm,1rem);scrollbar-width:thin;scrollbar-color:var(--focus-color,#3cb44e) transparent;flex:1;overflow-y:auto}.shell-chat__messages{gap:var(--spacing-xs,.5rem);padding-bottom:var(--spacing-sm,1rem);flex-direction:column;display:flex}.shell-chat__message{padding:var(--spacing-xs,.5rem) var(--spacing-sm,1rem);border-radius:var(--border-radius-md,.5rem);font-size:var(--font-size-sm,1.25rem);word-break:break-word;white-space:pre-wrap;max-width:85%;line-height:1.5}.shell-chat__message--user{background:var(--accent-bg,rgba(60,180,78,.1));border:1px solid var(--focus-color,#3cb44e);color:var(--primary-text,#fff);align-self:flex-end}.shell-chat__message--system{background:var(--secondary-bg,rgba(0,0,0,.85));border:1px solid var(--border-color,#333);color:var(--secondary-text,#e0e0e0);align-self:flex-start}.shell-chat__empty{text-align:center;color:var(--secondary-text,#e0e0e0);opacity:.5;padding:var(--spacing-lg,2rem);font-size:var(--font-size-sm,1.25rem)}.shell-settings__section{margin-bottom:var(--spacing-lg,2rem)}.shell-settings__label{font-size:var(--font-size-sm,1.25rem);color:var(--primary-text,#fff);margin-bottom:var(--spacing-xs,.5rem);font-weight:600;display:block}.shell-settings__range{-webkit-appearance:none;appearance:none;background:var(--border-color,#333);border-radius:3px;outline:none;width:100%;height:6px}.shell-settings__range::-webkit-slider-thumb{-webkit-appearance:none;background:var(--focus-color,#3cb44e);cursor:pointer;border-radius:50%;width:24px;height:24px}.shell-settings__range::-moz-range-thumb{background:var(--focus-color,#3cb44e);cursor:pointer;border:none;border-radius:50%;width:24px;height:24px}.shell-settings__range:focus-visible{outline:2px solid var(--focus-color,#3cb44e);outline-offset:4px;border-radius:3px}.shell-settings__switch:focus-visible{outline:2px solid var(--focus-color,#3cb44e);outline-offset:3px}.shell-settings__toggle{padding:var(--spacing-xs,.5rem) 0;justify-content:space-between;align-items:center;display:flex}.shell-settings__switch{background:var(--border-color,#333);cursor:pointer;border:none;border-radius:14px;flex-shrink:0;width:48px;height:28px;transition:background .2s;position:relative}.shell-settings__switch--on{background:var(--focus-color,#3cb44e)}.shell-settings__switch:after{content:"";background:#fff;border-radius:50%;width:24px;height:24px;transition:transform .2s;position:absolute;top:2px;left:2px}.shell-settings__switch--on:after{transform:translate(20px)}.shell-settings__value{font-size:var(--font-size-xs,1.125rem);color:var(--secondary-text,#e0e0e0);margin-top:4px}@media (max-width:768px){.shell-drawer--chat{width:100%;height:60vh;border-left:none;border-top:1px solid var(--shell-glass-border);border-radius:var(--border-radius-lg,.75rem) var(--border-radius-lg,.75rem) 0 0;height:60dvh;padding-bottom:var(--shell-safe-bottom,0px);top:auto;bottom:0;left:0;right:0;transform:translateY(100%)}.shell-drawer--chat.shell-drawer--open{transform:translateY(0)}.shell-drawer--settings{width:100%;height:70vh;border-left:none;border-top:1px solid var(--shell-glass-border);border-radius:var(--border-radius-lg,.75rem) var(--border-radius-lg,.75rem) 0 0;height:70dvh;padding-bottom:var(--shell-safe-bottom,0px);top:auto;bottom:0;left:0;right:0;transform:translateY(100%)}.shell-drawer--settings.shell-drawer--open{transform:translateY(0)}}.game-shell--discord .shell-drawer--chat{border-left:none;border-top:1px solid var(--shell-glass-border);border-radius:var(--border-radius-lg,.75rem) var(--border-radius-lg,.75rem) 0 0;width:100%;height:50vh;top:auto;bottom:0;left:0;right:0;transform:translateY(100%)}.game-shell--discord .shell-drawer--chat.shell-drawer--open{transform:translateY(0)}@media (pointer:coarse){.shell-drawer__body{overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.shell-drawer__close{-webkit-touch-callout:none;touch-action:manipulation}.shell-settings__range::-webkit-slider-thumb{width:32px;height:32px}.shell-settings__range::-moz-range-thumb{width:32px;height:32px}.shell-settings__switch{border-radius:16px;width:56px;height:32px}.shell-settings__switch:after{width:28px;height:28px}.shell-settings__switch--on:after{transform:translate(24px)}}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-shadow:0 0 transparent;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 transparent;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 transparent;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 transparent;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 transparent;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;--font-mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--spacing:.25rem;--text-sm:12px;--text-lg:16px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--spacing-xxs:2px;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:12px;--spacing-lg:16px;--spacing-xxxl:32px;--shadow-subtle:0 2px 8px rgba(0,0,0,.1);--shadow-elevated:0 8px 24px rgba(0,0,0,.4);--shadow-blue:0 0 10px rgba(88,166,255,.5)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::-webkit-file-upload-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:transparent;border-radius:0}::-webkit-file-upload-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:transparent;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:transparent;border-radius:0}:where(select:-webkit-any([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:-webkit-any([multiple],[size])) optgroup option:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){padding-left:20px}:where(select:is([multiple],[size])) optgroup option:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){padding-left:20px}:where(select:-webkit-any([multiple],[size])) optgroup option:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){padding-right:20px}:where(select:is([multiple],[size])) optgroup option:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){padding-right:20px}:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)))::-webkit-file-upload-button{margin-right:4px}:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)))::file-selector-button{margin-right:4px}:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))::-webkit-file-upload-button{margin-left:4px}:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))::file-selector-button{margin-left:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-top:0;padding-bottom:0}::-webkit-datetime-edit-year-field{padding-top:0;padding-bottom:0}::-webkit-datetime-edit-month-field{padding-top:0;padding-bottom:0}::-webkit-datetime-edit-day-field{padding-top:0;padding-bottom:0}::-webkit-datetime-edit-hour-field{padding-top:0;padding-bottom:0}::-webkit-datetime-edit-minute-field{padding-top:0;padding-bottom:0}::-webkit-datetime-edit-second-field{padding-top:0;padding-bottom:0}::-webkit-datetime-edit-millisecond-field{padding-top:0;padding-bottom:0}::-webkit-datetime-edit-meridiem-field{padding-top:0;padding-bottom:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button{-webkit-appearance:button;appearance:button}input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;appearance:button}::-webkit-file-upload-button{-webkit-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.fixed{position:fixed}.relative{position:relative}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.flex{display:flex}.grid{display:grid}.inline{display:inline}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.border{border-style:var(--tw-border-style);border-width:1px}.uppercase{text-transform:uppercase}.italic{font-style:italic}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-filter{backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes focusPulse{0%,to{box-shadow:0 0 0 0 var(--focus-glow,rgba(88,166,255,.3))}50%{box-shadow:0 0 0 4px var(--focus-glow,rgba(88,166,255,.3))}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}h1,h2,h3,h4,h5,h6{text-wrap:balance}:root,.theme-dark-citadel,.theme-darkness-falls{--accent-color:#3cb44e;--accent-color-dark:#2a8f3a;--accent-color-light:#4cc55a;--focus-color:#3cb44e;--focus-glow:rgba(60,180,78,.3);--hover-bg:rgba(60,180,78,.2);--accent-bg:rgba(60,180,78,.1);--accent-text:#3cb44e}.theme-mystery{--accent-color:#6f42c1;--accent-color-dark:#5a32a1;--accent-color-light:#8a62e1;--focus-color:#6f42c1;--focus-glow:rgba(111,66,193,.3);--hover-bg:rgba(111,66,193,.2);--accent-bg:rgba(111,66,193,.1);--accent-text:#6f42c1}.theme-lineage{--accent-color:#dc3545;--accent-color-dark:#b02a37;--accent-color-light:#e35d6a;--focus-color:#dc3545;--focus-glow:rgba(220,53,69,.3);--hover-bg:rgba(220,53,69,.2);--accent-bg:rgba(220,53,69,.1);--accent-text:#dc3545}.theme-zoo{--accent-color:#fd7e14;--accent-color-dark:#ca6510;--accent-color-light:#fda34e;--focus-color:#fd7e14;--focus-glow:rgba(253,126,20,.3);--hover-bg:rgba(253,126,20,.2);--accent-bg:rgba(253,126,20,.1);--accent-text:#fd7e14}.theme-frankenstein{--accent-color:#8b5cf6;--accent-color-dark:#7c3aed;--accent-color-light:#a78bfa;--focus-color:#8b5cf6;--focus-glow:rgba(139,92,246,.3);--hover-bg:rgba(139,92,246,.2);--accent-bg:rgba(139,92,246,.1);--accent-text:#8b5cf6}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 transparent}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 transparent}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 transparent}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 transparent}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 transparent}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}