.irtokarkit-tierlist-page{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#1f2937;background:#edf1f5 url(/tierlists/irtokarkit/candy_background.png) 50%/cover no-repeat fixed;border-radius:28px;padding:28px 18px;font-family:Segoe UI,Arial,sans-serif;box-shadow:0 24px 80px #0f172a47}.irtokarkit-tierlist-page .app{flex-direction:column;gap:24px;width:min(1600px,100%);margin:0 auto;display:flex}.irtokarkit-tierlist-page .card{background:#fffffff5;border-radius:20px;padding:28px;box-shadow:0 18px 60px #0f172a2e}.irtokarkit-tierlist-page .setup{flex:1;justify-content:center;align-items:center;display:flex}.irtokarkit-tierlist-page .setup.hidden{display:none}.irtokarkit-tierlist-page .setup h1{letter-spacing:.3px;margin:0 0 12px;font-size:1.9rem}.irtokarkit-tierlist-page .setup p{color:#4b5563;margin:0 0 20px;line-height:1.45}.irtokarkit-tierlist-page .setup form{flex-direction:column;gap:20px;width:min(560px,100%);display:flex}.irtokarkit-tierlist-page .mode-selector{gap:16px;display:flex}.irtokarkit-tierlist-page .mode-selector label{cursor:pointer;color:#1f2937;border:2px solid #94a3b899;border-radius:14px;align-items:center;gap:10px;padding:12px 18px;font-weight:600;transition:border-color .2s,transform .2s;display:flex}.irtokarkit-tierlist-page .mode-selector input[type=radio]{appearance:none;border:2px solid #4f46e599;border-radius:50%;width:18px;height:18px;position:relative}.irtokarkit-tierlist-page .mode-selector input[type=radio]:after{content:"";background:#4f46e5e6;border-radius:50%;transition:transform .15s;position:absolute;inset:3px;transform:scale(0)}.irtokarkit-tierlist-page .mode-selector input[type=radio]:checked:after{transform:scale(1)}.irtokarkit-tierlist-page .mode-selector label:has(input[type=radio]:checked){border-color:#4f46e5bf;transform:translateY(-2px)}.irtokarkit-tierlist-page .name-fields{flex-direction:column;gap:16px;display:flex}.irtokarkit-tierlist-page .name-field{flex-direction:column;gap:8px;display:flex}.irtokarkit-tierlist-page .name-field label{color:#1f2937;font-weight:600}.irtokarkit-tierlist-page .name-field input{background:#ffffffeb;border:2px solid #94a3b899;border-radius:14px;padding:12px 14px;font-size:1rem;transition:border-color .2s,box-shadow .2s}.irtokarkit-tierlist-page .name-field input:focus{border-color:#4f46e5d9;outline:none;box-shadow:0 0 0 4px #4f46e51f}.irtokarkit-tierlist-page .name-field.hidden{display:none}.irtokarkit-tierlist-page .primary-button{color:#fff;letter-spacing:.4px;cursor:pointer;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:14px;align-self:flex-start;padding:14px 24px;font-size:1rem;font-weight:700;transition:transform .2s,box-shadow .2s}.irtokarkit-tierlist-page .primary-button:hover{transform:translateY(-1px);box-shadow:0 12px 30px #6366f159}.irtokarkit-tierlist-page .game{flex-direction:column;gap:20px;display:none}.irtokarkit-tierlist-page .game.active{display:flex}.irtokarkit-tierlist-page .game-header h2{margin:0;font-size:1.6rem}.irtokarkit-tierlist-page .progress{color:#312e81;margin-top:6px;font-weight:600}.irtokarkit-tierlist-page .tierlists{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px;display:grid}.irtokarkit-tierlist-page .tierlist{background:#fffffff2;border-radius:18px;flex-direction:column;gap:14px;padding:18px;display:flex;box-shadow:0 16px 48px #0f172a29}.irtokarkit-tierlist-page .tierlist h3{letter-spacing:.4px;margin:0;font-size:1.4rem}.irtokarkit-tierlist-page .tiers{flex-direction:column;flex:1;gap:12px;display:flex}.irtokarkit-tierlist-page .tier{border:2px solid #0000;border-radius:14px;flex-direction:column;flex:1;gap:6px;padding:10px;transition:border-color .2s;display:flex}.irtokarkit-tierlist-page .tier h4{margin:0;font-size:.95rem;font-weight:700}.irtokarkit-tierlist-page .tier[data-tier=otan-aina]{color:#3b1d07;background:linear-gradient(135deg,#fde68a,#f97316)}.irtokarkit-tierlist-page .tier[data-tier=hyva-valilla]{color:#064e1a;background:linear-gradient(135deg,#bbf7d0,#22c55e)}.irtokarkit-tierlist-page .tier[data-tier=maistuu-harvoin]{color:#08214d;background:linear-gradient(135deg,#bae6fd,#2563eb)}.irtokarkit-tierlist-page .tier[data-tier=ei-omaan-pussiin]{color:#5c0416;background:linear-gradient(135deg,#fecdd3,#f43f5e)}.irtokarkit-tierlist-page .dropzone{background:#ffffff40;border-radius:12px;flex-wrap:wrap;flex:1;justify-content:flex-start;align-items:flex-start;gap:8px;min-height:120px;padding:8px;display:flex;overflow:visible}.irtokarkit-tierlist-page .dropzone::-webkit-scrollbar{height:6px}.irtokarkit-tierlist-page .dropzone::-webkit-scrollbar-thumb{background:#0f172a4d;border-radius:999px}.irtokarkit-tierlist-page .dropzone.drag-over{border:2px dashed #0f172a99}.irtokarkit-tierlist-page .candy-card{cursor:grab;background:#fffffff2;border-radius:10px;flex-direction:column;align-items:center;gap:3px;width:84px;min-height:108px;margin:0;padding:6px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 6px 18px #0f172a29}.irtokarkit-tierlist-page .candy-card img{object-fit:contain;max-width:60px;max-height:56px;display:block}.irtokarkit-tierlist-page .candy-card figcaption{text-align:center;word-break:break-word;overflow-wrap:anywhere;white-space:normal;padding:0 4px 2px;font-size:.72rem;font-weight:600;line-height:1.1}.irtokarkit-tierlist-page .candy-card.dragging{opacity:.7;cursor:grabbing;transform:scale(.95)}.irtokarkit-tierlist-page .candy-card.pending{border:1px solid #3b82f659;animation:1.4s ease-in-out infinite irtokarkit-pulse}@keyframes irtokarkit-pulse{0%{box-shadow:0 0 #3b82f659}70%{box-shadow:0 0 0 10px #3b82f600}to{box-shadow:0 0 #3b82f600}}.irtokarkit-tierlist-page .staging{color:#e2e8f0;background:#0f172a;border-radius:14px;flex-direction:column;gap:8px;margin-top:auto;padding:12px;display:flex}.irtokarkit-tierlist-page .staging h4{letter-spacing:.2px;margin:0;font-size:.95rem}.irtokarkit-tierlist-page .staging .slot{text-align:center;color:#94a3b8;justify-content:center;align-items:center;min-height:90px;padding:8px;font-size:.82rem;display:flex}.irtokarkit-tierlist-page.capturing .staging,.irtokarkit-tierlist-page.capturing .mobile-controls,.irtokarkit-tierlist-page.mobile-mode .staging{display:none!important}.irtokarkit-tierlist-page .mobile-controls{display:none}.irtokarkit-tierlist-page.mobile-mode .mobile-controls{color:#e2e8f0;background:#0f172ad9;border-radius:18px;flex-direction:column;gap:16px;margin-top:12px;padding:16px;display:flex;box-shadow:0 14px 36px #0f172a66}.irtokarkit-tierlist-page .mobile-player-label{text-align:center;letter-spacing:.3px;margin:0;font-size:1rem;font-weight:600}.irtokarkit-tierlist-page .mobile-tier-buttons{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.irtokarkit-tierlist-page .mobile-tier-button{cursor:pointer;color:#0f172a;border:none;border-radius:16px;padding:14px 12px;font-size:.95rem;font-weight:700;transition:transform .2s,box-shadow .2s,opacity .2s}.irtokarkit-tierlist-page .mobile-tier-button:hover,.irtokarkit-tierlist-page .mobile-tier-button:focus-visible{transform:translateY(-2px);box-shadow:0 12px 24px #0f172a59}.irtokarkit-tierlist-page .mobile-tier-button:focus-visible{outline-offset:3px;outline:2px solid #ffffffb3}.irtokarkit-tierlist-page .mobile-tier-button[data-tier=otan-aina]{color:#3b1d07;background:linear-gradient(135deg,#fde68a,#f97316)}.irtokarkit-tierlist-page .mobile-tier-button[data-tier=hyva-valilla]{color:#064e1a;background:linear-gradient(135deg,#bbf7d0,#22c55e)}.irtokarkit-tierlist-page .mobile-tier-button[data-tier=maistuu-harvoin]{color:#08214d;background:linear-gradient(135deg,#bae6fd,#2563eb)}.irtokarkit-tierlist-page .mobile-tier-button[data-tier=ei-omaan-pussiin]{color:#5c0416;background:linear-gradient(135deg,#fecdd3,#f43f5e)}.irtokarkit-tierlist-page .mobile-candy{flex-direction:column;align-items:center;gap:10px;margin:0;display:flex}.irtokarkit-tierlist-page .mobile-candy-image-wrapper{background:#ffffffeb;border-radius:24px;justify-content:center;align-items:center;width:130px;height:130px;padding:16px;display:flex;box-shadow:inset 0 0 0 1px #0f172a14,0 10px 24px #0f172a59}.irtokarkit-tierlist-page .mobile-candy-image-wrapper img{object-fit:contain;max-width:100%;max-height:100%}.irtokarkit-tierlist-page .mobile-candy-caption{text-align:center;color:#e0e7ff;font-size:1rem;font-weight:600;line-height:1.2}.irtokarkit-tierlist-page.mobile-mode .tierlists{flex-direction:column;gap:16px;display:flex}@media (max-width:900px){.irtokarkit-tierlist-page{padding:20px 12px}.irtokarkit-tierlist-page .card{padding:22px}.irtokarkit-tierlist-page .mode-selector{flex-direction:column}}.irtokarkit-tierlist-page .share-controls{color:#e2e8f0;background:#0f172acc;border-radius:18px;flex-direction:column;gap:18px;margin-top:12px;padding:20px;display:flex}.irtokarkit-tierlist-page .share-status{color:#c7d2fe;margin:0;font-size:.95rem;font-weight:600}.irtokarkit-tierlist-page .share-actions{flex-wrap:wrap;gap:12px;display:flex}.irtokarkit-tierlist-page .share-button{cursor:pointer;border:none;border-radius:999px;align-items:center;gap:6px;padding:10px 20px;font-size:.95rem;font-weight:600;transition:transform .2s,box-shadow .2s,background .2s;display:inline-flex}.irtokarkit-tierlist-page .share-button:focus-visible{outline-offset:3px;outline:2px solid #c4b5fde6}.irtokarkit-tierlist-page .share-button--primary{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 10px 25px #6366f14d}.irtokarkit-tierlist-page .share-button--primary:hover{transform:translateY(-1px);box-shadow:0 16px 32px #6366f159}.irtokarkit-tierlist-page .share-button--secondary{color:#e2e8f0;background:#6366f12e;border:1px solid #818cf866}.irtokarkit-tierlist-page .share-button--secondary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 16px 32px #818cf83d}.irtokarkit-tierlist-page .share-button--outline{color:#e2e8f0;background:0 0;border:1px solid #94a3b899}.irtokarkit-tierlist-page .share-button--outline:hover{background:#ffffff0d;transform:translateY(-1px);box-shadow:0 12px 24px #0f172a59}.irtokarkit-tierlist-page .share-button:disabled{cursor:not-allowed;opacity:.6;box-shadow:none;transform:none}.irtokarkit-tierlist-page .share-preview{background:#0f172abf;border:1px dashed #6366f166;border-radius:14px;justify-content:center;padding:16px;display:flex}.irtokarkit-tierlist-page .share-preview img{border-radius:12px;max-width:100%;box-shadow:0 12px 36px #0f172a73}.irtokarkit-tierlist-page .hidden{display:none!important}
