@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}:root{--bg0:#041316;--bg1:#062a2f;--bg2:#0b4b53;--glass: rgba(255,255,255,.08);--glass2: rgba(255,255,255,.12);--stroke: rgba(255,255,255,.18);--txt: rgba(255,255,255,.88);--muted: rgba(255,255,255,.62);--primary: #f77f00;--danger: #d62828;--cyan: #00caff;--shadow: 0 18px 60px rgba(0,0,0,.45);--skyjo-shell-max: 560px;--skyjo-card-max: 560px}*{box-sizing:border-box}html{height:100%;-webkit-text-size-adjust:100%}body{min-height:100%}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial;background:#000;color:var(--txt)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.mt-3{margin-top:12px}.mt-4{margin-top:16px}.hidden,.skyjo-hidden{display:none!important}input,textarea,select,.skyjo-input{font-size:16px}button,.skyjo-btn{touch-action:manipulation}@font-face{font-family:Cinzel;src:url(/fonts/cinzel/Cinzel-Regular.woff2) format("woff2"),url(/fonts/cinzel/Cinzel-Regular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Cinzel;src:url(/fonts/cinzel/Cinzel-SemiBold.woff2) format("woff2"),url(/fonts/cinzel/Cinzel-SemiBold.woff) format("woff");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Cinzel;src:url(/fonts/cinzel/Cinzel-Bold.woff2) format("woff2"),url(/fonts/cinzel/Cinzel-Bold.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}.skyjo-bg{min-height:100vh;background:radial-gradient(1200px 500px at 15% 10%,rgba(0,202,255,.2),transparent 60%),radial-gradient(900px 520px at 85% 20%,rgba(247,127,0,.2),transparent 60%),radial-gradient(800px 520px at 55% 85%,rgba(122,209,203,.18),transparent 60%),linear-gradient(180deg,var(--bg0),var(--bg1) 55%,var(--bg2));position:relative;overflow:hidden}.skyjo-grain{pointer-events:none;position:absolute;inset:-40%;opacity:.1;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='220' height='220' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E");transform:rotate(8deg)}.skyjo-shell{width:100%;max-width:1100px;margin:0 auto;padding:28px 16px 84px;position:relative;z-index:1}.skyjo-header{text-align:center;padding:18px 0}.skyjo-title{margin:0;font-family:Cinzel,serif;font-size:clamp(36px,6vw,60px);letter-spacing:.05em;color:#fff;text-shadow:0 14px 40px rgba(0,0,0,.65),0 0 14px rgba(0,202,255,.22)}.skyjo-subtitle{margin:10px 0 0;color:var(--muted);font-weight:600}.skyjo-grid{display:grid;gap:18px;margin-top:18px;width:100%;justify-items:center}.skyjo-col{width:100%;display:flex;flex-direction:column;gap:18px}.skyjo-shell{max-width:var(--skyjo-shell-max)}.skyjo-grid{width:100%;justify-items:center}.skyjo-grid.skyjo-grid-single .skyjo-card{width:100%;max-width:var(--skyjo-card-max);margin:0 auto}.skyjo-top-actions{width:100%;max-width:var(--skyjo-card-max);margin:6px auto 14px;display:flex;justify-content:flex-end}.skyjo-btn-sm{padding:10px 12px;border-radius:12px;font-size:.92rem;font-weight:900;box-shadow:none}.skyjo-card{width:100%;border-radius:18px;padding:18px;background:linear-gradient(180deg,var(--glass2),var(--glass));border:1px solid var(--stroke);box-shadow:var(--shadow);backdrop-filter:blur(12px)}.skyjo-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}.skyjo-h2{margin:0;font-size:1.1rem;font-weight:900;letter-spacing:.02em;color:#fff}.skyjo-pill{display:inline-flex;align-items:center;justify-content:center;padding:6px 10px;border-radius:999px;font-weight:800;font-size:.85rem;color:#ffffffe6;background:#ffffff1a;border:1px solid rgba(255,255,255,.18)}.skyjo-row{display:flex;flex-direction:column;gap:10px}@media(min-width:520px){.skyjo-row{flex-direction:row}}.skyjo-input{width:100%;padding:12px;border-radius:14px;border:1px solid rgba(255,255,255,.16);background:#ffffffeb;color:#061b1f;font-weight:750;outline:none}.skyjo-input::placeholder{color:#061b1f8c;font-style:italic}.skyjo-input:focus{box-shadow:0 0 0 4px #00caff33;border-color:#00caff59}.skyjo-btn{border:0;border-radius:14px;padding:12px 14px;font-weight:900;color:#fff;cursor:pointer;box-shadow:0 14px 30px #0000004d;transition:transform .08s ease,filter .18s ease,opacity .15s ease,background-position .35s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px;user-select:none}.skyjo-btn:active{transform:translateY(1px)}.skyjo-btn:hover{filter:brightness(1.03)}.skyjo-btn:disabled{opacity:.55;cursor:not-allowed}.skyjo-btn-primary{background:linear-gradient(180deg,#d67828eb,#b2581ceb)}.skyjo-btn-accent{background:linear-gradient(90deg,#d66e5ceb,#cc8c48eb 55%,#e0ba6eeb);background-size:120% 100%}.skyjo-btn-accent{animation:skyjoAccentShift 8s ease-in-out infinite}@keyframes skyjoAccentShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.skyjo-btn-accent:hover{background-position:100% 0}.skyjo-btn-ghost{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);box-shadow:none}.skyjo-btn-danger{background:linear-gradient(180deg,#d62828f2,#961414f2)}.skyjo-help{margin:10px 0 0;font-size:.9rem;color:#ffffffad;text-align:center}.skyjo-setup-footer,.skyjo-card-footer{margin-top:14px;padding-top:12px;border-top:1px solid rgba(255,255,255,.1);display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.skyjo-setup-footer .skyjo-help,.skyjo-card-footer .skyjo-help{margin:0;text-align:left;max-width:65%}.skyjo-start-right{white-space:nowrap;min-width:150px}.skyjo-action-right{white-space:nowrap;min-width:170px}@media(max-width:440px){.skyjo-setup-footer,.skyjo-card-footer{flex-direction:column;align-items:stretch}.skyjo-setup-footer .skyjo-help,.skyjo-card-footer .skyjo-help{max-width:100%;text-align:center}.skyjo-start-right,.skyjo-action-right{width:100%;min-width:0}}.skyjo-list{list-style:none;padding:0;margin:0}.skyjo-player-item{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px;padding:10px 12px;background:#ffffff14;border:1px solid rgba(255,255,255,.14);border-radius:14px;font-weight:850;color:#ffffffeb}.skyjo-player-name{display:inline-flex;align-items:center;min-width:0;flex:1}.skyjo-player-name span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.skyjo-delete-btn{width:40px;height:40px;border-radius:12px;border:1px solid rgba(255,255,255,.14);background:#ffffff0f;backdrop-filter:blur(10px);display:inline-flex;align-items:center;justify-content:center;color:#ffffffb8;cursor:pointer;-webkit-tap-highlight-color:transparent;box-shadow:0 10px 28px #00000038;transition:transform .12s ease,background .18s ease,border-color .18s ease,color .18s ease}.skyjo-delete-btn:hover{color:#ffffffeb;border-color:#ff6b6b59;background:#ff6b6b24}.skyjo-delete-btn:active{transform:scale(.94)}.skyjo-delete-btn:focus-visible{outline:none;box-shadow:0 0 0 4px #ff6b6b33,0 10px 28px #00000038}.skyjo-delete-btn svg{width:18px;height:18px;display:block;fill:currentColor}.skyjo-stack{display:flex;flex-direction:column;gap:12px}.skyjo-score-row{display:flex;align-items:center;gap:10px}.skyjo-score-row .skyjo-input{flex:1}.skyjo-btn-mini{width:56px;height:44px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;color:#ffffffeb;font-weight:900;cursor:pointer;-webkit-tap-highlight-color:transparent;border:1px solid rgba(255,255,255,.14);box-shadow:0 14px 34px #00000057;transition:transform .14s ease,filter .2s ease,box-shadow .2s ease;position:relative;overflow:hidden;isolation:isolate}.skyjo-btn-mini:before{content:"";position:absolute;inset:-70% -60%;background:linear-gradient(120deg,transparent 0%,rgba(255,255,255,.1) 40%,transparent 62%);transform:translate(-40%) rotate(10deg);opacity:.25;z-index:1;animation:skyjoSheen 4.2s ease-in-out infinite;pointer-events:none}.skyjo-btn-mini:hover{transform:translateY(-1px);filter:brightness(1.03) saturate(1.03);box-shadow:0 18px 44px #00000061}.skyjo-btn-mini:active{transform:translateY(0)}.skyjo-btn-minus{background:radial-gradient(120% 120% at 30% 20%,rgba(155,140,255,.18),transparent 55%),linear-gradient(180deg,#363278eb,#14123ceb);background-size:100% 100%,100% 600%;animation:skyjoBgFloatViolet 8s ease-in-out infinite;border-color:#beb4ff29}.skyjo-btn-double{background:radial-gradient(120% 120% at 30% 20%,rgba(255,120,150,.16),transparent 55%),linear-gradient(180deg,#aa203ceb,#5c0c1ceb);background-size:100% 100%,100% 600%;animation:skyjoBgFloatRuby 6.2s ease-in-out infinite;border-color:#ffaabe24}.skyjo-btn-minus svg{width:18px;height:18px;display:block;position:relative;z-index:2}@keyframes skyjoBgFloatViolet{0%{background-position:0 0,0 0}50%{background-position:0 0,0 100%}to{background-position:0 0,0 0}}@keyframes skyjoBgFloatRuby{0%{background-position:0 0,0 0}50%{background-position:0 0,0 100%}to{background-position:0 0,0 0}}@keyframes skyjoSheen{0%{transform:translate(-45%) rotate(10deg);opacity:.18}50%{transform:translate(25%) rotate(10deg);opacity:.28}to{transform:translate(-45%) rotate(10deg);opacity:.18}}@media(prefers-reduced-motion:reduce){.skyjo-btn-mini:before{display:none!important}.skyjo-btn-minus,.skyjo-btn-double{animation:none!important}}.skyjo-scoreboard{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.skyjo-score-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:14px;background:#ffffff14;border:1px solid rgba(255,255,255,.14)}.skyjo-rank{font-weight:950;color:#fffc}.skyjo-name{flex:1;font-weight:900;color:#ffffffeb}.skyjo-score-badge{display:inline-flex;min-width:54px;justify-content:center;padding:6px 10px;border-radius:999px;background:#00caff2e;border:1px solid rgba(0,202,255,.28);color:#ffffffeb;font-weight:950}.is-leader .skyjo-score-badge{background:#ffc85038;border-color:#ffc85052}.skyjo-history{display:flex;flex-direction:column;gap:14px}.skyjo-acc{border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,#ffffff12,#ffffff0a);box-shadow:0 14px 38px #00000059}.skyjo-acc-btn{width:100%;border:0;background:#ffffff08;color:#fffffff0;padding:14px 16px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;font-weight:900;letter-spacing:.012em;-webkit-tap-highlight-color:transparent;transition:background .2s ease}.skyjo-acc-btn:hover{background:#ffffff0e}.skyjo-chevron{opacity:.7;transition:transform .25s ease,opacity .2s ease}.skyjo-acc.is-open .skyjo-chevron{transform:rotate(180deg);opacity:.95}.skyjo-acc-panel{max-height:0;overflow:hidden;transition:max-height .28s ease;padding:0 16px}.skyjo-acc.is-open .skyjo-acc-panel{padding:12px 16px 16px}.skyjo-acc.is-open .skyjo-acc-panel:before{content:"";display:block;height:1px;margin:4px 0 12px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.14),transparent)}.skyjo-acc-panel ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.skyjo-acc-panel li{display:grid!important;grid-template-columns:1fr 65px 30px;align-items:center;padding:10px 12px;border-radius:14px;background:#ffffff0a;border:1px solid rgba(255,255,255,.1)}.skyjo-acc-panel li>span:first-child{font-weight:900;color:#ffffffeb;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.skyjo-acc-panel li>div{display:contents}.skyjo-acc-panel input.skyjo-input{width:60px!important;height:42px;text-align:center;border-radius:14px;border:1px solid rgba(255,255,255,.14);background:#ffffffeb;color:#000000e0;font-weight:900}.skyjo-acc-panel li span:last-child{opacity:.75;font-weight:900}.skyjo-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:16px;background:radial-gradient(circle at 50% 35%,#0000008c,#000000e6),linear-gradient(180deg,#060a0edb,#000000f5);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);z-index:1000;overscroll-behavior:contain}.skyjo-modal{width:100%;max-width:560px;border-radius:22px;padding:18px;background:radial-gradient(120% 80% at 50% 0%,rgba(255,255,255,.18),transparent 60%),linear-gradient(180deg,#ffffff24,#ffffff0f);border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 30px 90px #000000a6,inset 0 1px #ffffff2e;animation:skyjoModalIn .35s cubic-bezier(.22,.8,.28,1) forwards;position:relative;overflow:hidden;transform:translateZ(0);will-change:transform,opacity}@keyframes skyjoModalIn{0%{transform:translateY(14px) scale(.96);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes skyjoModalInMobile{0%{transform:translateY(14px);opacity:0}to{transform:translateY(0);opacity:1}}.skyjo-modal-wide{max-width:980px;max-height:84vh;padding:0;overflow:hidden;background:radial-gradient(900px 420px at 20% 0%,rgba(0,202,255,.14),transparent 60%),radial-gradient(900px 420px at 80% 10%,rgba(255,180,64,.14),transparent 60%),linear-gradient(180deg,#ffffff29,#ffffff14);border-color:#ffffff38}.skyjo-modal-top{position:sticky;top:0;z-index:6;padding:14px 16px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;background:linear-gradient(180deg,#14181cc7,#14181c66);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.1);box-shadow:inset 0 -1px #00d2ff1a}.skyjo-modal-top:after{content:"";position:absolute;left:16px;right:16px;bottom:-1px;height:2px;border-radius:999px;background:linear-gradient(90deg,#00d2ff00,#00d2ff8c,#ffbe5a80,#00d2ff00);opacity:.75;pointer-events:none}.skyjo-modal-title{grid-column:2;justify-self:center;text-align:center;font-weight:950;font-size:1.15rem;letter-spacing:.02em;color:#fff;text-shadow:0 10px 30px rgba(0,0,0,.35)}.skyjo-modal-endgame .skyjo-modal-title{text-align:center;width:100%}#close-details-btn{grid-column:3;justify-self:end}.skyjo-modal-line{margin:8px 0 0;color:#fffc}.skyjo-modal-endgame .skyjo-modal-line{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;text-align:center}.skyjo-modal-confirm{max-width:520px;padding:18px}.skyjo-confirm-icon{width:56px;height:56px;border-radius:18px;display:grid;place-items:center;margin:6px auto 10px;background:radial-gradient(70% 60% at 30% 25%,rgba(255,255,255,.35),transparent 60%),linear-gradient(180deg,#ffffff29,#ffffff0f);border:1px solid rgba(255,255,255,.2);box-shadow:0 24px 56px #0000008c,inset 0 1px #ffffff2e;color:#e0ba6ef2}.skyjo-confirm-desc{text-align:center;margin:6px 0 14px;color:#ffffffc7;line-height:1.35}.skyjo-confirm-sub{display:block;margin-top:4px;font-size:.9rem;color:#ffffff94}.skyjo-modal-actions-3{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.skyjo-modal-actions-3 #confirm-newgame-cancel{grid-column:1 / -1}#detailed-history{padding:14px 16px 18px;overflow:auto;max-height:calc(84vh - 58px);position:relative;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.22) transparent}#detailed-history::-webkit-scrollbar{width:10px}#detailed-history::-webkit-scrollbar-track{background:transparent}#detailed-history::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#00d2ff4d,#ffbe5a38);border-radius:999px;border:2px solid transparent;background-clip:padding-box}.winner-glow{font-weight:1000;background:linear-gradient(90deg,#9be7ff,#fff,#9be7ff);background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:skyjoShine 4.2s ease-in-out infinite}.loser-glow{font-weight:1000;background:linear-gradient(90deg,#ffb4b4,#ffd2a0,#ffb4b4);background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:skyjoShine 4.2s ease-in-out infinite reverse}@keyframes skyjoShine{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.skyjo-score-badge-warn{background:#d6782829;border-color:#d6782847}body.skyjo-lock{overflow:hidden!important;touch-action:none}.skyjo-confetti{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none;z-index:0;opacity:.85}.skyjo-modal>:not(#confetti-canvas){position:relative;z-index:1}.skyjo-trophy-wrap{display:flex;justify-content:center;margin:4px 0 10px}.skyjo-trophy{width:64px;height:64px;border-radius:20px;display:grid;place-items:center;background:radial-gradient(70% 60% at 30% 25%,rgba(255,255,255,.35),transparent 60%),linear-gradient(180deg,#ffffff2e,#ffffff0f);border:1px solid rgba(255,255,255,.22);box-shadow:0 26px 60px #000000a6,inset 0 1px #ffffff38;animation:skyjoTrophyPop .55s cubic-bezier(.22,.8,.28,1) both;position:relative;transform:translateZ(0);will-change:transform,opacity}.skyjo-trophy:after{content:"";position:absolute;inset:-60%;background:radial-gradient(circle at 50% 40%,rgba(224,186,110,.18),transparent 55%);pointer-events:none}@keyframes skyjoTrophyPop{0%{transform:translateY(10px) scale(.92);opacity:0}60%{transform:translateY(-2px) scale(1.05);opacity:1}to{transform:translateY(0) scale(1)}}.skyjo-trophy svg{width:34px;height:34px}.skyjo-trophy svg path{fill:#e0ba6ef2;stroke:#ffffff1a}.skyjo-scorechart{margin-top:16px;display:flex;flex-direction:column;gap:12px;padding:14px;border-radius:18px;background:radial-gradient(120% 120% at 0% 0%,rgba(255,255,255,.1),transparent 60%),linear-gradient(180deg,#ffffff12,#ffffff08);border:1px solid rgba(255,255,255,.14)}.skyjo-scorebar{display:grid;grid-template-columns:1fr 2fr auto;gap:12px;align-items:center}.skyjo-scorebar-name{font-weight:900;font-size:.95rem;color:#ffffffeb;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.skyjo-scorebar-score{font-weight:950;color:#ffffffe0;min-width:42px;text-align:right}.skyjo-scorebar-track{height:12px;border-radius:999px;overflow:hidden;background:linear-gradient(180deg,#ffffff14,#ffffff0a);border:1px solid rgba(255,255,255,.12);box-shadow:inset 0 1px #ffffff24,inset 0 -6px 12px #00000059}.skyjo-scorebar-fill{height:100%;width:0;border-radius:999px;background:linear-gradient(90deg,#7f99fda6,#fd987fa6);position:relative;overflow:hidden;transition:width .7s cubic-bezier(.22,.8,.28,1)}@media(prefers-reduced-motion:no-preference){.skyjo-scorebar-fill:after{content:"";position:absolute;inset:-60% -40%;background:linear-gradient(120deg,transparent 0%,rgba(255,255,255,.25) 45%,transparent 65%);transform:translate(-45%) rotate(10deg);opacity:.18;animation:skyjoBarSheen 3.6s ease-in-out infinite;pointer-events:none}@keyframes skyjoBarSheen{0%{transform:translate(-45%) rotate(10deg);opacity:.08}50%{transform:translate(30%) rotate(10deg);opacity:.22}to{transform:translate(-45%) rotate(10deg);opacity:.08}}}.skyjo-scorebar.is-winner .skyjo-scorebar-fill{background:linear-gradient(90deg,#00d2ffe6,#00d2ff59);box-shadow:0 18px 40px #00d2ff1a}.skyjo-scorebar.is-loser .skyjo-scorebar-fill{background:linear-gradient(90deg,#ffbe5ad9,#ffbe5a4d);box-shadow:0 18px 40px #ffbe5a1a}@media(prefers-reduced-motion:reduce){.skyjo-trophy,.skyjo-scorebar-fill,.skyjo-scorebar-fill:after{animation:none!important;transition:none!important}}.skyjo-detail-block{margin-top:12px;padding:12px;border-radius:16px;border:1px solid rgba(255,255,255,.12);background:radial-gradient(120% 120% at 0% 0%,rgba(255,255,255,.08),transparent 60%),linear-gradient(180deg,#ffffff0f,#ffffff08);box-shadow:inset 0 1px #ffffff1a,0 14px 40px #00000038}.skyjo-h3{margin:0 0 10px;font-size:1.05rem;font-weight:950;letter-spacing:.012em;color:#ffffffeb;text-shadow:0 10px 30px rgba(0,0,0,.35)}.skyjo-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.skyjo-li{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px;border-radius:14px;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;position:relative;transition:background .15s ease,border-color .15s ease,opacity .15s ease}.skyjo-li:before{content:"";position:absolute;left:8px;top:50%;width:6px;height:18px;transform:translateY(-50%);border-radius:999px;background:linear-gradient(180deg,#00d2ffb3,#ffbe5a8c);box-shadow:0 10px 25px #00d2ff1f;opacity:.9}.skyjo-li-name{font-weight:900;color:#ffffffeb;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-left:14px}.skyjo-li-points{font-weight:950;color:#fffffff2;padding:6px 10px;border-radius:999px;border:1px solid rgba(0,210,255,.18);background:radial-gradient(120px 50px at 20% 20%,rgba(0,210,255,.18),transparent 60%),radial-gradient(120px 50px at 80% 30%,rgba(255,190,90,.14),transparent 60%),linear-gradient(180deg,#ffffff1a,#ffffff0d)}.skyjo-details-divider{height:1px;margin:14px 2px;background:linear-gradient(90deg,transparent,rgba(0,210,255,.22),rgba(255,190,90,.18),transparent)}.skyjo-modal-actions{margin-top:22px;display:grid;grid-template-columns:1fr;gap:12px}@media(min-width:520px){.skyjo-modal-actions{grid-template-columns:1fr 1fr}}.skyjo-modal{background:radial-gradient(900px 420px at 15% 0%,rgba(0,210,255,.18),transparent 60%),radial-gradient(900px 420px at 85% 10%,rgba(255,190,90,.16),transparent 62%),radial-gradient(120% 80% at 50% 0%,rgba(255,255,255,.16),transparent 60%),linear-gradient(180deg,#ffffff24,#ffffff0f)}.skyjo-detail-tools{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:2px 0 10px}.skyjo-detail-tools .skyjo-btn{padding:10px 12px;border-radius:14px}.skyjo-detail-tools .skyjo-btn:active{transform:translateY(1px)}.skyjo-rounds{display:flex;flex-direction:column;gap:10px}.skyjo-round-card{border-radius:16px;border:1px solid rgba(255,255,255,.1);background:radial-gradient(120% 120% at 0% 0%,rgba(255,255,255,.07),transparent 62%),linear-gradient(180deg,#ffffff0d,#ffffff08);overflow:hidden}.skyjo-round-head{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px;background:#00000024;border:0;color:inherit;cursor:pointer}.skyjo-round-head:hover{background:#ffffff14}.skyjo-round-head:focus-visible{outline:none;box-shadow:0 0 0 3px #00d2ff40,inset 0 0 0 1px #ffffff1f}.skyjo-round-left{display:flex;flex-direction:column;gap:4px;min-width:0}.skyjo-round-title{font-weight:950;color:#ffffffeb;letter-spacing:.01em}.skyjo-round-meta{display:flex;gap:8px;flex-wrap:wrap;color:#ffffff9e;font-size:.9rem}.skyjo-round-right{display:flex;align-items:center;gap:10px;flex-shrink:0}.skyjo-round-sum{font-weight:950;padding:6px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;color:#ffffffe0}.skyjo-round-chevron{width:28px;height:28px;display:grid;place-items:center;border-radius:999px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;transition:transform .2s ease}.skyjo-round-panel{max-height:0;overflow:hidden;transition:max-height .25s ease}.skyjo-round-inner{padding:10px 12px 12px;display:flex;flex-direction:column;gap:8px}.skyjo-round-card.is-open .skyjo-round-chevron{transform:rotate(180deg)}.skyjo-round-card.is-open .skyjo-round-inner{animation:roundOpen .25s ease-out both}@keyframes roundOpen{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.skyjo-li.is-highlight{border-color:#00d2ff73;background:radial-gradient(160px 60px at 0% 50%,rgba(0,210,255,.18),transparent 60%),#ffffff0f}.skyjo-li.is-dim{opacity:.35}@media(min-width:900px){#detailed-history{display:grid;grid-template-columns:minmax(320px,1fr) minmax(360px,1.2fr);gap:14px;align-items:start}#detailed-history>.skyjo-detail-block:first-child{position:sticky;top:70px;grid-column:1}#detailed-history>.skyjo-detail-block:last-child{grid-column:2}.skyjo-details-divider{display:none}}@media(max-width:520px){.skyjo-modal{animation:skyjoModalInMobile .28s ease-out forwards}.skyjo-overlay{-webkit-backdrop-filter:none;backdrop-filter:none}.skyjo-modal-wide{max-height:88vh}.skyjo-modal-top{grid-template-columns:1fr auto}.skyjo-modal-title{grid-column:1;justify-self:start;text-align:left;font-size:1.05rem}#close-details-btn{grid-column:2}}#newgame-btn-popup{border:1px solid rgba(255,255,255,.14);border-top-color:#ffffff38;border-bottom-color:#00000047;color:#080e12f2;font-weight:980;letter-spacing:.012em;background:radial-gradient(220px 90px at 18% 18%,rgba(255,255,255,.35),transparent 62%),radial-gradient(280px 120px at 85% 10%,rgba(255,190,90,.22),transparent 58%),linear-gradient(135deg,#00d2fffa,#58c8ffe6 36%,#78d7ffbf 55%,#5affffc7);box-shadow:0 26px 70px #00d2ff2e,0 14px 38px #ffbe5a1a,inset 0 1px #ffffff4d,inset 0 -10px 18px #0000002e;position:relative;overflow:hidden;transform:translateZ(0);transition:transform .18s ease,filter .18s ease,box-shadow .18s ease}@media(prefers-reduced-motion:no-preference){#newgame-btn-popup:after{content:"";position:absolute;inset:-70% -40%;background:linear-gradient(120deg,transparent 0%,rgba(255,255,255,.22) 45%,transparent 65%);transform:translate(-45%) rotate(10deg);opacity:.2;animation:newGameSheen 4.2s ease-in-out infinite;pointer-events:none}@keyframes newGameSheen{0%{transform:translate(-45%) rotate(10deg);opacity:.1}50%{transform:translate(32%) rotate(10deg);opacity:.22}to{transform:translate(-45%) rotate(10deg);opacity:.1}}}#newgame-btn-popup:hover{transform:translateY(-2px);filter:saturate(1.1) brightness(1.03);box-shadow:0 34px 90px #00d2ff38,0 18px 48px #ffbe5a24,inset 0 1px #ffffff52,inset 0 -10px 18px #00000029}#newgame-btn-popup:active{transform:translateY(0);filter:brightness(.98);box-shadow:0 18px 45px #00d2ff29,0 10px 25px #ffbe5a1a,inset 0 1px #ffffff42,inset 0 -12px 20px #00000038}#newgame-btn-popup:focus-visible{outline:none;box-shadow:0 0 0 4px #00d2ff38,0 0 0 1px #ffffff2e,0 34px 90px #00d2ff33}#newgame-btn-popup:disabled{cursor:not-allowed;filter:grayscale(.25) brightness(.9);opacity:.72;box-shadow:0 10px 30px #00000040,inset 0 1px #ffffff29}#restart-btn-popup{color:#fffffff2;font-weight:950;letter-spacing:.012em;background:radial-gradient(160px 70px at 22% 18%,rgba(255,255,255,.18),transparent 60%),linear-gradient(135deg,#ffbe5aeb,#d67828d1 55%,#783712b8);box-shadow:0 18px 45px #ffbe5a24,0 12px 30px #d678281f,inset 0 1px #ffffff29;position:relative;overflow:hidden;transition:transform .18s ease,filter .18s ease,box-shadow .18s ease}@media(prefers-reduced-motion:no-preference){#restart-btn-popup:after{content:"";position:absolute;inset:-70% -40%;background:linear-gradient(120deg,transparent 0%,rgba(255,255,255,.22) 45%,transparent 65%);transform:translate(-45%) rotate(10deg);opacity:.2;animation:restartSheen 4.6s ease-in-out infinite;pointer-events:none}@keyframes restartSheen{0%{transform:translate(-45%) rotate(10deg);opacity:.1}50%{transform:translate(30%) rotate(10deg);opacity:.24}to{transform:translate(-45%) rotate(10deg);opacity:.1}}}#restart-btn-popup:hover{transform:translateY(-1px);filter:saturate(1.06) brightness(1.03);box-shadow:0 22px 55px #ffbe5a2e,0 14px 34px #d6782829,inset 0 1px #ffffff2e}#restart-btn-popup:active{transform:translateY(0);filter:brightness(.98)}#restart-btn-popup:focus-visible{outline:none;box-shadow:0 0 0 4px #ffbe5a2e,0 0 0 1px #ffffff24,0 22px 55px #ffbe5a29}.skyjo-toast{position:fixed;left:12px;right:12px;bottom:14px;z-index:2000;display:flex;align-items:stretch;justify-content:space-between;gap:10px;padding:12px;border-radius:16px;background:#ffffff1f;border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(14px);box-shadow:0 22px 60px #00000073;animation:toastIn .18s ease-out forwards}@media(min-width:560px){.skyjo-toast{left:18px;right:auto;width:420px}}@keyframes toastIn{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}.skyjo-toast-inner{flex:1}.skyjo-toast-title{font-weight:950;color:#fff;margin-bottom:2px}.skyjo-toast-msg{color:#ffffffd9;font-weight:700}.skyjo-toast-close{border-radius:12px;padding:10px 12px;cursor:pointer;color:#ffffffe6;background:#ffffff1a;border:1px solid rgba(255,255,255,.18)}
