*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:linear-gradient(160deg,#1a1a2e,#16213e,#0f3460);min-height:100vh;color:#e8e8e8;font-size:15px}#app{max-width:520px;margin:0 auto;padding:.75rem .75rem 1.25rem}h1{font-size:1.6rem;margin:0 0 1rem;text-align:center}.page-title{font-size:1.5rem;font-weight:700;margin:0 0 .35rem;text-align:center;letter-spacing:.02em}.page-subtitle{text-align:center;color:#a0aec0;font-size:.95rem;margin:0 0 1rem}.tg-auth-line{text-align:center;font-size:.85rem;color:#63b3ed;margin:0 0 1.25rem}@media (min-width: 540px){body{font-size:17px}h1{font-size:1.8rem}}.page{animation:fade .2s ease}@keyframes fade{0%{opacity:0}to{opacity:1}}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.35rem;margin-top:.75rem;font-size:.9rem;color:#b8b8b8}.form-group label:first-of-type{margin-top:0}.form-group input{width:100%;padding:.6rem .75rem;font-size:1rem;border:1px solid #2d3748;border-radius:8px;background:#ffffff0f;color:#e8e8e8}.form-group input::placeholder{color:#718096}.btn{display:inline-block;padding:.6rem 1.1rem;font-size:.95rem;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:transform .1s,box-shadow .1s}.btn:active{transform:scale(.98)}.btn-primary{background:linear-gradient(135deg,#e94560,#c73e54);color:#fff;width:100%;margin-top:.5rem}.btn-primary:hover{box-shadow:0 4px 14px #e9456066}.btn-secondary{background:#ffffff1a;color:#e8e8e8;border:1px solid #2d3748}.btn-secondary:hover{background:#ffffff26}.btn-sm{padding:.35rem .6rem;font-size:.8rem}.card{background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:1rem .9rem 1.1rem;margin-bottom:.85rem;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease}.card h2{font-size:1.1rem;margin:0 0 .75rem}.card-hint{font-size:.85rem;color:#a0aec0;margin:0 0 .5rem}.short-code-row{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.short-code{font-size:1.75rem;font-weight:700;letter-spacing:.2em;color:#e8e8e8;min-width:5ch}.btn-block{width:100%;display:block;text-align:center;margin-top:.5rem}.form-block{margin-top:1rem}.form-block-label{font-size:.85rem;color:#a0aec0;margin-bottom:.35rem}.pack-list{display:flex;flex-direction:column;gap:.35rem;font-size:.85rem;max-height:180px;overflow-y:auto;padding-right:.25rem}.pack-search{width:100%;margin-bottom:.4rem;padding:.45rem .6rem;font-size:.85rem;border-radius:8px;border:1px solid #2d3748;background:#00000040;color:#e8e8e8}.pack-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.25rem .4rem;border-radius:6px;border:none;background:transparent;color:inherit;cursor:pointer;text-align:left}.pack-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.2}.pack-row input[type=checkbox]{flex-shrink:0;margin:0;align-self:center}.pack-row-selected{background:#63b3ed33;border:1px solid rgba(99,179,237,.6)}.card:hover{transform:translateY(-1px);box-shadow:0 6px 16px #00000059;border-color:#ffffff26}.players-list{list-style:none;padding:0;margin:0}.players-list li{padding:.5rem 0;border-bottom:1px solid rgba(255,255,255,.06);display:flex;justify-content:space-between;align-items:center}.players-list li:last-child{border-bottom:none}.copy-row{display:flex;gap:.5rem;align-items:center;margin-bottom:1rem}.copy-row input{flex:1;padding:.5rem .75rem;font-size:.85rem;border:1px solid #2d3748;border-radius:6px;background:#0003;color:#e8e8e8}.error-msg{background:#e9456033;border:1px solid rgba(233,69,96,.4);color:#feb2b2;padding:.75rem;border-radius:8px;margin-bottom:1rem;font-size:.9rem}.link-back{display:inline-block;margin-bottom:1rem;color:#a0aec0;text-decoration:none;font-size:.9rem}.link-back:hover{color:#e8e8e8}.card-map{overflow:visible}.log-panel{max-height:140px;overflow-y:auto;font-size:.8rem;color:#cbd5f5;background:#0f172acc;border-radius:6px;padding:.5rem .6rem}.log-line{margin-bottom:.25rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.hex-map.island-map{display:block;width:100%;max-width:360px;margin:0 auto;border-radius:12px;overflow:hidden;box-shadow:0 4px 20px #00000040}.island-svg{display:block;width:100%;height:auto;pointer-events:none}.island-svg .hex-cell{pointer-events:auto;transition:opacity .15s ease,filter .15s ease}.island-svg .hex-cell[data-capturable="1"]:hover{opacity:1;filter:brightness(1.1)}@keyframes duelPulseHex{0%{filter:drop-shadow(0 0 0 rgba(245,101,101,0))}50%{filter:drop-shadow(0 0 10px rgba(245,101,101,.9))}to{filter:drop-shadow(0 0 0 rgba(245,101,101,0))}}.island-svg .hex-cell[data-duel="1"] polygon{animation:duelPulseHex 1.4s ease-in-out infinite}@keyframes hexCapture{0%{transform:scale(.85);filter:brightness(1.4)}60%{transform:scale(1.03);filter:brightness(1.1)}to{transform:scale(1);filter:none}}.island-svg .hex-cell.hex-cell-captured polygon{animation:hexCapture .35s ease-out;transform-origin:center}.players-list .player-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px;vertical-align:middle}@keyframes turnPulse{0%{box-shadow:0 0 #48bb78b3;transform:translateY(0)}70%{box-shadow:0 0 0 12px #48bb7800;transform:translateY(-1px)}to{box-shadow:0 0 #48bb7800;transform:translateY(0)}}.turn-indicator{position:relative;padding:.85rem 1rem;border-radius:10px;background:#48bb7826;border:1px solid rgba(72,187,120,.6);animation:turnPulse 1.6s ease-out infinite}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:100;padding:1rem}.modal-content{background:#1a1a2e;border:1px solid #2d3748;border-radius:12px;padding:1.1rem 1rem 1.25rem;max-width:360px;width:100%}@keyframes modalPop{0%{transform:scale(.85) translateY(10px);opacity:0}60%{transform:scale(1.02) translateY(0);opacity:1}to{transform:scale(1) translateY(0);opacity:1}}.modal.modal-open .modal-content{animation:modalPop .28s ease-out}.modal-content h3{margin:0 0 1rem;font-size:1.1rem}#question-options{display:flex;flex-direction:column;flex-wrap:wrap;gap:.45rem;margin-bottom:.85rem}#question-options:has(.option-img-btn){flex-direction:row}#question-options .option-img-btn{cursor:pointer;transition:border-color .15s}#question-options .option-img-btn:hover{border-color:#63b3ed!important}#question-options .option-btn{width:100%;text-align:left}.option-disabled{opacity:.6;cursor:default!important;pointer-events:none}.toast{position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%) translateY(8px);padding:.75rem 1.25rem;border-radius:8px;font-weight:600;z-index:200;max-width:90%;text-align:center;box-shadow:0 4px 12px #0000004d}@keyframes toastIn{0%{opacity:0;transform:translate(-50%) translateY(16px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.toast.toast-success,.toast.toast-error,.toast.toast-info{animation:toastIn .22s ease-out}.toast-success{background:#38a169;color:#fff}.toast-error{background:#e53e3e;color:#fff}.toast-info{background:#3182ce;color:#fff}.dice-hint{color:#a0aec0;font-size:.9rem;margin-bottom:1rem}.dice-value{width:64px;height:64px;margin:0 auto 1rem;background:#fff;color:#1a1a2e;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;box-shadow:inset 0 0 0 2px #2d3748}#dice-roll{width:100%}.hex-map-wrapper{display:flex;justify-content:center;margin:0 auto}