.app-toast-container{position:fixed;top:80px;right:20px;display:flex;flex-direction:column;gap:8px;z-index:9999;pointer-events:none;max-width:320px}.app-toast{position:relative;display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:8px;background:#1e2a3ef2;border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 16px #0006,0 0 20px var(--toast-glow-color, rgba(255, 255, 255, .1));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:auto;animation:app-toast-enter .3s cubic-bezier(.34,1.56,.64,1);transform-origin:right center}.app-toast--exiting{animation:app-toast-exit .25s ease-in forwards}@keyframes app-toast-enter{0%{transform:translate(100%) scale(.8);opacity:0}to{transform:translate(0) scale(1);opacity:1}}@keyframes app-toast-exit{0%{transform:translate(0) scale(1);opacity:1}to{transform:translate(100%) scale(.8);opacity:0}}.app-toast__icon{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;border-radius:50%;background:var(--toast-color);color:#fff;box-shadow:0 0 12px var(--toast-glow-color)}.app-toast__message{flex:1;font-size:13px;color:#f6efe3;line-height:1.3}.app-toast__close{flex-shrink:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border:none;background:#ffffff1a;border-radius:4px;color:#a8b6cc;cursor:pointer;font-size:14px;transition:all .15s ease}.app-toast__close:hover{background:#fff3;color:#f6efe3}.app-toast__progress{position:absolute;bottom:0;left:0;height:3px;background:var(--toast-color);border-radius:0 0 8px 8px;animation:app-toast-progress var(--toast-duration, 3s) linear forwards;opacity:.7}@keyframes app-toast-progress{0%{width:100%}to{width:0%}}.app-toast--success{--toast-color: #27ae60;--toast-glow-color: rgba(39, 174, 96, .4);border-color:#27ae604d}.app-toast--error{--toast-color: #e74c3c;--toast-glow-color: rgba(231, 76, 60, .4);border-color:#e74c3c4d}.app-toast--info{--toast-color: #3498db;--toast-glow-color: rgba(52, 152, 219, .4);border-color:#3498db4d}.app-toast--warning{--toast-color: #e67e22;--toast-glow-color: rgba(230, 126, 34, .4);border-color:#e67e224d}.formatted-effect{display:flex;flex-direction:column;gap:8px}.formatted-effect--compact{gap:4px}.formatted-effect__keywords{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:4px}.formatted-effect__keyword-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:13px;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:.5px}.formatted-effect__section{border-left:3px solid #666;padding-left:10px;margin-bottom:6px}.formatted-effect__header{display:flex;align-items:center;gap:6px;margin-bottom:4px}.formatted-effect__icon{font-size:14px}.formatted-effect__label{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.formatted-effect__text{margin:0;font-size:14px;line-height:1.5;color:#e0e0e0}.formatted-effect--compact .formatted-effect__section{padding-left:10px;border-left-width:3px}.formatted-effect--compact .formatted-effect__header{margin-bottom:3px}.formatted-effect--compact .formatted-effect__label{font-size:13px}.formatted-effect--compact .formatted-effect__text{font-size:14px;line-height:1.5}.formatted-effect--compact .formatted-effect__keyword-badge{padding:3px 10px;font-size:12px}.effect-category--keyword{border-left-color:#f39c12}.effect-category--on-play{border-left-color:#3498db}.effect-category--activate-main{border-left-color:#9b59b6}.effect-category--don-attached{border-left-color:#e74c3c}.effect-category--your-turn{border-left-color:#2ecc71}.effect-category--opponent-turn{border-left-color:#e67e22}.effect-category--counter{border-left-color:#1abc9c}.effect-category--trigger{border-left-color:#e74c3c}.effect-category--on-attack{border-left-color:#c0392b}.effect-category--on-block{border-left-color:#16a085}.effect-category--on-ko{border-left-color:#7f8c8d}.effect-category--end-of-turn{border-left-color:#8e44ad}.effect-category--start-of-game{border-left-color:#f1c40f}.effect-category--once-per-turn{border-left-color:#95a5a6}.effect-category--main{border-left-color:#3498db}.effect-category--other{border-left-color:#bdc3c7}.game-board{display:grid;grid-template-columns:1fr 360px;grid-template-rows:auto 1fr auto;width:100%;height:100%;background-color:#1a1a2e;font-family:Segoe UI,system-ui,sans-serif;overflow:hidden;touch-action:manipulation;contain:layout style}.trash-modal-overlay,.settings-modal-overlay,.pre-game-setup-overlay,.deck-reveal-modal,.combat-modal-overlay{contain:layout paint;will-change:opacity}.attack-prompt,.counter-notification,.error-banner,.info-banner,.life-damage-indicator,.hand-select-panel,.refresh-phase-banner{contain:layout;will-change:transform,opacity}.game-board__header{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;padding:10px 20px;background:linear-gradient(180deg,#1a1a2e,#151525);border-bottom:2px solid rgba(241,196,15,.5);box-shadow:0 4px 12px #0000004d,0 2px 8px #f1c40f26}.game-board__header-left{display:flex;align-items:center;gap:12px;flex:1}.game-board__header-center{display:flex;align-items:center;gap:16px;flex:2;justify-content:center}.game-board__header-right{display:flex;align-items:center;gap:12px;flex:1;justify-content:flex-end}.game-board__game-id{font-size:12px;color:#888;font-family:monospace;padding:4px 8px;background:#ffffff0d;border-radius:4px;border:1px solid rgba(255,255,255,.1)}.game-board__ai-badge{font-size:11px;font-weight:600;color:#fff;padding:4px 10px;background:linear-gradient(135deg,#8b5cf6,#6d28d9);border-radius:4px;text-transform:uppercase;letter-spacing:.5px}.game-board__turn{font-size:14px;color:#f1c40fcc;font-weight:500}.game-board__phase{font-size:16px;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:1px}.game-board__turn-indicator{padding:6px 16px;border-radius:4px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;transition:all .3s ease}.game-board__turn-indicator--your-turn{background:linear-gradient(135deg,#27ae60,#1e8449);color:#fff;box-shadow:0 0 12px #27ae6080,0 0 24px #27ae604d;animation:turn-pulse 1.5s ease-in-out infinite}.game-board__turn-indicator--waiting{background:#7f8c8d80;color:#ccc;border:1px solid rgba(255,255,255,.1)}@keyframes turn-pulse{0%,to{box-shadow:0 0 12px #27ae6080,0 0 24px #27ae604d}50%{box-shadow:0 0 20px #27ae60b3,0 0 36px #27ae6080}}.game-board__surrender-btn{padding:6px 14px;font-size:12px;font-weight:600;color:#fff;background:linear-gradient(135deg,#e74c3c,#c0392b);border:none;border-radius:4px;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.5px}.game-board__surrender-btn:hover{background:linear-gradient(135deg,#c0392b,#a93226);box-shadow:0 0 12px #e74c3c80;transform:translateY(-1px)}.game-board__main{display:flex;flex-direction:column;overflow:hidden}.game-board__sidebar{display:flex;flex-direction:column;background:#16162a;border-left:1px solid rgba(255,255,255,.1);position:relative;z-index:2001}.player-area{position:relative;display:flex;flex-direction:row;justify-content:center;align-items:stretch;gap:16px;padding:8px 16px;min-height:280px;background-size:cover;background-position:center;flex:1}.player-area__left{display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:8px;flex:0 0 auto;order:1}.player-area__second-col{display:flex;flex-direction:row;justify-content:flex-start;align-items:stretch;gap:8px;flex:0 0 auto;order:3;align-self:center}.player-area__center{display:flex;flex-direction:column;gap:8px;flex:0 0 auto;justify-content:center;align-items:stretch;order:2;align-self:center}.player-area__bottom-row{display:flex;flex-direction:row;gap:12px;justify-content:flex-start;align-items:stretch}.zone--stage{width:120px;min-height:180px;height:auto;padding:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-color:#8a2be266;flex-shrink:0}.zone-empty-placeholder{width:100px;height:140px;border:2px dashed rgba(255,255,255,.2);border-radius:6px;display:flex;align-items:center;justify-content:center}.player-area--opponent{border-bottom:2px solid rgba(241,196,15,.6);box-shadow:0 4px 12px #f1c40f4d,0 2px 6px #f1c40f66;transform:scaleY(-1)}.player-area--player{border-top:2px solid rgba(241,196,15,.6);box-shadow:0 -4px 12px #f1c40f4d,0 -2px 6px #f1c40f66}.player-area__playmat{position:absolute;top:0;left:0;right:0;bottom:-85px;background-size:1700px 100%;background-position:center;background-repeat:no-repeat;opacity:.25;z-index:0}.player-area>*:not(.player-area__playmat){position:relative;z-index:1}.zone{position:relative;background:#fff3;border:1px solid rgba(241,196,15,.6);border-radius:4px;min-height:100px;display:flex;align-items:center;justify-content:center;box-shadow:0 0 12px #f1c40f66,0 0 20px #f1c40f33,inset 0 0 8px #f1c40f26;transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease}.zone:hover{background:#ffffff40;border-color:#f1c40f99;box-shadow:0 0 14px #f1c40f66,inset 0 0 8px #f1c40f26}.zone--droppable{border-color:#27ae6080;background:#27ae601a}.zone__label{position:absolute;top:-18px;left:50%;transform:translate(-50%);font-size:12px;font-weight:700;color:#f1c40f;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.zone__label--bottom{top:auto;bottom:-20px;font-size:14px}.zone__label--inside{top:auto;bottom:8px;font-size:64px;letter-spacing:8px;color:#f1c40fb3;z-index:0;pointer-events:none}.zone--life{width:160px;min-height:240px;flex-direction:column;gap:4px;padding:6px;align-items:center;justify-content:center}.zone--life .life-bar{margin-top:0}.zone--life .life-bar__count{display:none}.life-stack{position:relative;width:140px;height:220px}.life-stack .game-card{position:absolute;width:100px;height:140px;transform:rotate(90deg);transform-origin:center center;left:20px}.life-stack .game-card:nth-child(1){top:-5px;z-index:5}.life-stack .game-card:nth-child(2){top:15px;z-index:4}.life-stack .game-card:nth-child(3){top:35px;z-index:3}.life-stack .game-card:nth-child(4){top:55px;z-index:2}.life-stack .game-card:nth-child(5){top:75px;z-index:1}.life-stack .game-card:hover{transform:rotate(90deg) scale(1);box-shadow:0 2px 4px #0000004d}.zone--don-deck{width:120px;min-height:160px;padding:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-color:#f1c40f4d}.zone--deck{width:120px;min-height:180px;height:auto;padding:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0}.zone--trash{width:120px;min-height:160px;padding:8px;display:flex;flex-direction:column;align-items:center;justify-content:center}.don-deck-pile{position:relative;width:100px;height:140px;margin-left:-4px}.don-deck-layer{position:absolute;width:100%;height:100%;background:linear-gradient(135deg,#8b6914,#5c4a0f);border-radius:4px;border:1px solid rgba(241,196,15,.3)}.don-deck-layer--2{top:-3px;left:3px}.don-deck-layer--3{top:-6px;left:6px}.don-deck-top{position:relative;z-index:2}.don-deck-count{position:absolute;bottom:-8px;right:-8px;background:#f1c40f;color:#000;min-width:20px;height:20px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;z-index:10;opacity:0}.zone--don-deck:hover .don-deck-count{opacity:1}.don-deck-empty{width:100%;height:100%;border:2px dashed rgba(241,196,15,.3);border-radius:4px}.zone--cost-area{display:flex;flex-direction:row;gap:3px;padding:4px 8px;min-height:80px;flex:1;align-items:center;justify-content:flex-start;border-color:#f1c40f4d;flex-wrap:wrap}.cost-area-cards{display:flex;flex-direction:row;gap:4px;align-items:center;flex-wrap:wrap}.zone--leader{width:120px;min-height:180px;height:auto;padding:8px;border-style:solid;border-color:#f1c40f66;flex-shrink:0;align-items:flex-end}.card-with-don{position:relative;display:inline-block}.card-with-don>.game-card{position:relative;z-index:10}.attached-don-stack,.attached-don-card{position:absolute;top:0;left:0}.attached-don-card .game-card{opacity:1!important}.attached-don-card:nth-child(1){top:20px;left:20px;z-index:5}.attached-don-card:nth-child(2){top:40px;left:40px;z-index:4}.attached-don-card:nth-child(3){top:60px;left:60px;z-index:3}.attached-don-card:nth-child(4){top:80px;left:80px;z-index:2}.attached-don-card:nth-child(5){top:100px;left:100px;z-index:1}.card-with-don--rested .attached-don-stack{top:0;left:0}.card-with-don--rested .attached-don-card:nth-child(1){top:20px;left:20px}.card-with-don--rested .attached-don-card:nth-child(2){top:40px;left:40px}.card-with-don--rested .attached-don-card:nth-child(3){top:60px;left:60px}.card-with-don--rested .attached-don-card:nth-child(4){top:80px;left:80px}.card-with-don--rested .attached-don-card:nth-child(5){top:100px;left:100px}.zone--characters{display:flex;flex-direction:row;gap:4px;padding:4px 12px;min-height:160px;width:1060px;align-items:flex-end;justify-content:center;flex-wrap:wrap;transition:all .2s ease}.zone--drop-target{background:#4ade8026;border:2px dashed #4ade80;border-radius:8px;box-shadow:inset 0 0 20px #4ade804d;cursor:pointer}.zone--drop-target:hover{background:#4ade8040;box-shadow:inset 0 0 30px #4ade8066}.hand-zone{display:flex;justify-content:center;align-items:center;position:relative;padding:4px 30px;min-height:80px;background:linear-gradient(0deg,rgba(0,0,0,.3) 0%,transparent 100%)}.hand-zone:not(.hand-zone--opponent){border-top:2px solid rgba(241,196,15,.6);box-shadow:0 -4px 12px #f1c40f4d,0 -2px 6px #f1c40f66;margin-top:16px;z-index:2001}.hand-zone--opponent{background:linear-gradient(180deg,rgba(0,0,0,.3) 0%,transparent 100%);position:relative;z-index:1}.hand-zone--opponent .game-card{position:relative;z-index:2;transform:rotate(180deg)}.hand-zone--opponent .game-card:hover{transform:rotate(180deg) translateY(4px) scale(1.1)}.hand-zone__cards{display:flex;justify-content:center}.hand-zone__cards .game-card{margin-left:-10px;transition:margin .15s ease,transform .15s ease,z-index 0s}.hand-zone__cards .game-card:first-child{margin-left:0}.hand-zone__cards .game-card:hover{margin-left:3px;margin-right:13px;z-index:100}.hand-zone__card-wrapper{display:inline-block;margin-left:-10px;transition:margin .15s ease}.hand-zone__card-wrapper:first-child{margin-left:0}.hand-zone__card-wrapper--rested{margin-left:28px;margin-right:35px}.hand-zone__card-wrapper--rested.hand-zone__card-wrapper:first-child{margin-left:28px}.hand-zone__card-wrapper:hover{margin-left:3px;margin-right:13px;z-index:100}.hand-zone__card-wrapper--rested:hover{margin-left:30px;margin-right:45px}.hand-zone__card-wrapper--rested.hand-zone__card-wrapper:first-child:hover{margin-left:30px}.hand-zone__card-wrapper .game-card{margin-left:0}.hand-zone__card-wrapper--pending-play{transform:translateY(-20px);z-index:200;margin-left:5px;margin-right:15px}.hand-zone__card-wrapper--pending-play .game-card{transform:scale(1.1);box-shadow:0 0 20px #4ade80cc,0 0 40px #4ade8080,0 8px 25px #0006;border:2px solid #4ade80}.hand-zone__card-wrapper--pending-play:first-child{margin-left:5px}.hand-zone--opponent .hand-count{display:flex;align-items:center;gap:8px;color:#888;font-size:14px}.game-card{position:relative;width:100px;height:140px;border-radius:4px;overflow:hidden;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;box-shadow:0 2px 4px #0000004d;flex-shrink:0}.game-card--small{width:50px;height:70px}.game-card--large{width:86px;height:120px}.game-card:hover{transform:translateY(-4px) scale(1.1);box-shadow:0 6px 12px #0006;z-index:100}.game-card.game-card--rested{transform:rotate(90deg)}.game-card.game-card--rested:hover{transform:rotate(90deg) translate(-4px) scale(1.1)}.game-card--playable{box-shadow:0 0 12px 4px #27ae6099}.game-card--playable:hover{box-shadow:0 0 16px 6px #27ae60cc}.game-card--target{box-shadow:0 0 12px 4px #e74c3c99}.game-card--target:hover{box-shadow:0 0 16px 6px #e74c3ccc}.game-card--selected{box-shadow:0 0 12px 4px #3498db99;transform:translateY(-2px)}.game-card--don{width:100px;height:140px;border-radius:4px}.game-card--don:hover{transform:translateY(-4px) scale(1.1)}.game-card--don.game-card--selected{box-shadow:0 0 12px 4px #3498dbcc;transform:translateY(-4px) scale(1.05);border:2px solid #3498db}.game-card.game-card--don.game-card--rested{transform:rotate(90deg);opacity:.7}.game-card.game-card--don.game-card--rested:hover{transform:rotate(90deg) translate(-4px) scale(1.1)}.game-card--don.game-card--attached{opacity:.4;transform:scale(.9);cursor:default}.game-card--don-target{box-shadow:0 0 12px 4px #f1c40f99}.game-card--don-target:hover{box-shadow:0 0 16px 6px #f1c40fcc}.game-card--attacking{animation:card-attack .5s ease}.game-card__image{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;opacity:0;transition:opacity .2s ease;z-index:1}.game-card__image--loaded{opacity:1}.game-card--face-down .game-card__back,.game-card__back{width:100%;height:100%;background:linear-gradient(135deg,#2c3e50,#1a252f);display:flex;align-items:center;justify-content:center}.game-card__back-design{width:60%;height:70%;background:radial-gradient(ellipse at center,#34495e 0%,#2c3e50 50%,transparent 70%);border:2px solid #34495e;border-radius:4px}.game-card__back-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:inherit}.game-card__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:0;left:0}.game-card__placeholder-content{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:4px;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5)}.game-card__placeholder-type{font-size:6px;text-transform:uppercase;opacity:.7}.game-card__placeholder-power{font-size:12px;font-weight:700}.game-card__placeholder-name{font-size:6px;max-width:40px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.game-card__placeholder-cost{position:absolute;top:2px;left:2px;width:12px;height:12px;background:#0009;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:8px;font-weight:700}.game-card__power-badge{position:absolute;bottom:2px;right:2px;background:#000c;color:#fff;padding:1px 3px;border-radius:2px;font-size:8px;font-weight:700;cursor:help;transition:color .2s ease,text-shadow .2s ease}.game-card__power-badge--buffed{color:#4ade80;text-shadow:0 0 4px rgba(74,222,128,.8)}.game-card__power-badge--debuffed{color:#f87171;text-shadow:0 0 4px rgba(248,113,113,.8)}.game-card__attached-badge{position:absolute;top:2px;right:2px;background:#f1c40f;color:#000;padding:1px 2px;border-radius:2px;font-size:7px;font-weight:700}.game-card__don-badge{position:absolute;top:2px;left:2px;background:linear-gradient(135deg,#f1c40f,#e67e22);color:#000;padding:1px 3px;border-radius:2px;font-size:8px;font-weight:700;box-shadow:0 1px 2px #0006;z-index:10}.card-with-stats{display:flex;flex-direction:column;align-items:center}.card-with-stats__stats{margin-top:2px;font-size:10px;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.8);white-space:nowrap;position:relative;z-index:20}.card-with-stats__stats--buffed{color:#4ade80;text-shadow:0 0 4px rgba(74,222,128,.8),0 1px 2px rgba(0,0,0,.8)}.card-with-stats__stats--debuffed{color:#f87171;text-shadow:0 0 4px rgba(248,113,113,.8),0 1px 2px rgba(0,0,0,.8)}.game-card__ring{position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;border:2px solid transparent;border-radius:5px;pointer-events:none}.game-card--playable .game-card__ring{border-color:#27ae60;animation:pulse-green 1.5s infinite}.game-card--target .game-card__ring{border-color:#e74c3c;animation:pulse-red 1.5s infinite}.game-card--selected .game-card__ring{border-color:#3498db}.game-card--don-target .game-card__ring{border-color:#f1c40f;animation:pulse-gold 1.5s infinite}@keyframes pulse-gold{0%,to{box-shadow:0 0 5px #f1c40f80}50%{box-shadow:0 0 15px #f1c40fcc}}.card-pile{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;box-sizing:border-box}.card-pile__stack{position:relative;width:100px;height:140px}.card-pile__layer{position:absolute;width:100%;height:100%;background:linear-gradient(135deg,#2c3e50,#1a252f);border-radius:3px;border:1px solid rgba(255,255,255,.1);z-index:0}.card-pile__layer--2{top:-2px;left:2px;z-index:1}.card-pile__layer--3{top:-4px;left:4px;z-index:0}.card-pile__top{position:relative;z-index:2;position:absolute;top:0;left:0}.card-pile__empty{width:100%;height:100%;border:2px dashed rgba(255,255,255,.2);border-radius:4px}.card-pile__count{position:absolute;bottom:-4px;right:-4px;background:#e74c3c;color:#fff;min-width:18px;height:18px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;z-index:10;opacity:0}.zone--deck:hover .card-pile__count,.zone--trash:hover .card-pile__count{opacity:1}.zone--trash .card-pile{cursor:pointer}.zone--trash .card-pile:hover .card-pile__stack{transform:scale(1.02);transition:transform .2s}.card-pile__label{display:none}.card-preview{padding:16px;display:flex;flex-direction:column;align-items:center;flex:1;overflow-y:auto}.card-preview__image-container{width:310px;height:434px;border-radius:8px;overflow:hidden;background:#252540;margin-bottom:12px;box-shadow:0 4px 12px #0000004d}.card-preview__image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.card-preview__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#666;font-size:14px}.card-preview__info{width:100%;text-align:center}.card-preview__name{font-size:16px;font-weight:600;color:#fff;margin-bottom:4px}.card-preview__type{font-size:12px;color:#888;margin-bottom:8px;display:flex;align-items:center;justify-content:center;gap:8px}.card-preview__colors{display:inline-flex;gap:4px;align-items:center}.card-preview__color-dot{width:14px;height:14px;border-radius:50%;border:2px solid rgba(255,255,255,.3);display:inline-block}.card-preview__stats{display:flex;justify-content:center;gap:16px;margin-bottom:12px}.card-preview__stat{display:flex;flex-direction:column;align-items:center}.card-preview__stat-value{font-size:18px;font-weight:700;color:#fff}.card-preview__stat-label{font-size:10px;color:#666;text-transform:uppercase}.card-preview__stat--don-boosted .card-preview__stat-value{color:#f1c40f;text-shadow:0 0 8px rgba(241,196,15,.8),0 0 16px rgba(241,196,15,.5)}.card-preview__stat--don-boosted .card-preview__stat-label{color:#f1c40f}.card-preview__stat--combat-buffed .card-preview__stat-value{color:#9b59b6;text-shadow:0 0 8px rgba(155,89,182,.8),0 0 16px rgba(155,89,182,.5)}.card-preview__stat--combat-buffed .card-preview__stat-label{color:#9b59b6}.card-preview__stat-value--modified{color:#22c55e!important;font-weight:700;text-shadow:0 0 8px rgba(34,197,94,.8),0 0 16px rgba(34,197,94,.5)}.card-preview__traits{display:flex;flex-direction:column;align-items:center;padding:8px 0;border-top:1px solid #333;margin-top:6px}.card-preview__traits-value{font-size:14px;font-weight:700;color:#fff;text-align:center}.card-preview__traits-label{font-size:10px;color:#666;text-transform:uppercase;margin-top:2px}.card-preview__effect{font-size:18px;font-weight:700;color:#fff;line-height:1.5;text-align:left;padding:10px;background:#0006;border-radius:4px;margin-top:8px}.card-preview__effect-container{width:100%;text-align:left;padding:12px;background:#0006;border-radius:6px;margin-top:10px}.card-preview__hidden{color:#666;font-style:italic}.card-preview__activate{margin-top:12px;display:flex;flex-direction:column;gap:4px}.card-preview__activate-btn{width:100%;padding:12px 16px;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .2s ease,transform .1s ease;text-transform:uppercase}.card-preview__activate-btn--active{background:linear-gradient(135deg,#f39c12,#e67e22);color:#fff}.card-preview__activate-btn--active:hover{background:linear-gradient(135deg,#e67e22,#d35400);transform:scale(1.02)}.card-preview__activate-btn--active:active{transform:scale(.98)}.card-preview__activate-btn--disabled{background:#444;color:#888;cursor:not-allowed}.card-preview__activate-reason{font-size:11px;color:#e74c3c;text-align:center}.card-preview__activate-instruction{font-size:13px;color:#f39c12;text-align:center;padding:8px;background:#f39c121a;border-radius:4px;margin-bottom:8px}.card-preview__activate-btn--cancel{background:linear-gradient(135deg,#7f8c8d,#636e72);color:#fff}.card-preview__activate-btn--cancel:hover{background:linear-gradient(135deg,#636e72,#4a5456);transform:scale(1.02)}.card-preview__activate-buttons{display:flex;gap:8px;justify-content:center}.card-preview__activate-btn--skip{background:linear-gradient(135deg,#3498db,#2980b9);color:#fff}.card-preview__activate-btn--skip:hover{background:linear-gradient(135deg,#2980b9,#1f6b9e);transform:scale(1.02)}.card-preview__play-effect{background:linear-gradient(135deg,#1a1a2e,#16213e);border:1px solid #4a9eff;border-radius:8px;padding:12px;margin-top:12px}.card-preview__play-effect-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.card-preview__play-effect-icon{font-size:18px}.card-preview__play-effect-title{font-weight:700;color:#4a9eff;font-size:14px;text-transform:uppercase}.card-preview__play-effect-description{color:#ccc;font-size:12px;margin:0 0 8px;line-height:1.4}.card-preview__play-effect-instruction{color:gold;font-size:13px;font-weight:600;margin:0;text-align:center;padding:8px;background:#ffd7001a;border-radius:4px}.action-buttons{display:flex;flex-direction:column;gap:8px;padding:16px;border-top:1px solid rgba(255,255,255,.1)}.action-btn{padding:12px 16px;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .2s ease,transform .1s ease;text-transform:uppercase}.action-btn:hover{transform:scale(1.02)}.action-btn:active{transform:scale(.98)}.action-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.action-btn--end{background:#3498db;color:#fff}.action-btn--end:hover:not(:disabled){background:#2980b9}.action-btn--attack{background:#e74c3c;color:#fff}.action-btn--attack:hover:not(:disabled){background:#c0392b}.action-btn--pass{background:#7f8c8d;color:#fff}.action-btn--pass:hover:not(:disabled){background:#6c7a7b}.action-btn--keep{background:#27ae60;color:#fff}.action-btn--keep:hover:not(:disabled){background:#219a52}.action-btn--mulligan{background:#f39c12;color:#fff}.action-btn--mulligan:hover:not(:disabled){background:#d68910}.life-bar{display:flex;flex-direction:column;align-items:center;gap:4px;opacity:0}.zone--life:hover .life-bar{opacity:1}.life-bar__container{display:flex;gap:4px}.life-bar__pip{width:8px;height:8px;border-radius:50%;background:#27ae60;transition:background-color .3s ease,transform .3s ease}.life-bar__pip--empty{background:#444}.life-bar__pip--damaged{animation:life-pulse .3s ease}.life-bar__label{font-size:10px;color:#ffffff80;text-transform:uppercase}.life-bar__count{font-size:20px;font-weight:700;color:#fff}.mulligan-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#000000d9;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1000}.mulligan-panel{background:#1a1a2e;border-radius:12px;padding:32px 48px;max-width:1000px;text-align:center;border:1px solid rgba(255,255,255,.1)}.mulligan-panel__title{font-size:28px;font-weight:700;color:#fff;margin-bottom:12px}.mulligan-panel__subtitle{font-size:16px;color:#888;margin-bottom:16px}.mulligan-panel__timer{position:relative;height:8px;background:#2d3748;border-radius:4px;margin-bottom:24px;overflow:hidden}.mulligan-panel__timer-bar{position:absolute;top:0;left:0;height:100%;background:linear-gradient(90deg,#48bb78,#38a169);border-radius:4px;transition:width 1s linear}.mulligan-panel__timer-bar--urgent{background:linear-gradient(90deg,#f56565,#e53e3e);animation:pulse .5s ease-in-out infinite}.mulligan-panel__timer-text{position:absolute;right:8px;top:-20px;font-size:14px;font-weight:700;color:#a0aec0}.mulligan-panel__cards{display:flex;justify-content:center;gap:16px;margin-bottom:28px}.mulligan-panel__card{display:flex;flex-direction:column;align-items:center;gap:10px}.mulligan-panel__card-name{font-size:12px;color:#aaa;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mulligan-panel__card .game-card{width:150px;height:210px}.mulligan-panel__buttons{display:flex;justify-content:center;gap:16px}.game-over-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#000000d9;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .3s ease-out}.game-over__content{display:flex;flex-direction:column;align-items:center;text-align:center;padding:32px}.game-over__title{font-size:56px;font-weight:700;margin-bottom:24px;text-shadow:0 4px 8px rgba(0,0,0,.5)}.game-over__title--victory{color:#2ecc71;animation:victoryPulse 1.5s ease infinite}.game-over__title--defeat{color:#e74c3c}@keyframes victoryPulse{0%,to{text-shadow:0 0 20px rgba(46,204,113,.5),0 4px 8px rgba(0,0,0,.5)}50%{text-shadow:0 0 40px rgba(46,204,113,.8),0 4px 8px rgba(0,0,0,.5)}}.game-over__players{display:flex;align-items:center;gap:24px;margin-bottom:24px}.game-over__player{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 24px;border-radius:12px;min-width:120px}.game-over__player--winner{background:linear-gradient(135deg,#27ae604d,#2ecc7133);border:2px solid #27ae60;box-shadow:0 0 20px #27ae6066}.game-over__player--loser{background:linear-gradient(135deg,#e74c3c33,#c0392b1a);border:2px solid #e74c3c;opacity:.8}.game-over__player-icon{font-size:36px}.game-over__player-name{font-size:16px;font-weight:700;color:#fff}.game-over__vs{font-size:20px;color:#666;font-weight:700}.game-over__reason{font-size:18px;color:#aaa;margin-bottom:32px;max-width:400px}.player-area--winner{box-shadow:inset 0 0 40px #27ae6066,0 0 25px #27ae6080;border-color:#27ae60!important}.player-area--loser{box-shadow:inset 0 0 30px #e74c3c4d;border-color:#e74c3c!important;filter:grayscale(30%) brightness(.9)}.player-area__result-banner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-15deg);font-size:42px;font-weight:700;text-transform:uppercase;letter-spacing:6px;padding:12px 28px;border-radius:8px;z-index:100;animation:bannerAppear .5s ease-out;pointer-events:none}.player-area__result-banner--winner{color:#fff;background:linear-gradient(135deg,#27ae60,#2ecc71);box-shadow:0 4px 25px #27ae60b3;text-shadow:0 2px 4px rgba(0,0,0,.4)}.player-area__result-banner--loser{color:#fff;background:linear-gradient(135deg,#c0392b,#e74c3c);box-shadow:0 4px 25px #e74c3cb3;text-shadow:0 2px 4px rgba(0,0,0,.4)}@keyframes bannerAppear{0%{transform:translate(-50%,-50%) rotate(-15deg) scale(0);opacity:0}60%{transform:translate(-50%,-50%) rotate(-15deg) scale(1.1)}to{transform:translate(-50%,-50%) rotate(-15deg) scale(1);opacity:1}}.game-card--winner-leader{box-shadow:0 0 20px 8px #f1c40fcc,0 0 40px 16px #27ae6066!important;animation:winnerCelebrate 1s ease infinite!important}.game-card--loser-leader{filter:grayscale(70%) brightness(.7)!important;opacity:.8!important}@keyframes winnerCelebrate{0%,to{box-shadow:0 0 20px 8px #f1c40fcc,0 0 40px 16px #27ae6066;transform:scale(1)}50%{box-shadow:0 0 30px 12px #f1c40f,0 0 50px 20px #27ae6099;transform:scale(1.02)}}.trash-modal-overlay{position:fixed;top:0;left:0;right:360px;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:2500}.trash-modal{background:#1a1a2e;border:1px solid rgba(255,255,255,.2);border-radius:8px;max-width:800px;max-height:85vh;min-width:400px;display:flex;flex-direction:column;box-shadow:0 8px 32px #00000080}.trash-modal__header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.1);gap:12px}.trash-modal__title{font-size:18px;font-weight:700;color:#f1c40f;margin:0}.trash-modal__hint{font-size:12px;color:#666;font-style:italic;flex:1;text-align:center}.trash-modal__close{background:none;border:none;color:#888;font-size:20px;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .2s}.trash-modal__close:hover{background:#ffffff1a;color:#fff}.trash-modal__content{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:16px;padding:20px;overflow-y:auto;max-height:70vh}.trash-modal__card{display:flex;justify-content:center;position:relative;cursor:pointer}.trash-modal__card .game-card{cursor:pointer;transition:transform .2s,box-shadow .2s}.trash-modal__card:hover .game-card{transform:scale(1.05);box-shadow:0 4px 12px #0006;z-index:1}.trash-modal__card--pinned .game-card{box-shadow:0 0 0 3px #f1c40f,0 0 20px #f1c40f80;transform:scale(1.05)}.trash-modal__pin-indicator{position:absolute;top:-8px;right:-8px;font-size:16px;z-index:10;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.settings-button{background:#f1c40f1a;border:1px solid rgba(241,196,15,.3);border-radius:6px;padding:8px 12px;color:#f1c40fcc;font-size:18px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.settings-button:hover{background:#f1c40f33;color:#f1c40f;border-color:#f1c40f80;box-shadow:0 0 10px #f1c40f4d}.settings-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:3000}.settings-modal{background:#1a1a2e;border:1px solid rgba(255,255,255,.2);border-radius:8px;min-width:300px;max-width:400px;box-shadow:0 8px 32px #00000080}.settings-modal__header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.1)}.settings-modal__title{font-size:18px;font-weight:700;color:#f1c40f;margin:0}.settings-modal__close{background:none;border:none;color:#888;font-size:20px;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .2s}.settings-modal__close:hover{background:#ffffff1a;color:#fff}.settings-modal__content{padding:20px}.settings-modal__option{display:flex;align-items:center;justify-content:space-between;padding:12px 0}.settings-modal__label{font-size:14px;color:#fff}.settings-modal__toggle{position:relative;width:60px;height:30px;background:#444;border:none;border-radius:15px;cursor:pointer;transition:background .3s;padding:0}.settings-modal__toggle--on{background:#27ae60}.settings-modal__toggle-slider{position:absolute;top:3px;left:3px;width:24px;height:24px;background:#fff;border-radius:50%;transition:transform .3s}.settings-modal__toggle--on .settings-modal__toggle-slider{transform:translate(30px)}.settings-modal__toggle-text{position:absolute;top:50%;transform:translateY(-50%);font-size:10px;font-weight:700;color:#fff;right:8px}.settings-modal__toggle--on .settings-modal__toggle-text{right:auto;left:8px}@keyframes card-play{0%{transform:scale(.8);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}@keyframes card-attack{0%{transform:translateY(0)}30%{transform:translateY(-30px)}to{transform:translateY(0)}}@keyframes card-damage{0%,to{transform:translate(0);filter:none}20%,60%{transform:translate(-5px);filter:brightness(2) saturate(0) sepia(1) hue-rotate(-50deg)}40%,80%{transform:translate(5px)}}@keyframes life-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.3)}}@keyframes pulse-green{0%,to{box-shadow:0 0 8px 2px #27ae6066}50%{box-shadow:0 0 16px 6px #27ae60b3}}@keyframes pulse-red{0%,to{box-shadow:0 0 8px 2px #e74c3c66}50%{box-shadow:0 0 16px 6px #e74c3cb3}}@keyframes pulse-cost-modified{0%,to{box-shadow:0 0 8px 2px #f1c40f66}50%{box-shadow:0 0 16px 6px #f1c40fb3}}.game-card--cost-modified{animation:pulse-cost-modified 2s ease-in-out infinite}@keyframes pulse-stage-effect{0%,to{box-shadow:0 0 10px 3px #8b5cf666}50%{box-shadow:0 0 20px 8px #8b5cf6b3}}.game-card--active-effect{animation:pulse-stage-effect 2.5s ease-in-out infinite}.card-entering{animation:card-play .3s ease-out}.card-damaged{animation:card-damage .4s ease}.animating-card{position:fixed;z-index:2000;pointer-events:none;border-radius:3px;overflow:visible;box-shadow:0 6px 18px #00000080}.animating-card--don{border-radius:3px}.animating-card__flipper{transform-style:preserve-3d}.animating-card__face{backface-visibility:hidden}.animating-card__face--front{transform:rotateY(180deg)}.animating-card__face--back{transform:rotateY(0)}.game-board--blocked{position:relative}.game-board--blocked .action-buttons{opacity:.5;pointer-events:none}.game-board--blocked .hand-zone__cards .game-card,.game-board--blocked .player-area .game-card{pointer-events:none}.game-board__blocking-overlay{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1500;background:transparent}.zone--life--hidden{opacity:0}.zone--life--hidden .life-stack,.zone--life--hidden .life-bar{visibility:hidden}.dealing-indicator{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:1px;opacity:.8}@media (max-width: 1200px){.game-board{grid-template-columns:1fr 280px}.game-card{width:70px;height:98px}.game-card--small{width:40px;height:56px}}@media (max-width: 900px){.game-board{grid-template-columns:1fr}.game-board__sidebar{display:none}}.attack-prompt{position:fixed;top:60px;left:50%;transform:translate(-50%);z-index:1500;animation:slideDown .3s ease}.attack-prompt__content{display:flex;align-items:center;gap:12px;padding:12px 24px;background:linear-gradient(135deg,#e74c3c,#c0392b);border-radius:8px;box-shadow:0 4px 20px #e74c3c66;border:2px solid rgba(255,255,255,.2)}.attack-prompt__icon{font-size:24px}.attack-prompt__text{color:#fff;font-size:16px;font-weight:600;text-transform:uppercase;letter-spacing:1px}.play-card-prompt{position:fixed;top:60px;left:50%;transform:translate(-50%);z-index:1500;animation:slideDown .3s ease}.play-card-prompt__content{display:flex;align-items:center;gap:12px;padding:10px 20px;background:linear-gradient(135deg,#27ae60,#1e8449);border-radius:8px;box-shadow:0 4px 20px #27ae6066;border:2px solid rgba(255,255,255,.2)}.play-card-prompt__icon{font-size:20px}.play-card-prompt__text{color:#fff;font-size:14px;font-weight:600;letter-spacing:.5px}.play-card-prompt__cancel{margin-left:8px;padding:4px 12px;font-size:12px;font-weight:600;color:#fff;background:#0000004d;border:1px solid rgba(255,255,255,.3);border-radius:4px;cursor:pointer;transition:all .2s ease}.play-card-prompt__cancel:hover{background:#00000080;border-color:#ffffff80}.attack-effect-prompt,.play-effect-prompt,.activate-effect-prompt,.event-effect-prompt,.counter-effect-prompt,.additional-cost-prompt{position:fixed;top:20px;left:50%;transform:translate(-50%);z-index:2000;animation:effectPromptSlideIn .3s ease}@keyframes effectPromptSlideIn{0%{opacity:0;transform:translate(-50%) translateY(-20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.attack-effect-prompt__content,.play-effect-prompt__content{display:flex;flex-direction:column;align-items:center;gap:12px;padding:20px 32px;background:linear-gradient(135deg,#1a2e1a,#0d1f0d);border-radius:12px;box-shadow:0 8px 32px #00000080,0 0 20px #4ade8033,inset 0 1px #ffd7001a;border:2px solid rgba(255,215,0,.6);min-width:300px;max-width:450px}.attack-effect-prompt__header,.play-effect-prompt__header{display:flex;align-items:center;gap:8px}.attack-effect-prompt__icon,.play-effect-prompt__icon{font-size:24px;filter:drop-shadow(0 0 4px rgba(255,215,0,.5))}.attack-effect-prompt__title,.play-effect-prompt__title{color:gold;font-size:18px;font-weight:700;text-transform:uppercase;letter-spacing:1px;text-shadow:0 2px 4px rgba(0,0,0,.5)}.attack-effect-prompt__card-name,.play-effect-prompt__card-name{color:#4ade80;font-size:16px;font-weight:600}.attack-effect-prompt__description,.play-effect-prompt__description{color:#ffffffe6;font-size:14px;text-align:center;line-height:1.5;margin:0}.attack-effect-prompt__instruction,.play-effect-prompt__instruction{color:gold;font-size:13px;font-weight:500;margin:0}.attack-effect-prompt__buttons,.play-effect-prompt__buttons{display:flex;gap:12px;margin-top:8px}.action-btn--use-effect{background:linear-gradient(135deg,#4ade80,#22c55e);color:#000;padding:10px 24px;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #4ade804d}.action-btn--use-effect:hover:not(:disabled){background:linear-gradient(135deg,#5eeb94,#2dd469);transform:translateY(-1px);box-shadow:0 6px 16px #4ade8066}.action-btn--use-effect:disabled{opacity:.5;cursor:not-allowed}.action-btn--skip-effect{background:#ffffff1a;color:#a8b6cc;padding:10px 24px;border:1px solid rgba(255,255,255,.2);border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.action-btn--skip-effect:hover{background:#ffffff26;color:#fff}.game-card--attack-effect-target,.game-card--play-effect-target{box-shadow:0 0 15px 5px #4ade80cc!important;animation:effectTargetPulse 1.5s ease-in-out infinite}@keyframes effectTargetPulse{0%,to{box-shadow:0 0 15px 5px #4ade80cc}50%{box-shadow:0 0 20px 8px #4ade80}}.game-card--attack-effect-selected,.game-card--play-effect-selected{box-shadow:0 0 20px 8px #ffd700e6!important;transform:scale(1.05)}.play-effect-prompt__warning{color:#f59e0b;font-size:12px;font-style:italic;margin:0}@keyframes attackEffectFadeIn{0%{opacity:0;transform:translate(-50%) translateY(-20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes playEffectFadeIn{0%{opacity:0;transform:translate(-50%) translateY(-20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.play-effect-prompt__description{color:#ffffffe6;font-size:14px;text-align:center;line-height:1.5;margin:0}.play-effect-prompt__instruction{color:#f1c40f;font-size:13px;font-weight:500;margin:0}.play-effect-prompt__buttons{display:flex;gap:12px;margin-top:8px}.game-card--play-effect-target{box-shadow:0 0 15px 5px #4ade80cc!important;animation:playEffectTargetPulse 1.5s ease-in-out infinite}@keyframes playEffectTargetPulse{0%,to{box-shadow:0 0 15px 5px #4ade80cc}50%{box-shadow:0 0 20px 8px #4ade80}}.game-card--play-effect-selected{box-shadow:0 0 20px 8px #f1c40fe6!important;transform:scale(1.05)}.game-card--event-effect-target{box-shadow:0 0 15px 5px #4ade80cc!important;animation:eventEffectTargetPulse 1.5s ease-in-out infinite}@keyframes eventEffectTargetPulse{0%,to{box-shadow:0 0 15px 5px #4ade80cc}50%{box-shadow:0 0 20px 8px #4ade80}}.game-card--event-effect-selected{box-shadow:0 0 20px 8px #f1c40fe6!important;transform:scale(1.05)}.game-card--counter-effect-target{box-shadow:0 0 15px 5px #4ade80cc!important;animation:counterEffectTargetPulse 1.5s ease-in-out infinite}@keyframes counterEffectTargetPulse{0%,to{box-shadow:0 0 15px 5px #4ade80cc}50%{box-shadow:0 0 20px 8px #4ade80}}.game-card--counter-effect-selected{box-shadow:0 0 20px 8px #f1c40fe6!important;transform:scale(1.05)}.counter-notification{position:fixed;top:60px;left:50%;transform:translate(-50%);z-index:2100;animation:counterSlideDown .3s ease}@keyframes counterSlideDown{0%{opacity:0;transform:translate(-50%) translateY(-20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.counter-notification__content{display:flex;align-items:center;gap:12px;padding:12px 24px;background:linear-gradient(135deg,#1a2e1a,#0d1f0d);border-radius:8px;box-shadow:0 4px 20px #4ade8066;border:2px solid rgba(255,215,0,.6)}.counter-notification__icon{font-size:24px}.counter-notification__text{color:#fff;font-size:16px;font-weight:600;text-transform:uppercase;letter-spacing:1px}.error-banner{position:fixed;top:60px;left:50%;transform:translate(-50%);z-index:1500;cursor:pointer;animation:errorSlideDown .3s ease}@keyframes errorSlideDown{0%{opacity:0;transform:translate(-50%) translateY(-20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.error-banner__content{display:flex;align-items:center;gap:12px;padding:12px 24px;background:linear-gradient(135deg,#e67e22,#d35400);border-radius:8px;box-shadow:0 4px 20px #e67e2266;border:2px solid rgba(255,255,255,.2)}.error-banner__icon{font-size:24px}.error-banner__text{color:#fff;font-size:16px;font-weight:600;letter-spacing:.5px}.info-banner{position:fixed;top:60px;left:50%;transform:translate(-50%);z-index:1500;cursor:pointer;animation:infoSlideDown .3s ease}@keyframes infoSlideDown{0%{opacity:0;transform:translate(-50%) translateY(-20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.info-banner__content{display:flex;align-items:center;gap:12px;padding:12px 24px;background:linear-gradient(135deg,#3498db,#2980b9);border-radius:8px;box-shadow:0 4px 20px #3498db66;border:2px solid rgba(255,255,255,.2)}.info-banner__icon{font-size:24px}.info-banner__text{color:#fff;font-size:16px;font-weight:600;letter-spacing:.5px}.game-card--attack-jumping{animation:attackJump .3s ease forwards;z-index:1000!important}.game-card--attack-returning{animation:attackReturn .2s ease forwards;z-index:1000!important}@keyframes attackJump{0%{transform:translateY(0) scale(1)}50%{transform:translateY(-60px) scale(1.15)}to{transform:translateY(-40px) scale(1.1)}}@keyframes attackReturn{0%{transform:translateY(-40px) scale(1.1)}to{transform:translateY(0) scale(1)}}.game-card--attack-target{animation:targetPulse .5s ease infinite}@keyframes targetPulse{0%,to{box-shadow:0 0 15px 5px #e74c3c99}50%{box-shadow:0 0 25px 10px #e74c3ce6}}.life-damage-indicator{position:fixed;z-index:2500;pointer-events:none;animation:lifeDamageAppear 1.5s ease forwards}.life-damage-indicator--player{left:100px;bottom:200px}.life-damage-indicator--opponent{left:100px;top:200px}.life-damage-indicator__text{display:block;font-size:72px;font-weight:700;color:#e74c3c;text-shadow:0 0 20px rgba(231,76,60,.8),0 4px 8px rgba(0,0,0,.5),2px 2px 0 #c0392b,-2px -2px 0 #c0392b}@keyframes lifeDamageAppear{0%{opacity:0;transform:scale(.5) translateY(20px)}15%{opacity:1;transform:scale(1.2) translateY(0)}30%{transform:scale(1) translateY(0)}70%{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(.8) translateY(-30px)}}.pre-game-setup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000}.pre-game-setup-modal{background:linear-gradient(180deg,#2a2a4a,#1a1a2e);border:2px solid rgba(255,215,0,.5);border-radius:12px;padding:24px;max-width:1000px;max-height:80vh;overflow-y:auto;box-shadow:0 20px 40px #00000080}.pre-game-setup-title{color:gold;font-size:24px;font-weight:700;text-align:center;margin:0 0 12px;text-shadow:0 2px 4px rgba(0,0,0,.5)}.pre-game-setup-description{color:#fff;font-size:16px;text-align:center;margin:0 0 16px;padding:12px;background:#0000004d;border-radius:8px;line-height:1.5}.pre-game-setup-instruction{color:#aaa;font-size:14px;text-align:center;margin:0 0 16px}.pre-game-setup-cards{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;padding:16px 0}.pre-game-card-wrapper{display:flex;flex-direction:column;align-items:center;cursor:pointer;padding:8px;border-radius:8px;transition:all .2s ease;border:2px solid transparent}.pre-game-card-wrapper:hover{background:#ffffff1a;transform:translateY(-4px)}.pre-game-card-wrapper.selected{border-color:#4ade80;background:#4ade8026;box-shadow:0 0 20px #4ade804d}.pre-game-card-name{color:#fff;font-size:12px;text-align:center;margin-top:8px;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pre-game-card-wrapper .game-card{width:150px;height:210px}.pre-game-setup-no-cards{color:#888;font-size:14px;text-align:center;padding:24px}.pre-game-setup-buttons{display:flex;gap:12px;justify-content:center;margin-top:24px}.pre-game-btn{padding:12px 24px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;border:none;transition:all .2s ease}.pre-game-btn-confirm{background:linear-gradient(180deg,#4ade80,#22c55e);color:#000}.pre-game-btn-confirm:hover{background:linear-gradient(180deg,#22c55e,#16a34a);transform:translateY(-2px);box-shadow:0 4px 12px #22c55e66}.pre-game-btn-skip{background:linear-gradient(180deg,#6b7280,#4b5563);color:#fff}.pre-game-btn-skip:hover{background:linear-gradient(180deg,#9ca3af,#6b7280);transform:translateY(-2px)}.deck-reveal-modal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:2000;display:flex;align-items:center;justify-content:center}.deck-reveal-modal__overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#000000bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.deck-reveal-modal__content{position:relative;background:linear-gradient(135deg,#1a2e1a,#0d1f0d);border:2px solid rgba(255,215,0,.6);border-radius:16px;padding:28px 32px;min-width:500px;max-width:90vw;box-shadow:0 20px 60px #0009,0 0 20px #4ade8033;animation:deckRevealFadeIn .3s ease}@keyframes deckRevealFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.deck-reveal-modal__title{color:#f1c40f;text-align:center;margin:0 auto 12px;font-size:18px;font-weight:600;max-width:500px;word-wrap:break-word;overflow-wrap:break-word;line-height:1.4}.deck-reveal-modal__filter-info{color:#aaa;text-align:center;margin:0 0 20px;font-size:14px}.deck-reveal-modal__trait{color:#9b59b6;font-weight:600}.deck-reveal-modal__cards{display:flex;gap:16px;justify-content:center;margin-bottom:20px;flex-wrap:wrap}.deck-reveal-modal__card-wrapper{position:relative;transition:all .2s ease}.deck-reveal-modal__card-wrapper--dimmed{opacity:.5;filter:grayscale(50%)}.deck-reveal-modal__card-wrapper--dimmed:hover{opacity:.7}.deck-reveal-modal__card-label{position:absolute;bottom:-24px;left:50%;transform:translate(-50%);color:#e74c3c;font-size:11px;font-weight:500;white-space:nowrap;text-transform:uppercase}.deck-reveal-modal__no-matches{color:#e74c3c;text-align:center;font-style:italic;font-size:16px;margin:20px 0;padding:12px;background:#e74c3c1a;border-radius:8px;border:1px solid rgba(231,76,60,.3)}.deck-reveal-modal__selection-info{color:#4ade80;text-align:center;font-size:14px;margin:0 0 8px}.deck-reveal-modal__remainder-info{color:#888;text-align:center;font-size:12px;margin:0 0 20px}.deck-reveal-modal__buttons{display:flex;gap:16px;justify-content:center}.hand-select-panel{position:fixed;top:20px;left:50%;transform:translate(-50%);z-index:100;animation:handSelectSlideIn .3s ease}@keyframes handSelectSlideIn{0%{opacity:0;transform:translate(-50%) translateY(-20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.hand-select-panel__content{background:linear-gradient(135deg,#1a2e1a,#0d1f0d);border:2px solid rgba(255,215,0,.6);border-radius:12px;padding:16px 24px;box-shadow:0 8px 32px #00000080,0 0 12px #4ade8033;display:flex;flex-direction:column;align-items:center;gap:12px}.hand-select-panel__text{color:#f1c40f;font-size:16px;font-weight:600;margin:0;text-align:center}.hand-select-panel__buttons{display:flex;gap:12px}.refresh-phase-banner{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:linear-gradient(135deg,#1a2e1a,#0d1f0d);color:gold;padding:16px 48px;border-radius:8px;border:2px solid rgba(255,215,0,.6);font-size:24px;font-weight:700;z-index:1000;animation:refreshBannerAppear .5s ease-out,refreshBannerFade .5s ease-in 1s forwards;box-shadow:0 4px 20px #4ade8066;text-shadow:0 2px 4px rgba(0,0,0,.3)}@keyframes refreshBannerAppear{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes refreshBannerFade{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(.9)}}.game-card--don-inactive{filter:grayscale(50%) brightness(.7);opacity:.5}.combat-modal-overlay{position:fixed;top:0;left:0;right:280px;bottom:120px;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .2s ease}.combat-modal{background:linear-gradient(135deg,#1a2e1a,#0d1f0d);border-radius:16px;padding:24px 32px;min-width:500px;max-width:700px;border:2px solid rgba(255,215,0,.6);box-shadow:0 20px 60px #00000080,0 0 20px #4ade8033;animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.combat-modal__header{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:24px}.combat-modal__title{font-size:24px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:2px;margin:0}.combat-modal__blocked-badge{background:#e74c3c;color:#fff;padding:4px 12px;border-radius:4px;font-size:12px;font-weight:700;text-transform:uppercase}.combat-modal__content{display:flex;align-items:center;justify-content:center;gap:32px;margin-bottom:24px}.combat-modal__side{display:flex;flex-direction:column;align-items:center;gap:12px}.combat-modal__label{display:flex;flex-direction:column;align-items:center;gap:2px;text-transform:uppercase;letter-spacing:1px}.combat-modal__owner{font-size:16px;font-weight:700;color:#fff}.combat-modal__role{font-size:12px;font-weight:600;color:#aaa}.combat-modal__power{font-size:32px;font-weight:700;padding:8px 20px;border-radius:8px;min-width:100px;text-align:center}.combat-modal__power--attacker{background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff;box-shadow:0 4px 15px #e74c3c66}.combat-modal__power--defender{background:linear-gradient(135deg,#4ade80,#22c55e);color:#000;box-shadow:0 4px 15px #4ade8066}.combat-modal__counter-bonus{color:#2ecc71;font-size:24px}.combat-modal__effect-bonus{color:#9b59b6;font-size:24px}.combat-modal__total{font-size:20px;opacity:.8}.combat-modal__vs{display:flex;flex-direction:column;align-items:center;gap:12px}.combat-modal__vs-text{font-size:36px;font-weight:700;color:#f1c40f;text-shadow:0 2px 10px rgba(241,196,15,.5)}.combat-modal__result{font-size:12px;font-weight:600;padding:6px 12px;border-radius:4px;text-transform:uppercase}.combat-modal__result--attacker{background:#e74c3c33;color:#e74c3c;border:1px solid #e74c3c}.combat-modal__result--defender{background:#4ade8033;color:#4ade80;border:1px solid #4ade80}.combat-modal__actions{display:flex;flex-direction:column;align-items:center;gap:16px;padding-top:16px;border-top:1px solid rgba(255,255,255,.1)}.combat-modal__action-label{font-size:14px;color:#aaa;margin-bottom:8px}.combat-modal__instruction{font-size:14px;color:#ccc;text-align:center;margin-bottom:12px;font-style:italic}.combat-modal__blockers,.combat-modal__counters{display:flex;flex-direction:column;align-items:center;gap:8px}.combat-modal__blocker-list,.combat-modal__counter-list{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.combat-modal__blocker-option,.combat-modal__counter-option{display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;padding:8px;border-radius:8px;background:#ffffff0d;border:2px solid transparent;transition:all .2s ease}.combat-modal__blocker-option:hover,.combat-modal__counter-option:hover{background:#4ade8033;border-color:#4ade80;transform:translateY(-2px)}.combat-modal__blocker-option--selected,.combat-modal__counter-option--selected{border-color:gold;background:#ffd70033;box-shadow:0 0 12px #ffd70080}.combat-modal__blocker-option--selected:hover,.combat-modal__counter-option--selected:hover{border-color:gold;background:#ffd7004d}.combat-modal__blocker-power{font-size:14px;font-weight:700;color:#4ade80}.combat-modal__counter-value{font-size:14px;font-weight:700;color:#2ecc71}.combat-modal__btn{padding:12px 32px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:1px}.combat-modal__action-buttons{display:flex;gap:12px;justify-content:center;margin-top:16px}.combat-modal__btn--pass{background:#7f8c8d;color:#fff}.combat-modal__btn--pass:hover{background:#6c7a7b;transform:scale(1.02)}.combat-modal__btn--block{background:linear-gradient(135deg,#4ade80,#22c55e);color:#000}.combat-modal__btn--block:hover:not(:disabled){background:linear-gradient(135deg,#22c55e,#16a34a);transform:scale(1.02)}.combat-modal__btn--block:disabled{background:#555;opacity:.6;cursor:not-allowed}.combat-modal__btn--counter{background:linear-gradient(135deg,gold,#f1c40f);color:#000}.combat-modal__btn--counter:hover:not(:disabled){background:linear-gradient(135deg,#f1c40f,#d4ac0d);transform:scale(1.02)}.combat-modal__btn--counter:disabled{background:#555;opacity:.6;cursor:not-allowed}.combat-modal__btn--skip{background:#7f8c8d;color:#fff}.combat-modal__btn--skip:hover{background:#6c7a7b;transform:scale(1.02)}.combat-modal__waiting{text-align:center;color:#888;font-size:16px;padding:16px;font-style:italic}.combat-modal .game-card--large{width:100px;height:140px}.combat-modal .game-card--small{width:50px;height:70px}.combat-modal__card-upright .game-card{transform:none!important}.combat-modal__card-upright .game-card:hover{transform:translateY(-4px)!important}.combat-modal__don-area{display:flex;align-items:center;gap:12px;margin:12px 0;padding:8px 12px;background:#ffc8321a;border:1px solid rgba(255,200,50,.3);border-radius:8px}.combat-modal__don-label{font-size:12px;font-weight:600;color:#ffc832;white-space:nowrap}.combat-modal__don-cards{display:flex;gap:4px;flex-wrap:wrap}.combat-modal__don-card{width:20px;height:28px;background:linear-gradient(135deg,gold,#ff8c00);border-radius:3px;border:1px solid rgba(255,255,255,.3);box-shadow:0 2px 4px #0000004d}.rps-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}.rps-modal{background:linear-gradient(135deg,#1a1a2e,#16213e);border:2px solid #4a5568;border-radius:16px;padding:32px;min-width:400px;max-width:500px;text-align:center;box-shadow:0 20px 60px #00000080;animation:slideUp .3s ease-out}.rps-modal__header{margin-bottom:24px}.rps-modal__title{font-size:28px;font-weight:700;color:#f7fafc;margin:0 0 8px}.rps-modal__subtitle{font-size:14px;color:#a0aec0;margin:0}.rps-modal__timer{position:relative;height:8px;background:#2d3748;border-radius:4px;margin-bottom:24px;overflow:hidden}.rps-modal__timer-bar{position:absolute;top:0;left:0;height:100%;background:linear-gradient(90deg,#48bb78,#38a169);border-radius:4px;transition:width 1s linear}.rps-modal__timer-bar--urgent{background:linear-gradient(90deg,#f56565,#e53e3e);animation:pulse .5s ease-in-out infinite}.rps-modal__timer-text{position:absolute;right:8px;top:-24px;font-size:14px;font-weight:700;color:#a0aec0}.rps-modal__choices{display:flex;gap:16px;justify-content:center;margin-bottom:24px}.rps-modal__choice{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px 24px;background:#2d3748;border:3px solid #4a5568;border-radius:12px;cursor:pointer;transition:all .2s ease;min-width:100px}.rps-modal__choice:hover:not(:disabled){background:#3d4a5c;border-color:#63b3ed;transform:translateY(-4px);box-shadow:0 8px 20px #63b3ed4d}.rps-modal__choice--selected{background:#2b6cb0!important;border-color:#63b3ed!important;transform:scale(1.05);box-shadow:0 0 20px #63b3ed80}.rps-modal__choice--disabled{opacity:.4;cursor:not-allowed;transform:scale(.95)}.rps-modal__choice-icon{font-size:48px;line-height:1}.rps-modal__choice-label{font-size:14px;font-weight:600;color:#e2e8f0;text-transform:uppercase;letter-spacing:1px}.rps-modal__waiting{display:flex;align-items:center;justify-content:center;gap:12px;padding:16px;color:#a0aec0;font-size:14px}.rps-modal__spinner{width:20px;height:20px;border:2px solid #4a5568;border-top-color:#63b3ed;border-radius:50%;animation:spin 1s linear infinite}.rps-modal__tie-message{color:#f6ad55;font-size:14px;font-weight:600;margin:0;padding:12px;background:#f6ad551a;border-radius:8px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.rps-result-modal{min-width:450px}.rps-result__choices{display:flex;align-items:center;justify-content:center;gap:24px;margin-bottom:24px}.rps-result__player{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 24px;background:#2d3748;border-radius:12px;min-width:120px}.rps-result__player-name{font-size:12px;font-weight:600;color:#a0aec0;text-transform:uppercase;letter-spacing:1px}.rps-result__choice-icon{font-size:56px;line-height:1;animation:bounceIn .5s ease-out}.rps-result__choice-label{font-size:14px;font-weight:600;color:#e2e8f0;text-transform:capitalize}.rps-result__vs{font-size:24px;font-weight:700;color:#718096}.rps-result__message{font-size:16px;font-weight:600;margin:0;padding:16px;border-radius:8px}.rps-result__message--win{color:#48bb78;background:#48bb781a}.rps-result__message--lose{color:#a0aec0;background:#a0aec01a}.rps-result__message--tie{color:#f6ad55;background:#f6ad551a}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.first-choice-modal{min-width:480px}.first-choice__options{display:flex;gap:20px;justify-content:center;margin-bottom:24px}.first-choice__option{display:flex;flex-direction:column;align-items:center;gap:8px;padding:24px 28px;background:#2d3748;border:3px solid #4a5568;border-radius:16px;cursor:pointer;transition:all .2s ease;min-width:180px;text-align:center}.first-choice__option:hover:not(:disabled){transform:translateY(-4px)}.first-choice__option--first:hover:not(:disabled){background:#2c5282;border-color:#4299e1;box-shadow:0 8px 20px #4299e14d}.first-choice__option--second:hover:not(:disabled){background:#285e61;border-color:#38b2ac;box-shadow:0 8px 20px #38b2ac4d}.first-choice__option--disabled{opacity:.4;cursor:not-allowed;transform:scale(.95)!important}.first-choice__option-icon{font-size:36px;font-weight:700;color:#e2e8f0;background:linear-gradient(135deg,#4a5568,#2d3748);width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center}.first-choice__option--first .first-choice__option-icon{background:linear-gradient(135deg,#4299e1,#2b6cb0)}.first-choice__option--second .first-choice__option-icon{background:linear-gradient(135deg,#38b2ac,#285e61)}.first-choice__option-title{font-size:18px;font-weight:700;color:#f7fafc}.first-choice__option-desc{font-size:12px;color:#a0aec0;line-height:1.4}.turn-order-banner{position:fixed;top:80px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#2d3748,#1a202c);border:2px solid #4a5568;border-radius:12px;padding:16px 32px;z-index:900;animation:slideDown .3s ease-out,fadeOut .5s ease-in 3s forwards;box-shadow:0 10px 30px #0006}.turn-order-banner__text{font-size:18px;font-weight:600;color:#e2e8f0}.turn-order-banner--first{border-color:#4299e1}.turn-order-banner--first .turn-order-banner__text{color:#63b3ed}.turn-order-banner--second{border-color:#38b2ac}.turn-order-banner--second .turn-order-banner__text{color:#4fd1c5}@keyframes slideDown{0%{opacity:0;transform:translate(-50%) translateY(-20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0;visibility:hidden}}.chat-popup-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.chat-popup{background:#1e2a3efa;border:1px solid rgba(255,255,255,.15);border-radius:12px;width:90%;max-width:400px;max-height:70vh;display:flex;flex-direction:column;box-shadow:0 8px 32px #00000080;animation:chat-popup-enter .2s ease-out}@keyframes chat-popup-enter{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.chat-popup__header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.1)}.chat-popup__title{font-size:16px;font-weight:600;color:#f6efe3;margin:0}.chat-popup__close{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border:none;border-radius:6px;color:#a8b6cc;font-size:18px;cursor:pointer;transition:all .15s ease}.chat-popup__close:hover{background:#fff3;color:#f6efe3}.chat-popup__messages{flex:1;overflow-y:auto;padding:12px;min-height:200px;max-height:300px}.chat-popup__empty{color:#6b7b8f;text-align:center;padding:32px 16px;font-size:13px}.chat-popup__message{margin-bottom:8px}.chat-popup__message--system{text-align:center}.chat-popup__message--self{display:flex;justify-content:flex-end}.chat-popup__message--other{display:flex;justify-content:flex-start}.chat-popup__system-text{color:#6b7b8f;font-size:12px;font-style:italic}.chat-popup__bubble{max-width:80%;padding:8px 12px;border-radius:12px;background:#ffffff14}.chat-popup__message--self .chat-popup__bubble{background:#3b82f6;border-bottom-right-radius:4px}.chat-popup__message--other .chat-popup__bubble{background:#ffffff1a;border-bottom-left-radius:4px}.chat-popup__meta{display:flex;align-items:baseline;gap:8px;margin-bottom:2px}.chat-popup__sender{font-size:11px;font-weight:500;color:#fff9}.chat-popup__message--self .chat-popup__sender{color:#ffffffb3}.chat-popup__time{font-size:10px;color:#fff6}.chat-popup__text{font-size:13px;color:#f6efe3;margin:0;word-break:break-word}.chat-popup__emotes{border-top:1px solid rgba(255,255,255,.1);padding:12px;background:#0003;max-height:150px;overflow-y:auto}.chat-popup__emotes-section{margin-bottom:12px}.chat-popup__emotes-section:last-child{margin-bottom:0}.chat-popup__emotes-label{font-size:11px;color:#6b7b8f;margin:0 0 8px;text-transform:uppercase;letter-spacing:.5px}.chat-popup__quick-messages{display:flex;flex-wrap:wrap;gap:6px}.chat-popup__quick-btn{padding:4px 10px;background:#ffffff14;border:1px solid rgba(255,255,255,.1);border-radius:4px;color:#f6efe3;font-size:11px;cursor:pointer;transition:all .15s ease}.chat-popup__quick-btn:hover{background:#ffffff26;border-color:#fff3}.chat-popup__emoji-grid{display:flex;flex-wrap:wrap;gap:4px}.chat-popup__emoji-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#ffffff14;border:none;border-radius:6px;font-size:16px;cursor:pointer;transition:all .15s ease}.chat-popup__emoji-btn:hover{background:#ffffff26;transform:scale(1.1)}.chat-popup__form{display:flex;gap:8px;padding:12px;border-top:1px solid rgba(255,255,255,.1)}.chat-popup__emote-toggle{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#ffffff14;border:none;border-radius:6px;color:#a8b6cc;cursor:pointer;transition:all .15s ease;flex-shrink:0}.chat-popup__emote-toggle:hover{background:#ffffff26;color:#f6efe3}.chat-popup__emote-toggle--active{background:#3b82f6;color:#fff}.chat-popup__emote-toggle svg{width:18px;height:18px}.chat-popup__input{flex:1;padding:8px 12px;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#f6efe3;font-size:13px;outline:none;transition:border-color .15s ease}.chat-popup__input::-moz-placeholder{color:#6b7b8f}.chat-popup__input::placeholder{color:#6b7b8f}.chat-popup__input:focus{border-color:#3b82f6}.chat-popup__send{padding:8px 16px;background:#3b82f6;border:none;border-radius:6px;color:#fff;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease;flex-shrink:0}.chat-popup__send:hover:not(:disabled){background:#2563eb}.chat-popup__send:disabled{opacity:.5;cursor:not-allowed}.chat-button{position:relative;background:#ffffff1a;border:none;padding:8px 12px;border-radius:6px;color:#a8b6cc;cursor:pointer;font-size:14px;display:flex;align-items:center;gap:6px;transition:all .15s ease}.chat-button:hover{background:#ffffff26;color:#f6efe3}.chat-button svg{width:18px;height:18px}.chat-button__badge{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 5px;background:#ef4444;border-radius:9px;color:#fff;font-size:11px;font-weight:600;display:flex;align-items:center;justify-content:center;animation:chat-badge-pulse 1s ease infinite}@keyframes chat-badge-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.effect-toast-container{position:fixed;top:80px;right:20px;display:flex;flex-direction:column;gap:8px;z-index:1000;pointer-events:none;max-width:320px}.effect-toast{position:relative;display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:8px;background:linear-gradient(135deg,#1a2e1a,#0d1f0d);border:1px solid rgba(255,215,0,.4);box-shadow:0 4px 16px #0006,0 0 12px #4ade8026;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:auto;animation:toast-enter .3s cubic-bezier(.34,1.56,.64,1);transform-origin:right center}.effect-toast--exiting{animation:toast-exit .25s ease-in forwards}@keyframes toast-enter{0%{transform:translate(100%) scale(.8);opacity:0}to{transform:translate(0) scale(1);opacity:1}}@keyframes toast-exit{0%{transform:translate(0) scale(1);opacity:1}to{transform:translate(100%) scale(.8);opacity:0}}.effect-toast__icon{flex-shrink:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-size:14px;border-radius:50%;background:linear-gradient(135deg,#4ade80,#22c55e);color:#000;font-weight:700;box-shadow:0 0 8px #4ade8080}.effect-toast__content{flex:1;min-width:0}.effect-toast__card-name{font-size:11px;font-weight:600;color:gold;text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.effect-toast__message{font-size:13px;color:#f6efe3;line-height:1.3}.effect-toast__close{flex-shrink:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,215,0,.2);background:#ffd7001a;border-radius:4px;color:gold;cursor:pointer;font-size:14px;transition:all .15s ease}.effect-toast__close:hover{background:#ffd70033;color:#fff}.effect-toast__progress{position:absolute;bottom:0;left:0;height:3px;background:linear-gradient(90deg,#4ade80,gold);border-radius:0 0 8px 8px;animation:toast-progress var(--toast-duration, 3s) linear forwards;opacity:.8}@keyframes toast-progress{0%{width:100%}to{width:0%}}.effect-toast--buff .effect-toast__icon:before{content:"↑"}.effect-toast--debuff .effect-toast__icon:before{content:"↓"}.effect-toast--draw .effect-toast__icon:before{content:"+"}.effect-toast--ko .effect-toast__icon:before{content:"✕"}.effect-toast--don .effect-toast__icon:before{content:"!"}.effect-toast--trigger .effect-toast__icon:before{content:"★"}.effect-toast--counter .effect-toast__icon:before{content:"◆"}.effect-toast--search .effect-toast__icon:before{content:"?"}.effect-toast--play .effect-toast__icon:before{content:"▶"}.effect-toast--neutral .effect-toast__icon:before{content:"•"}.effect-toast--important{animation:toast-enter .3s cubic-bezier(.34,1.56,.64,1),toast-pulse 1.5s ease-in-out .3s infinite;border-color:#ffd70099}@keyframes toast-pulse{0%,to{box-shadow:0 4px 16px #0006,0 0 12px #4ade8026}50%{box-shadow:0 4px 20px #00000080,0 0 20px #4ade804d}}.effect-animation-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:500;overflow:hidden}.effect-particle{position:absolute;border-radius:50%;pointer-events:none;will-change:transform,opacity}@keyframes particle-fly{0%{transform:translate(0) scale(1);opacity:1}70%{opacity:1}to{transform:translate(var(--dx),var(--dy)) scale(.3);opacity:0}}.effect-particle--flying{animation:particle-fly var(--particle-duration, .4s) cubic-bezier(.4,0,.2,1) forwards}.effect-particle--small{width:6px;height:6px}.effect-particle--medium{width:10px;height:10px}.effect-particle--large{width:14px;height:14px}.effect-particle--buff{background:radial-gradient(circle,#4ade80 0%,#22c55e 50%,transparent 100%);box-shadow:0 0 8px #22c55e,0 0 16px #22c55e80}.effect-particle--debuff{background:radial-gradient(circle,#f87171 0%,#ef4444 50%,transparent 100%);box-shadow:0 0 8px #ef4444,0 0 16px #ef444480}.effect-particle--draw{background:radial-gradient(circle,#60a5fa 0%,#3b82f6 50%,transparent 100%);box-shadow:0 0 8px #3b82f6,0 0 16px #3b82f680}.effect-particle--ko{background:radial-gradient(circle,#a78bfa 0%,#8b5cf6 50%,transparent 100%);box-shadow:0 0 8px #8b5cf6,0 0 16px #8b5cf680}.effect-particle--don{background:radial-gradient(circle,#fcd34d 0%,#f59e0b 50%,transparent 100%);box-shadow:0 0 8px #f59e0b,0 0 16px #f59e0b80}.effect-particle--trigger{background:radial-gradient(circle,#fb923c 0%,#ea580c 50%,transparent 100%);box-shadow:0 0 8px #ea580c,0 0 16px #ea580c80}.effect-particle--counter{background:radial-gradient(circle,#22d3ee 0%,#06b6d4 50%,transparent 100%);box-shadow:0 0 8px #06b6d4,0 0 16px #06b6d480}.effect-particle--search{background:radial-gradient(circle,#2dd4bf 0%,#14b8a6 50%,transparent 100%);box-shadow:0 0 8px #14b8a6,0 0 16px #14b8a680}.effect-particle--play{background:radial-gradient(circle,#34d399 0%,#10b981 50%,transparent 100%);box-shadow:0 0 8px #10b981,0 0 16px #10b98180}.effect-particle--neutral{background:radial-gradient(circle,#e5e7eb 0%,#9ca3af 50%,transparent 100%);box-shadow:0 0 6px #9ca3af,0 0 12px #9ca3af66}.effect-trail{position:absolute;height:3px;transform-origin:left center;pointer-events:none;border-radius:2px}@keyframes trail-extend{0%{width:0;opacity:0}20%{opacity:1}to{width:var(--trail-length);opacity:0}}.effect-trail--active{animation:trail-extend var(--trail-duration, .3s) ease-out forwards}.effect-trail--buff{background:linear-gradient(90deg,transparent,#22c55e,#4ade80);box-shadow:0 0 10px #22c55e}.effect-trail--debuff{background:linear-gradient(90deg,transparent,#ef4444,#f87171);box-shadow:0 0 10px #ef4444}.effect-trail--draw{background:linear-gradient(90deg,transparent,#3b82f6,#60a5fa);box-shadow:0 0 10px #3b82f6}.effect-trail--ko{background:linear-gradient(90deg,transparent,#8b5cf6,#a78bfa);box-shadow:0 0 10px #8b5cf6}.effect-trail--don{background:linear-gradient(90deg,transparent,#f59e0b,#fcd34d);box-shadow:0 0 10px #f59e0b}.effect-trail--trigger{background:linear-gradient(90deg,transparent,#ea580c,#fb923c);box-shadow:0 0 10px #ea580c}.effect-trail--counter{background:linear-gradient(90deg,transparent,#06b6d4,#22d3ee);box-shadow:0 0 10px #06b6d4}.effect-trail--search{background:linear-gradient(90deg,transparent,#14b8a6,#2dd4bf);box-shadow:0 0 10px #14b8a6}.effect-trail--play{background:linear-gradient(90deg,transparent,#10b981,#34d399);box-shadow:0 0 10px #10b981}.effect-trail--neutral{background:linear-gradient(90deg,transparent,#6b7280,#9ca3af);box-shadow:0 0 8px #6b7280}.effect-burst{position:absolute;border-radius:50%;pointer-events:none;transform:translate(-50%,-50%)}@keyframes burst-expand{0%{width:0;height:0;opacity:.8}to{width:var(--burst-size, 150px);height:var(--burst-size, 150px);opacity:0}}.effect-burst--active{animation:burst-expand var(--burst-duration, .4s) ease-out forwards}.effect-burst--buff{border:3px solid #22c55e;box-shadow:0 0 20px #22c55e,inset 0 0 20px #22c55e4d}.effect-burst--debuff{border:3px solid #ef4444;box-shadow:0 0 20px #ef4444,inset 0 0 20px #ef44444d}.effect-burst--draw{border:3px solid #3b82f6;box-shadow:0 0 20px #3b82f6,inset 0 0 20px #3b82f64d}.effect-burst--ko{border:3px solid #8b5cf6;box-shadow:0 0 20px #8b5cf6,inset 0 0 20px #8b5cf64d}.effect-burst--don{border:3px solid #f59e0b;box-shadow:0 0 20px #f59e0b,inset 0 0 20px #f59e0b4d}.effect-burst--trigger{border:3px solid #ea580c;box-shadow:0 0 20px #ea580c,inset 0 0 20px #ea580c4d}.effect-burst--counter{border:3px solid #06b6d4;box-shadow:0 0 20px #06b6d4,inset 0 0 20px #06b6d44d}.effect-burst--search{border:3px solid #14b8a6;box-shadow:0 0 20px #14b8a6,inset 0 0 20px #14b8a64d}.effect-burst--play{border:3px solid #10b981;box-shadow:0 0 20px #10b981,inset 0 0 20px #10b9814d}.effect-burst--neutral{border:3px solid #6b7280;box-shadow:0 0 15px #6b7280,inset 0 0 15px #6b72804d}.effect-impact{position:absolute;width:40px;height:40px;border-radius:50%;pointer-events:none;transform:translate(-50%,-50%)}@keyframes impact-flash{0%{transform:translate(-50%,-50%) scale(.5);opacity:1}50%{transform:translate(-50%,-50%) scale(1.5);opacity:.6}to{transform:translate(-50%,-50%) scale(2);opacity:0}}.effect-impact--active{animation:impact-flash .3s ease-out forwards}.effect-impact--buff{background:radial-gradient(circle,rgba(34,197,94,.8),transparent 70%)}.effect-impact--debuff{background:radial-gradient(circle,rgba(239,68,68,.8),transparent 70%)}.effect-impact--draw{background:radial-gradient(circle,rgba(59,130,246,.8),transparent 70%)}.effect-impact--ko{background:radial-gradient(circle,rgba(139,92,246,.8),transparent 70%)}.effect-impact--don{background:radial-gradient(circle,rgba(245,158,11,.8),transparent 70%)}.effect-impact--trigger{background:radial-gradient(circle,rgba(234,88,12,.8),transparent 70%)}.effect-impact--counter{background:radial-gradient(circle,rgba(6,182,212,.8),transparent 70%)}.effect-impact--search{background:radial-gradient(circle,rgba(20,184,166,.8),transparent 70%)}.effect-impact--play{background:radial-gradient(circle,rgba(16,185,129,.8),transparent 70%)}.effect-impact--neutral{background:radial-gradient(circle,rgba(156,163,175,.8),transparent 70%)}.effect-shatter{position:absolute;pointer-events:none}.effect-shatter__fragment{position:absolute;width:12px;height:12px;background:linear-gradient(135deg,#a78bfa,#8b5cf6);clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);box-shadow:0 0 8px #8b5cf6}@keyframes fragment-fly{0%{transform:translate(0) rotate(0) scale(1);opacity:1}to{transform:translate(var(--fx),var(--fy)) rotate(var(--fr, 180deg)) scale(0);opacity:0}}.effect-shatter__fragment--flying{animation:fragment-fly .5s ease-out forwards}.effect-card-highlight{position:absolute;border-radius:8px;pointer-events:none;transform:translate(-50%,-50%)}@keyframes card-highlight-pulse{0%{box-shadow:0 0 0 0 var(--highlight-color);opacity:.8}50%{box-shadow:0 0 20px 10px var(--highlight-color);opacity:.5}to{box-shadow:0 0 30px 20px var(--highlight-color);opacity:0}}.effect-card-highlight--active{animation:card-highlight-pulse .4s ease-out forwards}.effect-card-highlight--buff{--highlight-color: rgba(34, 197, 94, .6)}.effect-card-highlight--debuff{--highlight-color: rgba(239, 68, 68, .6)}.effect-card-highlight--draw{--highlight-color: rgba(59, 130, 246, .6)}.effect-card-highlight--ko{--highlight-color: rgba(139, 92, 246, .6)}.effect-card-highlight--don{--highlight-color: rgba(245, 158, 11, .6)}.effect-card-highlight--trigger{--highlight-color: rgba(234, 88, 12, .6)}.effect-card-highlight--counter{--highlight-color: rgba(6, 182, 212, .6)}.effect-card-highlight--search{--highlight-color: rgba(20, 184, 166, .6)}.effect-card-highlight--play{--highlight-color: rgba(16, 185, 129, .6)}.effect-card-highlight--neutral{--highlight-color: rgba(156, 163, 175, .5)}.effect-float-text{position:absolute;font-weight:700;font-size:18px;text-shadow:0 2px 4px rgba(0,0,0,.5),0 0 10px var(--text-glow);pointer-events:none;white-space:nowrap}@keyframes float-up{0%{transform:translate(-50%) scale(.8);opacity:0}20%{transform:translate(-50%,-10px) scale(1.1);opacity:1}to{transform:translate(-50%,-50px) scale(1);opacity:0}}.effect-float-text--active{animation:float-up .8s ease-out forwards}.effect-float-text--buff{color:#4ade80;--text-glow: rgba(34, 197, 94, .8)}.effect-float-text--debuff{color:#f87171;--text-glow: rgba(239, 68, 68, .8)}.effect-float-text--draw{color:#60a5fa;--text-glow: rgba(59, 130, 246, .8)}.effect-float-text--ko{color:#a78bfa;--text-glow: rgba(139, 92, 246, .8)}.effect-float-text--don{color:#fcd34d;--text-glow: rgba(245, 158, 11, .8)}.effect-float-text--trigger{color:#fb923c;--text-glow: rgba(234, 88, 12, .8)}.effect-float-text--counter{color:#22d3ee;--text-glow: rgba(6, 182, 212, .8)}.effect-float-text--search{color:#2dd4bf;--text-glow: rgba(20, 184, 166, .8)}.effect-float-text--play{color:#34d399;--text-glow: rgba(16, 185, 129, .8)}.effect-float-text--neutral{color:#e5e7eb;--text-glow: rgba(156, 163, 175, .6)}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Manrope,system-ui,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}html{scroll-behavior:smooth}:root{color-scheme:dark;--effect-buff: #27ae60;--effect-buff-glow: rgba(39, 174, 96, .6);--effect-debuff: #e74c3c;--effect-debuff-glow: rgba(231, 76, 60, .6);--effect-draw: #3498db;--effect-draw-glow: rgba(52, 152, 219, .6);--effect-ko: #9b59b6;--effect-ko-glow: rgba(155, 89, 182, .6);--effect-don: #f1c40f;--effect-don-glow: rgba(241, 196, 15, .6);--effect-trigger: #e67e22;--effect-trigger-glow: rgba(230, 126, 34, .6);--effect-counter: #1abc9c;--effect-counter-glow: rgba(26, 188, 156, .6);--effect-search: #16a085;--effect-search-glow: rgba(22, 160, 133, .6);--effect-play: #2ecc71;--effect-play-glow: rgba(46, 204, 113, .6);--effect-neutral: #7f8c8d;--effect-neutral-glow: rgba(127, 140, 141, .4);--effect-duration-fast: .3s;--effect-duration-normal: .5s;--effect-duration-slow: .8s}body{--tw-bg-opacity: 1;background-color:rgb(17 26 42 / var(--tw-bg-opacity, 1));font-family:Manrope,system-ui,sans-serif;--tw-text-opacity: 1;color:rgb(246 239 227 / var(--tw-text-opacity, 1));color:#f6efe3;background-color:#111a2a;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}h1,h2,h3,h4{font-family:Manrope,system-ui,sans-serif;font-weight:700;letter-spacing:-.025em}a{--tw-text-opacity: 1;color:rgb(246 239 227 / var(--tw-text-opacity, 1));color:#f6efe3}.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.site-shell{position:relative;min-height:100vh;--tw-bg-opacity: 1;background-color:rgb(17 26 42 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(246 239 227 / var(--tw-text-opacity, 1));color:#f6efe3;background-color:#111a2a;background-image:radial-gradient(1200px 500px at 20% -10%,rgba(42,90,165,.32),transparent 60%),radial-gradient(900px 420px at 85% -15%,rgba(193,70,55,.22),transparent 55%),linear-gradient(180deg,#111a2aeb,#0e1522)}.site-shell:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:url(/assets/backgrounds/background.jpg) center/cover no-repeat;opacity:.08;filter:saturate(.6);pointer-events:none}.site-shell:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:repeating-linear-gradient(135deg,rgba(227,183,100,.06),rgba(227,183,100,.06) 2px,transparent 2px,transparent 10px);opacity:.25;pointer-events:none}.site-shell>*{position:relative;z-index:1}.nav-link{border-radius:.375rem;padding:.5rem .75rem;font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity: 1;color:rgb(196 208 227 / var(--tw-text-opacity, 1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;color:#c4d0e3}.nav-link:hover{background-color:#ffffff0d;--tw-text-opacity: 1;color:rgb(246 239 227 / var(--tw-text-opacity, 1));color:#f6efe3}.panel{border-radius:.75rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(61 85 118 / var(--tw-border-opacity, 1));--tw-shadow: 0 14px 32px rgba(6,10,18,.28);--tw-shadow-colored: 0 14px 32px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);border-color:#3d5576;background-color:#293750eb}.btn{border-radius:.5rem;padding:.5rem 1rem;font-weight:600;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-primary{border-radius:.5rem;padding:.5rem 1rem;font-weight:600;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.btn-primary:disabled{cursor:not-allowed;opacity:.5}.btn-primary{--tw-text-opacity: 1;color:rgb(11 17 25 / var(--tw-text-opacity, 1));--tw-shadow: 0 10px 25px rgba(232,195,116,.3);--tw-shadow-colored: 0 10px 25px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);color:#0b1119}.btn-primary:hover{--tw-brightness: brightness(1.1);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)}.btn-primary{background-image:linear-gradient(90deg,#e8c374,#d2a04b)}.btn-secondary{border-radius:.5rem;padding:.5rem 1rem;font-weight:600;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.btn-secondary:disabled{cursor:not-allowed;opacity:.5}.btn-secondary{border-width:1px;--tw-border-opacity: 1;border-color:rgb(61 85 118 / var(--tw-border-opacity, 1));--tw-text-opacity: 1;color:rgb(246 239 227 / var(--tw-text-opacity, 1));color:#f6efe3;border-color:#3d5576;background-color:#293750d9}.input{width:100%;border-radius:.5rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(61 85 118 / var(--tw-border-opacity, 1));padding:.5rem 1rem;--tw-text-opacity: 1;color:rgb(246 239 227 / var(--tw-text-opacity, 1));color:#f6efe3;border-color:#3d5576}.input::-moz-placeholder{--tw-text-opacity: 1;color:rgb(168 182 204 / var(--tw-text-opacity, 1));color:#a8b6cc}.input::placeholder{--tw-text-opacity: 1;color:rgb(168 182 204 / var(--tw-text-opacity, 1));color:#a8b6cc}.input:focus{border-color:transparent;outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-color: rgb(232 195 116 / .6)}.input{background-color:#293750d9}.\!card,.card{overflow:hidden;border-radius:.75rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(61 85 118 / var(--tw-border-opacity, 1));--tw-shadow: 0 10px 24px rgba(6,10,18,.25);--tw-shadow-colored: 0 10px 24px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);border-color:#3d5576}.\!card{background-color:#1e2a3eeb!important}.card{background-color:#1e2a3eeb}.card-hover{overflow:hidden;border-radius:.75rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(61 85 118 / var(--tw-border-opacity, 1));--tw-shadow: 0 10px 24px rgba(6,10,18,.25);--tw-shadow-colored: 0 10px 24px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);border-color:#3d5576;background-color:#1e2a3eeb;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.card-hover:hover{border-color:#e8c37480;--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);--tw-shadow-color: rgb(232 195 116 / .1);--tw-shadow: var(--tw-shadow-colored)}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{top:0;right:0;bottom:0;left:0}.-bottom-0\.5{bottom:-.125rem}.-right-0\.5{right:-.125rem}.-top-24{top:-6rem}.bottom-1{bottom:.25rem}.bottom-2{bottom:.5rem}.left-0{left:0}.left-1{left:.25rem}.left-10{left:2.5rem}.left-2{left:.5rem}.right-0{right:0}.right-1{right:.25rem}.right-2{right:.5rem}.top-0{top:0}.top-1{top:.25rem}.top-1\/2{top:50%}.top-10{top:2.5rem}.top-full{top:100%}.z-10{z-index:10}.z-40{z-index:40}.z-50{z-index:50}.float-right{float:right}.mx-2{margin-left:.5rem;margin-right:.5rem}.mx-4{margin-left:1rem;margin-right:1rem}.mx-auto{margin-left:auto;margin-right:auto}.my-6{margin-top:1.5rem;margin-bottom:1.5rem}.mb-1{margin-bottom:.25rem}.mb-10{margin-bottom:2.5rem}.mb-12{margin-bottom:3rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.ml-4{margin-left:1rem}.ml-auto{margin-left:auto}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.table{display:table}.grid{display:grid}.hidden{display:none}.aspect-\[5\/3\]{aspect-ratio:5/3}.aspect-\[5\/7\]{aspect-ratio:5/7}.h-12{height:3rem}.h-16{height:4rem}.h-2{height:.5rem}.h-24{height:6rem}.h-3{height:.75rem}.h-32{height:8rem}.h-4{height:1rem}.h-48{height:12rem}.h-5{height:1.25rem}.h-56{height:14rem}.h-6{height:1.5rem}.h-64{height:16rem}.h-72{height:18rem}.h-8{height:2rem}.h-96{height:24rem}.h-\[400px\]{height:400px}.h-\[calc\(100vh-64px\)\]{height:calc(100vh - 64px)}.h-full{height:100%}.h-screen{height:100vh}.max-h-40{max-height:10rem}.max-h-48{max-height:12rem}.max-h-80{max-height:20rem}.max-h-\[90vh\]{max-height:90vh}.min-h-\[calc\(100vh-12rem\)\]{min-height:calc(100vh - 12rem)}.min-h-screen{min-height:100vh}.w-0{width:0px}.w-1\/2{width:50%}.w-12{width:3rem}.w-16{width:4rem}.w-20{width:5rem}.w-24{width:6rem}.w-3{width:.75rem}.w-32{width:8rem}.w-4{width:1rem}.w-40{width:10rem}.w-48{width:12rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-64{width:16rem}.w-72{width:18rem}.w-8{width:2rem}.w-80{width:20rem}.w-96{width:24rem}.w-full{width:100%}.min-w-0{min-width:0px}.min-w-max{min-width:-moz-max-content;min-width:max-content}.max-w-2xl{max-width:42rem}.max-w-4xl{max-width:56rem}.max-w-6xl{max-width:72rem}.max-w-7xl{max-width:80rem}.max-w-\[80\%\]{max-width:80%}.max-w-lg{max-width:32rem}.max-w-md{max-width:28rem}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.-translate-y-1\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.resize-none{resize:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-\[repeat\(auto-fill\,minmax\(165px\,1fr\)\)\]{grid-template-columns:repeat(auto-fill,minmax(165px,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.items-baseline{align-items:baseline}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.space-y-0\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.125rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.125rem * var(--tw-space-y-reverse))}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.break-words{overflow-wrap:break-word}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-r{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}.rounded-bl-lg{border-bottom-left-radius:.5rem}.rounded-br-lg{border-bottom-right-radius:.5rem}.rounded-tl-lg{border-top-left-radius:.5rem}.rounded-tr-lg{border-top-right-radius:.5rem}.border{border-width:1px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-b-2{border-bottom-width:2px}.border-t{border-top-width:1px}.border-dashed{border-style:dashed}.border-accent\/60{border-color:#e8c37499}.border-blue-600{--tw-border-opacity: 1;border-color:rgb(37 99 235 / var(--tw-border-opacity, 1))}.border-blue-700{--tw-border-opacity: 1;border-color:rgb(29 78 216 / var(--tw-border-opacity, 1))}.border-border{--tw-border-opacity: 1;border-color:rgb(61 85 118 / var(--tw-border-opacity, 1))}.border-border\/50{border-color:#3d557680}.border-gray-500{--tw-border-opacity: 1;border-color:rgb(107 114 128 / var(--tw-border-opacity, 1))}.border-gray-600{--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1))}.border-gray-700{--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1))}.border-gray-700\/50{border-color:#37415180}.border-green-500{--tw-border-opacity: 1;border-color:rgb(34 197 94 / var(--tw-border-opacity, 1))}.border-green-600{--tw-border-opacity: 1;border-color:rgb(22 163 74 / var(--tw-border-opacity, 1))}.border-green-600\/30{border-color:#16a34a4d}.border-green-700{--tw-border-opacity: 1;border-color:rgb(21 128 61 / var(--tw-border-opacity, 1))}.border-orange-600{--tw-border-opacity: 1;border-color:rgb(234 88 12 / var(--tw-border-opacity, 1))}.border-red-500{--tw-border-opacity: 1;border-color:rgb(239 68 68 / var(--tw-border-opacity, 1))}.border-red-600{--tw-border-opacity: 1;border-color:rgb(220 38 38 / var(--tw-border-opacity, 1))}.border-red-600\/30{border-color:#dc26264d}.border-red-700{--tw-border-opacity: 1;border-color:rgb(185 28 28 / var(--tw-border-opacity, 1))}.border-transparent{border-color:transparent}.border-white{--tw-border-opacity: 1;border-color:rgb(255 255 255 / var(--tw-border-opacity, 1))}.border-white\/30{border-color:#ffffff4d}.border-yellow-600{--tw-border-opacity: 1;border-color:rgb(202 138 4 / var(--tw-border-opacity, 1))}.border-yellow-700{--tw-border-opacity: 1;border-color:rgb(161 98 7 / var(--tw-border-opacity, 1))}.bg-accent\/10{background-color:#e8c3741a}.bg-background{--tw-bg-opacity: 1;background-color:rgb(17 26 42 / var(--tw-bg-opacity, 1))}.bg-black\/50{background-color:#00000080}.bg-black\/70{background-color:#000000b3}.bg-blue-500{--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity, 1))}.bg-blue-600{--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1))}.bg-blue-600\/20{background-color:#2563eb33}.bg-blue-600\/30{background-color:#2563eb4d}.bg-blue-600\/50{background-color:#2563eb80}.bg-blue-900\/30{background-color:#1e3a8a4d}.bg-blue-900\/40{background-color:#1e3a8a66}.bg-gray-500{--tw-bg-opacity: 1;background-color:rgb(107 114 128 / var(--tw-bg-opacity, 1))}.bg-gray-600{--tw-bg-opacity: 1;background-color:rgb(75 85 99 / var(--tw-bg-opacity, 1))}.bg-gray-600\/20{background-color:#4b556333}.bg-gray-700{--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.bg-gray-700\/50{background-color:#37415180}.bg-gray-800{--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}.bg-gray-800\/80{background-color:#1f2937cc}.bg-gray-900{--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity, 1))}.bg-gray-900\/90{background-color:#111827e6}.bg-green-500{--tw-bg-opacity: 1;background-color:rgb(34 197 94 / var(--tw-bg-opacity, 1))}.bg-green-600{--tw-bg-opacity: 1;background-color:rgb(22 163 74 / var(--tw-bg-opacity, 1))}.bg-green-600\/20{background-color:#16a34a33}.bg-green-700{--tw-bg-opacity: 1;background-color:rgb(21 128 61 / var(--tw-bg-opacity, 1))}.bg-green-900\/30{background-color:#14532d4d}.bg-orange-600{--tw-bg-opacity: 1;background-color:rgb(234 88 12 / var(--tw-bg-opacity, 1))}.bg-orange-600\/20{background-color:#ea580c33}.bg-orange-900\/30{background-color:#7c2d124d}.bg-primary\/20{background-color:#2a5aa533}.bg-purple-600{--tw-bg-opacity: 1;background-color:rgb(147 51 234 / var(--tw-bg-opacity, 1))}.bg-purple-600\/20{background-color:#9333ea33}.bg-red-500{--tw-bg-opacity: 1;background-color:rgb(239 68 68 / var(--tw-bg-opacity, 1))}.bg-red-500\/10{background-color:#ef44441a}.bg-red-600{--tw-bg-opacity: 1;background-color:rgb(220 38 38 / var(--tw-bg-opacity, 1))}.bg-red-600\/20{background-color:#dc262633}.bg-red-600\/30{background-color:#dc26264d}.bg-red-600\/50{background-color:#dc262680}.bg-red-700{--tw-bg-opacity: 1;background-color:rgb(185 28 28 / var(--tw-bg-opacity, 1))}.bg-red-900\/20{background-color:#7f1d1d33}.bg-red-900\/30{background-color:#7f1d1d4d}.bg-red-900\/40{background-color:#7f1d1d66}.bg-sand{--tw-bg-opacity: 1;background-color:rgb(246 239 227 / var(--tw-bg-opacity, 1))}.bg-surface{--tw-bg-opacity: 1;background-color:rgb(30 42 62 / var(--tw-bg-opacity, 1))}.bg-surface\/80{background-color:#1e2a3ecc}.bg-surface\/90{background-color:#1e2a3ee6}.bg-white\/10{background-color:#ffffff1a}.bg-yellow-500{--tw-bg-opacity: 1;background-color:rgb(234 179 8 / var(--tw-bg-opacity, 1))}.bg-yellow-600{--tw-bg-opacity: 1;background-color:rgb(202 138 4 / var(--tw-bg-opacity, 1))}.bg-yellow-600\/20{background-color:#ca8a0433}.bg-yellow-700{--tw-bg-opacity: 1;background-color:rgb(161 98 7 / var(--tw-bg-opacity, 1))}.bg-yellow-900\/30{background-color:#713f124d}.bg-gradient-to-b{background-image:linear-gradient(to bottom,var(--tw-gradient-stops))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-primary\/80{--tw-gradient-from: rgb(42 90 165 / .8) var(--tw-gradient-from-position);--tw-gradient-to: rgb(42 90 165 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-surface\/40{--tw-gradient-from: rgb(30 42 62 / .4) var(--tw-gradient-from-position);--tw-gradient-to: rgb(30 42 62 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.via-transparent{--tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), transparent var(--tw-gradient-via-position), var(--tw-gradient-to)}.to-secondary\/80{--tw-gradient-to: rgb(193 70 55 / .8) var(--tw-gradient-to-position)}.to-transparent{--tw-gradient-to: transparent var(--tw-gradient-to-position)}.object-cover{-o-object-fit:cover;object-fit:cover}.object-top{-o-object-position:top;object-position:top}.p-1{padding:.25rem}.p-1\.5{padding:.375rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-20{padding-top:5rem;padding-bottom:5rem}.py-24{padding-top:6rem;padding-bottom:6rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pb-3{padding-bottom:.75rem}.pb-4{padding-bottom:1rem}.pr-10{padding-right:2.5rem}.pt-2{padding-top:.5rem}.pt-3{padding-top:.75rem}.pt-4{padding-top:1rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-6xl{font-size:3.75rem;line-height:1}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.italic{font-style:italic}.leading-relaxed{line-height:1.625}.leading-tight{line-height:1.25}.tracking-\[0\.3em\]{letter-spacing:.3em}.tracking-tight{letter-spacing:-.025em}.tracking-wider{letter-spacing:.05em}.text-accent{--tw-text-opacity: 1;color:rgb(232 195 116 / var(--tw-text-opacity, 1))}.text-amber-600{--tw-text-opacity: 1;color:rgb(217 119 6 / var(--tw-text-opacity, 1))}.text-blue-200{--tw-text-opacity: 1;color:rgb(191 219 254 / var(--tw-text-opacity, 1))}.text-blue-300{--tw-text-opacity: 1;color:rgb(147 197 253 / var(--tw-text-opacity, 1))}.text-blue-400{--tw-text-opacity: 1;color:rgb(96 165 250 / var(--tw-text-opacity, 1))}.text-gray-300{--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.text-gray-400{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.text-gray-500{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.text-green-400{--tw-text-opacity: 1;color:rgb(74 222 128 / var(--tw-text-opacity, 1))}.text-green-500{--tw-text-opacity: 1;color:rgb(34 197 94 / var(--tw-text-opacity, 1))}.text-ink{--tw-text-opacity: 1;color:rgb(11 17 25 / var(--tw-text-opacity, 1))}.text-muted{--tw-text-opacity: 1;color:rgb(196 208 227 / var(--tw-text-opacity, 1))}.text-muted-dark{--tw-text-opacity: 1;color:rgb(168 182 204 / var(--tw-text-opacity, 1))}.text-orange-400{--tw-text-opacity: 1;color:rgb(251 146 60 / var(--tw-text-opacity, 1))}.text-pink-400{--tw-text-opacity: 1;color:rgb(244 114 182 / var(--tw-text-opacity, 1))}.text-primary{--tw-text-opacity: 1;color:rgb(42 90 165 / var(--tw-text-opacity, 1))}.text-purple-400{--tw-text-opacity: 1;color:rgb(192 132 252 / var(--tw-text-opacity, 1))}.text-red-300{--tw-text-opacity: 1;color:rgb(252 165 165 / var(--tw-text-opacity, 1))}.text-red-400{--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))}.text-red-500{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))}.text-sand{--tw-text-opacity: 1;color:rgb(246 239 227 / var(--tw-text-opacity, 1))}.text-sand\/80{color:#f6efe3cc}.text-sand\/90{color:#f6efe3e6}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.text-yellow-300{--tw-text-opacity: 1;color:rgb(253 224 71 / var(--tw-text-opacity, 1))}.text-yellow-400{--tw-text-opacity: 1;color:rgb(250 204 21 / var(--tw-text-opacity, 1))}.text-yellow-500{--tw-text-opacity: 1;color:rgb(234 179 8 / var(--tw-text-opacity, 1))}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.placeholder-gray-400::-moz-placeholder{--tw-placeholder-opacity: 1;color:rgb(156 163 175 / var(--tw-placeholder-opacity, 1))}.placeholder-gray-400::placeholder{--tw-placeholder-opacity: 1;color:rgb(156 163 175 / var(--tw-placeholder-opacity, 1))}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.shadow-2xl{--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.ring{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-2{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-red-500{--tw-ring-opacity: 1;--tw-ring-color: rgb(239 68 68 / var(--tw-ring-opacity, 1))}.ring-white{--tw-ring-opacity: 1;--tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity, 1))}.ring-yellow-400{--tw-ring-opacity: 1;--tw-ring-color: rgb(250 204 21 / var(--tw-ring-opacity, 1))}.ring-offset-2{--tw-ring-offset-width: 2px}.ring-offset-gray-800{--tw-ring-offset-color: #1f2937}.blur-3xl{--tw-blur: blur(64px);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)}.grayscale{--tw-grayscale: grayscale(100%);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)}.invert{--tw-invert: invert(100%);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)}.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-blur-md{--tw-backdrop-blur: blur(12px);-webkit-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);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)}.backdrop-blur-sm{--tw-backdrop-blur: blur(4px);-webkit-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);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,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.bg-gray-900{background-color:#111a2a}.bg-gray-800{background-color:#1e2a3e}.bg-gray-700{background-color:#293750}.bg-gray-600{background-color:#344665}.text-gray-300{color:#d7dee9}.text-gray-400{color:#c4d0e3}.text-gray-500{color:#a8b6cc}.border-gray-600{border-color:#3d5576}.border-gray-700{border-color:#344965}.text-sand{color:#f6efe3}.text-muted{color:#c4d0e3}.text-muted-dark{color:#a8b6cc}.text-ink{color:#0b1119}.bg-background{background-color:#111a2a}.bg-surface{background-color:#1e2a3e}.border-border{border-color:#3d5576}.game-card{position:relative;overflow:hidden;border-radius:.5rem;--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);aspect-ratio:63/88}.game-card img{height:100%;width:100%;-o-object-fit:cover;object-fit:cover}.game-card.rested{transform:rotate(90deg)}.game-card.selected{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-opacity: 1;--tw-ring-color: rgb(232 195 116 / var(--tw-ring-opacity, 1))}.game-card:hover{--tw-scale-x: 1.05;--tw-scale-y: 1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));z-index:10}.zone.active{--tw-border-opacity: 1;border-color:rgb(232 195 116 / var(--tw-border-opacity, 1));background-color:#e8c3741a}.zone.valid-target{--tw-border-opacity: 1;border-color:rgb(34 197 94 / var(--tw-border-opacity, 1));background-color:#22c55e1a}@keyframes pulse-glow{0%,to{box-shadow:0 0 5px #2a5aa5}50%{box-shadow:0 0 20px #2a5aa5}}.pulse-glow{animation:pulse-glow 2s ease-in-out infinite}@keyframes slide-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-slide-up{animation:slide-up .3s ease-out}.hover\:z-10:hover{z-index:10}.hover\:scale-105:hover{--tw-scale-x: 1.05;--tw-scale-y: 1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:scale-110:hover{--tw-scale-x: 1.1;--tw-scale-y: 1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:border-gray-400:hover{--tw-border-opacity: 1;border-color:rgb(156 163 175 / var(--tw-border-opacity, 1))}.hover\:border-gray-500:hover{--tw-border-opacity: 1;border-color:rgb(107 114 128 / var(--tw-border-opacity, 1))}.hover\:bg-accent\/20:hover{background-color:#e8c37433}.hover\:bg-blue-700:hover{--tw-bg-opacity: 1;background-color:rgb(29 78 216 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-500:hover{--tw-bg-opacity: 1;background-color:rgb(107 114 128 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-600:hover{--tw-bg-opacity: 1;background-color:rgb(75 85 99 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-700:hover{--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-700\/30:hover{background-color:#3741514d}.hover\:bg-gray-700\/50:hover{background-color:#37415180}.hover\:bg-green-600:hover{--tw-bg-opacity: 1;background-color:rgb(22 163 74 / var(--tw-bg-opacity, 1))}.hover\:bg-green-700:hover{--tw-bg-opacity: 1;background-color:rgb(21 128 61 / var(--tw-bg-opacity, 1))}.hover\:bg-red-600:hover{--tw-bg-opacity: 1;background-color:rgb(220 38 38 / var(--tw-bg-opacity, 1))}.hover\:bg-red-600\/30:hover{background-color:#dc26264d}.hover\:bg-red-700:hover{--tw-bg-opacity: 1;background-color:rgb(185 28 28 / var(--tw-bg-opacity, 1))}.hover\:bg-white\/5:hover{background-color:#ffffff0d}.hover\:bg-yellow-600:hover{--tw-bg-opacity: 1;background-color:rgb(202 138 4 / var(--tw-bg-opacity, 1))}.hover\:text-blue-300:hover{--tw-text-opacity: 1;color:rgb(147 197 253 / var(--tw-text-opacity, 1))}.hover\:text-gray-300:hover{--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.hover\:text-green-300:hover{--tw-text-opacity: 1;color:rgb(134 239 172 / var(--tw-text-opacity, 1))}.hover\:text-green-400:hover{--tw-text-opacity: 1;color:rgb(74 222 128 / var(--tw-text-opacity, 1))}.hover\:text-muted:hover{--tw-text-opacity: 1;color:rgb(196 208 227 / var(--tw-text-opacity, 1))}.hover\:text-orange-300:hover{--tw-text-opacity: 1;color:rgb(253 186 116 / var(--tw-text-opacity, 1))}.hover\:text-red-300:hover{--tw-text-opacity: 1;color:rgb(252 165 165 / var(--tw-text-opacity, 1))}.hover\:text-red-400:hover{--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))}.hover\:text-red-500:hover{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))}.hover\:text-sand:hover{--tw-text-opacity: 1;color:rgb(246 239 227 / var(--tw-text-opacity, 1))}.hover\:text-white:hover{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.hover\:text-yellow-300:hover{--tw-text-opacity: 1;color:rgb(253 224 71 / var(--tw-text-opacity, 1))}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-100:hover{opacity:1}.hover\:ring-2:hover{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.hover\:ring-red-500:hover{--tw-ring-opacity: 1;--tw-ring-color: rgb(239 68 68 / var(--tw-ring-opacity, 1))}.hover\:brightness-110:hover{--tw-brightness: brightness(1.1);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)}.hover\:bg-gray-700:hover{background-color:#293750}.hover\:bg-gray-600:hover{background-color:#344665}.hover\:text-gray-300:hover{color:#d7dee9}.hover\:text-sand:hover{color:#f6efe3}.hover\:text-muted:hover{color:#c4d0e3}.focus\:border-blue-500:focus{--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity, 1))}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-2:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-red-500:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(239 68 68 / var(--tw-ring-opacity, 1))}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:bg-red-800:disabled{--tw-bg-opacity: 1;background-color:rgb(153 27 27 / var(--tw-bg-opacity, 1))}.disabled\:opacity-50:disabled{opacity:.5}@media (min-width: 640px){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.sm\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:py-32{padding-top:8rem;padding-bottom:8rem}.sm\:text-5xl{font-size:3rem;line-height:1}}@media (min-width: 768px){.md\:flex{display:flex}.md\:table-cell{display:table-cell}.md\:w-1\/2{width:50%}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.md\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.md\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:text-3xl{font-size:1.875rem;line-height:2.25rem}.md\:text-6xl{font-size:3.75rem;line-height:1}.md\:text-xl{font-size:1.25rem;line-height:1.75rem}}@media (min-width: 1024px){.lg\:col-span-1{grid-column:span 1 / span 1}.lg\:col-span-2{grid-column:span 2 / span 2}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.lg\:grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.lg\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.lg\:px-8{padding-left:2rem;padding-right:2rem}.lg\:text-7xl{font-size:4.5rem;line-height:1}}@media (min-width: 1280px){.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}