:root{--bg:#091c23;--panel:#153732;--line:#567b6a;--text:#f4f5e9;--muted:#bed3c6;--gold:#f1cd7a;--mint:#8ef0d0}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 10% 0%,#315b4e,transparent 52%),radial-gradient(ellipse at 95% 60%,#224541,transparent 55%),var(--bg);color:var(--text);font:18px/1.6 ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;min-height:100vh}button,input,select{font:inherit}button{cursor:pointer;touch-action:manipulation}button:disabled{cursor:default;opacity:.65}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--gold);outline-offset:4px}h1,h2,p{margin-top:0}h2{font-size:24px;line-height:1.35;margin-bottom:14px}.page{max-width:1280px;padding:0 28px;margin:auto}.top{display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding:22px 0;border-bottom:1px solid #ffffff26}.brand{font-size:22px;letter-spacing:-.5px;font-weight:850}.brand>span{color:var(--mint)}.prototype{font-size:18px;color:#d1dfcc}.top-controls{width:100%;display:flex;align-items:center;flex-wrap:wrap;gap:12px}.top-controls input{flex:1 1 180px;min-width:140px;max-width:280px;background:#16392e;color:var(--text);border:1px solid #b7a672;border-radius:12px;padding:12px}.top-controls input::placeholder{color:var(--muted)}.top-controls select{flex:1 1 250px;min-width:0;appearance:none;-webkit-appearance:none;border:1px solid #b7a672;background:#193f31;color:#f1e4b8;border-radius:12px;padding:12px 36px 12px 14px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m4 6 4 4 4-4' fill='none' stroke='%23eaddb3' stroke-width='2'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px}.outline,.hint,.primary{border-radius:12px;min-height:50px;padding:12px 18px;font-size:18px;font-weight:650}.outline{border:1px solid #89a478;background:#233e31;color:var(--gold)}.sound-toggle{display:flex;align-items:center;justify-content:center;gap:8px}.sound-toggle>span:first-child{font-size:24px}.hero{display:flex;align-items:center;justify-content:space-between;padding:28px 4px}.eyebrow{display:block;font-size:18px;font-weight:650;color:var(--gold);letter-spacing:.5px;margin-bottom:10px}.hero h1{font-size:70px;letter-spacing:-3px;line-height:1;margin:0 0 14px;font-weight:900}.hero h1>span{color:var(--gold)}.hero p{margin:0;color:var(--muted);font-size:18px}.hero strong{color:var(--text)}.hero-cards{display:flex;align-items:center;padding:0 36px}.hero-cards>span{width:72px;transform:rotate(-14deg);filter:drop-shadow(0 6px 10px #0005)}.hero-cards>span+span{margin-left:-16px;transform:rotate(0deg);margin-top:-16px}.hero-cards>span:last-child{transform:rotate(14deg);margin-top:0}.card-face{display:block;width:100%;height:100%;border-radius:7px}.hero-cards .card-face,.selection-preview .card-face{height:auto}.layout-explainer{padding:22px 26px;border:1px solid #78945b;border-radius:18px;background:linear-gradient(130deg,#244c38,#163730);margin-bottom:24px}.layout-explainer p{margin:0 0 12px}.layout-explainer .current-layout{margin:0;color:var(--gold);font-weight:650}.layout{display:flex;flex-direction:column;gap:24px}.play-area{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:22px;align-items:start}.mobile-stage-nav{display:none}.random-label{font-size:18px;color:var(--muted)}.arena{position:relative;isolation:isolate;width:100%;min-width:0;padding:24px;border:1px solid #789575;border-radius:24px;background:linear-gradient(135deg,#205345,#0c2d30);box-shadow:0 22px 60px #0003}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding-bottom:20px;border-bottom:1px solid #6e948560}.stats span{display:block;font-size:18px;color:#d4e4d3;margin-bottom:4px}.stats strong{font-size:40px;line-height:1.25;font-variant-numeric:tabular-nums}.stats>div:first-child strong{color:var(--gold)}.board-heading{padding:22px 0}.board-heading h2{margin-bottom:8px}.board-heading p{margin:0;color:var(--muted);font-size:18px}.board-wrap{display:flex;justify-content:center;position:relative;isolation:isolate;padding:12px 0}.board{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;touch-action:none;position:relative;width:100%;max-width:550px}.card{width:100%;height:auto;aspect-ratio:180/252;position:relative;min-width:0;background:#fffdf5;color:#182331;border:1px solid #dde8ce;border-radius:7px;padding:0;display:flex;align-items:center;justify-content:center;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;box-shadow:0 4px 10px #0005;transition:transform .18s,box-shadow .18s}.card:disabled{opacity:1}.card>*{pointer-events:none}.card:hover:enabled{box-shadow:0 0 0 2px #f1cd7aaa,0 6px 18px #0005}.card.blocked{visibility:hidden;pointer-events:none;box-shadow:none;border:0;background:none}.card.empty{background:#0b2525;border:1px dashed #8ba593;box-shadow:none}.card.empty:before{content:'+';font-size:24px;color:#8ba593}.card.ready{box-shadow:0 0 0 2px #84e8bd88,0 4px 12px #0005}.card.last-moved{box-shadow:0 0 0 4px #96ffe4,0 0 25px #96ffe466}.card.chosen{box-shadow:0 0 0 4px var(--gold),0 0 30px #f2ce7e80;z-index:4;transform:translateY(-3px)}.card.selected{box-shadow:0 0 0 4px var(--mint);transform:translateY(-4px);z-index:5}.card.moving{z-index:20;box-shadow:0 0 0 4px #a4ffe0,0 15px 28px #0008;will-change:transform}.card.hinted{animation:hint-glow 1.2s ease-in-out infinite;z-index:2}.hint-arrow{position:absolute;right:-16px;top:50%;transform:translateY(-50%);font-size:26px;line-height:1.2;color:#163c2a;background:var(--gold);border-radius:8px;padding:0 4px;z-index:6}.hint-arrow.vertical{right:auto;left:50%;top:auto;bottom:-18px;transform:translateX(-50%)}.card.clearing{animation:vanish .52s ease-in forwards;z-index:8}.card.fresh{animation:deal .6s ease-out}.card.invalid{animation:shake .32s ease-in-out}.board-feedback{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:15px 22px;border:1px solid var(--gold);border-radius:16px;background:#0a2826ed;color:#fff0b7;font-size:26px;font-weight:800;box-shadow:0 10px 35px #0008;text-align:center;max-width:90%;width:max-content;opacity:0;pointer-events:none;z-index:40}.board-feedback.show{animation:feedback 1.6s ease-out forwards}.message{min-height:70px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:18px;padding:18px 0;color:#d8e8d3}.message.good{color:var(--mint)}.tools{display:flex;align-items:center;flex-wrap:wrap;gap:22px}.hint{border:1px solid #91ac87;background:#2e5140;color:#f3e4b4}.target{flex:1;min-width:150px;font-size:18px}.progress{height:9px;background:#183529;border-radius:7px;overflow:hidden;margin-top:10px}.progress i{display:block;height:100%;background:linear-gradient(90deg,#bc984d,#f1db8d);width:0;transition:width .3s}.board-note{font-size:18px;line-height:1.6;color:var(--muted);margin:20px 0 0}.information{width:100%;display:flex;flex-direction:column;gap:24px}.info-panels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:stretch}.info-panels>.tutorial{grid-column:1;grid-row:1}.info-panels>.personal{grid-column:1;grid-row:2}.scoring{grid-column:2;grid-row:1/3}.ranking{grid-column:1/-1}.panel{padding:26px;border:1px solid #68875e;border-radius:20px;background:linear-gradient(135deg,#1d4435,#12332b);min-width:0}.panel p,.panel .small,.picker-intro,.empty-hands{font-size:18px;line-height:1.6;color:var(--muted)}.panel p:last-child{margin-bottom:0}.panel-title{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.panel-title h2{margin:0}.panel-title>span{font-size:18px;color:var(--gold)}#hand-count{border:1px solid #8ea46f;border-radius:10px;min-width:40px;padding:4px 10px;text-align:center}.picker{position:sticky;top:16px;background:linear-gradient(130deg,#244a34,#163931);border-color:#bdba74}.picker-intro{margin:16px 0}.hand-list{display:grid;grid-template-columns:1fr;gap:10px;max-height:340px;overflow:auto;scrollbar-color:#96b27b #16312d;scrollbar-width:thin}.hand-option{display:flex;flex-direction:column;gap:7px;padding:14px 16px;min-width:0;text-align:left;background:#102f26;border:1px solid #8ba16d;border-radius:12px;color:var(--text);font-size:18px}.hand-option:hover{background:#2a4e36;border-color:var(--gold)}.hand-option.active{border-color:var(--gold);box-shadow:inset 0 0 0 2px var(--gold);background:#405036}.hand-option strong{font-size:20px;color:var(--gold)}.hand-cards{font-family:Georgia,serif;font-size:22px;overflow-wrap:anywhere}.hand-option small{font-size:18px;color:var(--muted)}.empty-hands{grid-column:1/-1;margin:0}.selection-preview{display:flex;gap:10px;justify-content:center;margin:20px 0}.selection-preview:empty{display:none}.selection-preview>span{width:68px;min-width:0;filter:drop-shadow(0 3px 6px #0005)}.primary{border:1px solid #f3d698;background:linear-gradient(120deg,#f8dea1,#dfb957);color:#233024;font-weight:750}.collect{display:block;width:100%;margin-top:18px}.collect:disabled{background:#355442;color:#b5c6a8;border-color:#7d9271}.cancel-selection{display:block;width:100%;padding:12px 5px;border:0;background:none;color:#efe6bd;font-size:18px;min-height:48px}.cancel-selection[hidden]{display:none}.tutorial ol{margin:18px 0;padding-left:25px}.tutorial li{font-size:18px;line-height:1.7;color:var(--muted);margin-bottom:18px}.tutorial li strong{color:var(--text)}.scoring{display:flex;flex-direction:column}.scoring dl{margin:10px 0}.scoring>.small{margin-top:auto}.scoring dl>div{display:flex;justify-content:space-between;gap:14px;padding:5px 0;border-bottom:1px solid #cbdab527}.scoring dt{font-size:20px;line-height:1.3;font-weight:650}.scoring dt small{display:block;font-size:18px;font-weight:400;color:var(--muted);margin-top:0;line-height:1.3}.scoring dd{font-size:24px;color:var(--gold);font-weight:750;margin:0}.record{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;margin:18px 0}.record span{font-size:18px;color:var(--muted)}.record strong{font-size:30px;color:var(--gold)}.ranking-scroll{overflow-x:auto}.ranking table{width:100%;min-width:420px;border-collapse:collapse;text-align:left;font-size:18px}.ranking th{color:#d8e4ca;font-size:18px}.ranking th,.ranking td{padding:12px 8px;border-bottom:1px solid #ffffff26}.ranking td:nth-child(n+3){white-space:nowrap}.ranking .mine{background:#ebd17825}.ranking .outline{font-size:18px}.finish{margin-top:24px;padding:24px;border:1px solid #f1cd7a;border-radius:18px;background:#324c2c}.finish[hidden]{display:none}.finish p{font-size:18px}.finish .primary{margin:6px 8px 6px 0}footer{display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px;padding:28px 0;color:var(--muted);font-size:18px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@keyframes hint-glow{0%,100%{box-shadow:0 0 0 2px var(--gold)}50%{box-shadow:0 0 0 4px var(--gold),0 0 25px #f1cd7a88}}@keyframes vanish{0%{opacity:1;transform:scale(1);filter:brightness(1)}40%{filter:brightness(1.35);box-shadow:0 0 25px var(--gold)}100%{opacity:0;transform:scale(.65) translateY(-18px)}}@keyframes deal{0%{opacity:0;transform:translateY(-15px) scale(.9)}70%{opacity:1;transform:translateY(2px) scale(1.02)}100%{transform:translateY(0) scale(1)}}@keyframes shake{0%,100%{transform:translateX(0)}25%{transform:translateX(-7px)}75%{transform:translateX(7px)}}@keyframes feedback{0%{opacity:0;transform:translate(-50%,-35%) scale(.92)}15%,60%{opacity:1;transform:translate(-50%,-50%) scale(1)}100%{opacity:0;transform:translate(-50%,-90%) scale(1)}}
@media(max-width:900px){.info-panels{grid-template-columns:1fr}.info-panels>.tutorial,.info-panels>.personal{grid-column:auto;grid-row:auto}.scoring{grid-column:auto;grid-row:auto}.ranking{grid-column:auto}.hand-list{grid-template-columns:1fr}.hero-cards{padding:0 16px}.top-controls input{max-width:none}.top-controls select{flex-basis:280px}.sound-toggle{flex:1 1 210px}.top-controls #restart{flex:1 1 150px}}
@media(max-width:600px){.page{padding:0 12px}.top{gap:12px;padding:16px 0}.prototype{width:100%}.top-controls input,.top-controls select{flex-basis:100%;width:100%}.hero{padding:24px 0}.hero h1{font-size:56px}.hero-cards{display:none}.hero p{font-size:18px}.layout-explainer,.panel{padding:20px 18px}.arena{padding:20px 12px;border-radius:18px}.stats{gap:8px}.stats span{font-size:18px}.stats strong{font-size:32px}.board{gap:6px}.card,.card-face{border-radius:4px}.card.selected,.card.chosen,.card.last-moved{box-shadow:0 0 0 2px var(--gold),0 0 16px #f1cd7a55}.card.last-moved,.card.selected{box-shadow:0 0 0 2px var(--mint),0 0 16px #8ef0d055}.card.moving{box-shadow:0 0 0 2px var(--mint),0 12px 20px #0007}.hint-arrow{font-size:20px;right:-13px}.hint-arrow.vertical{bottom:-14px}.board-feedback{font-size:22px;padding:12px 16px}.hand-list{grid-template-columns:1fr}.hand-option{padding:14px}.selection-preview{gap:6px}.selection-preview>span{max-width:58px}.tools{gap:16px}.hint{width:100%}.finish{padding:18px}.finish .primary{width:100%;margin-right:0}.panel-title h2{font-size:24px}.ranking th,.ranking td{padding:12px 6px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.board-feedback.show{opacity:1;position:static;transform:none;margin:0 auto;font-size:18px}.board-feedback{display:none}.board-feedback.show{display:block;width:100%;max-width:100%;order:2}.card.clearing{opacity:.45}}

.results{width:100%}.results .record{margin-bottom:0}.personal table{min-width:0}.personal td{font-variant-numeric:tabular-nums}.rank-pagination{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:16px;margin-top:22px}.rank-pagination span{font-size:18px}.information>.ranking{width:100%}.scoring dl>div:last-child{border-bottom:0}@media(max-width:1050px){.play-area{grid-template-columns:minmax(0,1fr) 300px;gap:16px}.picker{padding:20px 16px}.arena{padding:20px 16px}.hand-option{padding:12px}.hand-option strong{font-size:18px}.hand-cards{font-size:20px}}@media(max-width:760px){.play-area{grid-template-columns:minmax(350px,1fr) 280px;gap:16px;overflow-x:auto;scroll-snap-type:x proximity;padding:4px 0 12px}.play-area>.arena,.play-area>.picker{scroll-snap-align:start}.picker{position:static}.mobile-stage-nav{display:block;margin-bottom:16px}.rank-pagination .outline{flex:1}.scoring{height:auto}}


/* UKLAD_PANEL_HEIGHT_SYNC */
#picker-panel.uklad-equal-height {
    display: flex !important;
    flex-direction: column !important;
    box-sizing: border-box !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: hidden !important;
}

#picker-panel.uklad-equal-height > :not(#hand-list) {
    flex-shrink: 0;
}

#picker-panel.uklad-equal-height #hand-list {
    flex: 1 1 0 !important;
    min-height: 0 !important;
    height: auto !important;
    max-height: none !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    overscroll-behavior: contain;
    scrollbar-gutter: stable;
}