.rd-grid{display:grid;grid-template-columns:330px 1fr;gap:34px;align-items:start}.rd-info{border:1px solid var(--ink);background:var(--panel);box-shadow:var(--shadow);margin:4px;position:sticky;top:var(--header-h, 72px)}.rd-info>summary{display:none;list-style:none}.rd-info>summary::-webkit-details-marker{display:none}.rd-info .hd{padding:13px 20px;border-bottom:1px solid var(--ink);background:var(--verm);color:var(--paper);box-shadow:inset 0 0 0 1px #f2ead659;display:flex;justify-content:space-between;align-items:baseline}.rd-info .hd h3{font-size:16.5px;letter-spacing:3px;font-weight:700}.rd-info .hd .en{font-family:var(--en-b);font-style:italic;font-size:12px}.rd-info .bd{padding:18px 20px 16px}.rd-info .meta{display:flex;gap:8px;margin-bottom:14px;flex-wrap:wrap}.rd-info .meta span{font-size:11.5px;letter-spacing:1px;border:1px solid var(--ink-3);color:var(--soft);padding:1px 9px;background:var(--paper);font-weight:600}.rd-info .meta .lv{color:var(--verm)}.rd-info p.brief{font-size:13px;color:var(--soft);line-height:1.95;margin-bottom:14px}.rd-pos-list{border-top:2px dotted var(--faint);padding-top:12px}.rd-pos-list li{display:flex;gap:10px;align-items:baseline;font-size:13px;padding:5px 0;list-style:none}.rd-pos-list .n{font-family:var(--en-d);font-style:italic;color:var(--gold);font-size:13.5px;width:20px;flex-shrink:0}.rd-pos-list b{font-weight:700;letter-spacing:1px;white-space:nowrap}.rd-pos-list .pe{font-family:var(--en-b);font-style:italic;color:var(--soft);font-size:12px}.rd-pos-list li.lit b{color:var(--verm)}.rd-stage{border:2px solid var(--ink);background:var(--panel);background-image:var(--rose-pattern);box-shadow:0 0 0 3px var(--panel),0 0 0 4px var(--ink),0 22px 50px -24px #2b221880;margin:4px;min-height:560px;display:flex;flex-direction:column}.stage-cue{text-align:center;padding:24px 16px 0;font-size:13.5px;letter-spacing:4px;color:var(--soft);transition:opacity .26s ease,transform .26s ease}.stage-cue .fl{color:var(--gold);margin:0 12px;font-size:14px}.stage-cue.out{opacity:0;transform:translateY(-8px)}.phase{display:none;flex:1;flex-direction:column;align-items:center;justify-content:center;padding:38px 36px}.phase.on{display:flex;animation:phase-in .55s cubic-bezier(.3,0,.14,1) both}@keyframes phase-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}.ph-table.on{animation-name:phase-fade}@keyframes phase-fade{0%{opacity:0}to{opacity:1}}.ph-intro{width:100%;max-width:520px;margin-inline:auto;text-align:center}.ph-intro .orn{font-size:20px;color:var(--gold);letter-spacing:12px;text-indent:12px;margin-bottom:14px}.ph-intro h3{font-size:22px;font-weight:900;letter-spacing:4px;margin-bottom:14px}.ph-intro p{font-size:13.5px;color:var(--soft);text-align:left;margin-bottom:22px}.ph-intro .q-box{display:flex;border:1px solid var(--ink);background:var(--paper);margin-bottom:26px}.ph-intro .q-box input{flex:1;border:none;background:transparent;padding:13px 16px;font-family:var(--zh);font-size:16px;color:var(--ink);outline:none;min-height:44px}.ph-intro .q-box input::placeholder{color:#a4977a}.ph-intro .tip{font-size:12px;color:var(--soft);letter-spacing:1px;margin-top:14px}.ph-intro .tip:before{content:"☾ ";color:var(--gold)}.ph-pick{padding:14px 20px 100px;overflow:hidden}.pick-count{font-size:14px;letter-spacing:3px;margin-bottom:4px}.pick-count b{font-family:var(--en-d);font-size:19px;color:var(--verm)}.pick-toolbar{width:100%;max-width:360px;margin:0 auto 10px;min-height:24px;display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap}.pick-toolbar .pick-act{font-family:var(--zh);font-size:12px;letter-spacing:1.5px;color:var(--verm);background:transparent;border:none;border-bottom:1px dotted var(--verm);cursor:pointer;padding:8px 4px;min-height:44px;line-height:1.25}.pick-toolbar .pick-act:hover{color:var(--ink);border-color:var(--ink)}.pick-toolbar .pick-draw-all{font-weight:700}.rd-fan{--ease-tail: cubic-bezier(.3, 0, .14, 1);--ease-fly: cubic-bezier(.8, 0, .35, 1);--wheel-y: -202px;position:relative;height:300px;width:100%;max-width:640px;transform-origin:50% var(--wheel-y)}.rd-fan .pc{position:absolute;left:50%;bottom:0;width:92px;height:157px;margin-left:-46px;--park: 120deg;transform-origin:50% -220%;transform:rotate(calc(-1 * var(--park)));transition:transform var(--dur, .4s) var(--ease-tail);pointer-events:none}.rd-fan.spread .pc{transform:rotate(var(--r))}.rd-fan.closing .pc{transition-duration:calc(var(--dur, .4s) * .45)}.rd-fan.retreat .pc:not(.picked){transform:rotate(var(--park));transition-duration:var(--durOut, 1s);transition-timing-function:var(--ease-fly)}.rd-fan.ready .pc{pointer-events:auto;cursor:pointer}.rd-fan.full .pc{pointer-events:none}.rd-pick-grid{display:none;width:100%;max-width:380px;margin:0 auto;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px 8px}.rd-pick-grid:not([hidden]){display:grid}.rd-pick-grid.shuffling{opacity:.45;pointer-events:none;filter:blur(1px);transition:opacity .35s,filter .35s}.rd-pick-grid .pc{aspect-ratio:7 / 12;min-height:0}.rd-pick-grid .pc .pcb{width:100%;height:100%;border:1.5px solid var(--ink);background:var(--panel);padding:3px;box-shadow:0 3px 6px -2px #2b221859;transition:transform .15s ease,opacity .2s ease,box-shadow .15s ease}.rd-pick-grid .pc .pcb img{width:100%;height:100%;object-fit:cover}.rd-pick-grid.ready .pc:not(.picked){cursor:pointer}.rd-pick-grid.ready .pc:not(.picked):active .pcb{transform:scale(.96)}.rd-pick-grid .pc.picked{pointer-events:none}.rd-pick-grid .pc.picked .pcb{opacity:.32;transform:scale(.94);box-shadow:none}.rd-pick-grid.full .pc{pointer-events:none}.rd-fan .pc .pcb{width:100%;height:100%;border:1.5px solid var(--ink);background:var(--panel);padding:3px;box-shadow:0 4px 7px -2px #2b221866;transition:transform .25s var(--ease-tail),border-color .22s ease,box-shadow .22s ease,filter .22s ease}.rd-fan .pc .pcb img{width:100%;height:100%;object-fit:cover}.rd-fan.ready .pc:not(.picked):hover{z-index:99}@media(hover:hover){.rd-fan.ready .pc:not(.picked):hover .pcb{transform:translateY(10px);box-shadow:0 6px 11px -4px #2b221880}}.rd-fan .pc.picked{z-index:120;cursor:default}.rd-fan .pc.picked .pcb{animation:draw-out .85s var(--ease-fly) both;box-shadow:0 7px 13px -4px #2b221880}@keyframes draw-out{0%{transform:translateY(10px)}35%{transform:translateY(-6px)}to{transform:translateY(46px)}}.fly-clone{position:fixed;margin:0;z-index:300;pointer-events:none;box-sizing:border-box;border:1.5px solid var(--ink);background:var(--panel);padding:3px;box-shadow:0 7px 13px -4px #2b221880;transition:left .95s cubic-bezier(.3,0,.14,1),top .95s cubic-bezier(.3,0,.14,1),width .95s cubic-bezier(.3,0,.14,1),height .95s cubic-bezier(.3,0,.14,1),transform .95s cubic-bezier(.3,0,.14,1)}.fly-clone img{width:100%;height:100%;object-fit:cover;display:block}.board.awaiting .slot .flip{opacity:0;animation:none}.ph-daily{justify-content:center}.dr-wrap{display:flex;flex-direction:column;align-items:center;width:100%;max-width:560px}.dr-wrap.awaiting .dr-slot .flip{opacity:0;animation:none}.dr-out{width:100%;text-align:center;margin-top:26px;border-top:1px solid var(--ink-3);padding-top:22px;position:relative;display:none}.dr-out:before{content:"❦";position:absolute;top:-14px;left:50%;transform:translate(-50%);background:var(--panel);padding:0 14px;color:var(--gold);font-size:15px;line-height:1.6}.dr-out.show{display:block;animation:item-in .5s cubic-bezier(.3,0,.14,1) both}.dr-out .name{font-size:20px;font-weight:900;letter-spacing:3px}.dr-out .name .tag{display:inline-block;font-size:11px;letter-spacing:2px;border:1px solid var(--ink);background:var(--gold);color:var(--paper);padding:0 8px;margin-right:8px;vertical-align:2px;font-weight:600}.dr-out .name .tag.rev{background:var(--verm)}.dr-out .name .en-i{font-family:var(--en-b);font-style:italic;font-weight:400;font-size:14px;color:var(--soft)}.dr-out .keys{font-size:13px;color:var(--soft);letter-spacing:2px;margin-top:6px}.dr-out .guide{font-size:13.5px;line-height:2.05;color:var(--ink-2, var(--ink));text-align:left;max-width:460px;margin:16px auto 0}.dr-out .acts{margin-top:20px;display:flex;justify-content:center;gap:0;flex-wrap:wrap}.dr-out .note{font-size:12px;color:var(--soft);letter-spacing:2px;margin-top:18px}.dr-out .note:before{content:"☾ ";color:var(--gold)}.ph-table{padding:30px 30px 28px;justify-content:flex-start}.board-wrap{width:100%;max-width:720px}.board-wrap.is-dense{overflow-x:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}.board-wrap.is-dense .board{width:118%;max-width:none;margin-inline:auto}.board-wrap.is-dense .slot .ph-mark span{display:none}.board{position:relative;width:100%}.slot{position:absolute;left:var(--x);top:var(--y);width:var(--w);aspect-ratio:7 / 12;transform:translate(-50%,-50%) rotate(var(--rot, 0deg))}.slot .ph-mark{position:absolute;inset:0;border:2px dashed var(--faint);background:#2b22180a;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.slot .ph-mark b{font-family:var(--en-d);font-style:italic;font-size:17px;color:var(--faint)}.slot .ph-mark span{font-size:10.5px;letter-spacing:1px;color:var(--soft);opacity:.75;text-align:center;padding:0 4px}.slot .flip{position:absolute;inset:0;perspective:700px;display:none}.slot.filled .flip{display:block}.slot.filled .ph-mark{display:none}.slot .flip .fin{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .8s cubic-bezier(.3,0,.14,1)}.slot.open .flip .fin{transform:rotateY(180deg)}.slot.open .flip{animation:flip-lift .8s cubic-bezier(.3,0,.14,1)}@keyframes flip-lift{0%{transform:none}45%{transform:translateY(-13px) scale(1.07)}to{transform:none}}.slot .flip .ff{position:absolute;inset:0;backface-visibility:hidden;border:1.5px solid var(--ink);background:var(--panel);padding:3px;box-shadow:0 6px 12px -4px #2b221880}.slot .flip .ff img{width:100%;height:100%;object-fit:cover}.slot .flip .ff.face{transform:rotateY(180deg)}.slot .flip .ff.face img.rev{transform:rotate(180deg)}.slot.filled{cursor:pointer}.slot.open{cursor:default}.slot.hl .flip .ff{box-shadow:0 0 0 2px var(--gold),0 6px 12px -4px #2b221880}.dr-slot{position:relative;left:auto;top:auto;transform:none;width:150px;flex-shrink:0}.table-tip{text-align:center;font-size:12.5px;letter-spacing:2px;color:var(--soft);margin-top:18px}.table-tip:before{content:"☞ ";color:var(--verm)}.rd-out{width:100%;max-width:720px;margin-top:30px;border-top:1px solid var(--ink-3);padding-top:26px;display:none;position:relative}.rd-out:before{content:"❦";position:absolute;top:-16px;left:50%;transform:translate(-50%);background:var(--panel);padding:0 16px;color:var(--gold);font-size:17px;line-height:1.7}.rd-out.show{display:block;animation:out-in .6s ease both}@keyframes out-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.rd-out .q-echo{font-size:13px;color:var(--soft);letter-spacing:1px;border:1px solid var(--ink);background:var(--paper);padding:10px 16px;margin-bottom:20px}.rd-out .q-echo b{color:var(--verm);margin-right:8px;font-weight:600}.rd-item{display:grid;grid-template-columns:64px 1fr;gap:16px;padding:14px 2px;border-bottom:1px solid var(--faint);animation:item-in .5s cubic-bezier(.3,0,.14,1) both;transition:background .25s ease}.rd-item:last-of-type{border-bottom:none}.rd-item.hl{background:#b28d3c1a}.rd-out .q-echo,.rd-actions{animation:item-in .5s cubic-bezier(.3,0,.14,1) both}@keyframes item-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.rd-item .thumb{border:1px solid var(--ink);box-shadow:0 0 0 2px var(--panel),0 0 0 3px var(--ink);margin:3px;overflow:hidden;align-self:start}.rd-item .thumb img{width:100%;display:block}.rd-item .thumb img.rev{transform:rotate(180deg)}.rd-item .pos{font-family:var(--en-d);font-style:italic;font-size:12.5px;color:var(--gold);letter-spacing:1px;margin-bottom:2px}.rd-item h4{font-size:16.5px;font-weight:900;letter-spacing:2px;margin-bottom:3px}.rd-item h4 .tag{display:inline-block;font-size:10.5px;letter-spacing:2px;border:1px solid var(--ink);background:var(--gold);color:var(--paper);padding:0 7px;margin-right:8px;vertical-align:2px;font-weight:600}.rd-item h4 .tag.rev{background:var(--verm);color:var(--paper)}.rd-item h4 .en-i{font-family:var(--en-b);font-style:italic;font-weight:400;font-size:13px;color:var(--soft)}.rd-item .keys{font-size:13px;letter-spacing:1.5px;margin-bottom:4px}.rd-item .hint{font-size:12.5px;color:var(--soft)}.rd-item .hint:before{content:"◆ ";color:var(--gold);font-size:10px}.rd-item .ri-link{display:inline-block;margin-top:6px;font-size:12px;letter-spacing:1.5px;color:var(--blue);border-bottom:1px dotted var(--blue);font-weight:600}.rd-item .ri-link:hover{color:var(--verm);border-color:var(--verm)}.rd-actions{display:flex;gap:14px;justify-content:center;margin-top:26px}.rd-actions .btn{margin-right:0}.rd-note{text-align:center;font-size:12px;color:var(--soft);letter-spacing:1px;padding:16px 0 0}@media(max-width:1040px){.rd-grid{grid-template-columns:1fr}.rd-info{position:static}.rd-fan{max-width:min(100%,480px);height:250px;--wheel-y: -153px;margin-inline:auto}.rd-fan .pc{width:74px;height:126px;margin-left:-37px;transform-origin:50% -200%;--park: 108deg}.phase{padding:28px 16px}.ph-pick{padding:12px 8px 84px;overflow-x:clip}.ph-table{padding:24px 12px}}@media(min-width:769px){.rd-info>summary{display:none}}@media(max-width:768px){.rd-grid{display:flex;flex-direction:column}.rd-stage{order:-1}.rd-info>summary{display:flex;justify-content:space-between;align-items:baseline;padding:13px 16px;border-bottom:1px solid var(--ink);background:var(--verm);color:var(--paper);box-shadow:inset 0 0 0 1px #f2ead659;cursor:pointer;font-weight:700;letter-spacing:2px;font-size:15px}.rd-info>summary .en{font-family:var(--en-b);font-style:italic;font-size:12px;font-weight:400}.rd-info .hd{display:none}.rd-fan{max-width:min(100%,360px);height:220px;--wheel-y: -112px}.rd-fan .pc{width:62px;height:106px;margin-left:-31px;transform-origin:50% -168%;--park: 92deg}.ph-pick{padding-bottom:76px}.pick-toolbar{flex-direction:column;align-items:stretch;gap:10px;max-width:none}.pick-toolbar .pick-act{width:100%;text-align:center;border:1px solid var(--ink);border-bottom:1px solid var(--ink);padding:11px 16px;font-size:14px;letter-spacing:2px;font-weight:600;min-height:44px}.pick-toolbar .pick-reshuffle{background:var(--panel);color:var(--ink);box-shadow:inset 0 0 0 1px #f2ead6d9,2px 2px #2b221838}.pick-toolbar.many-cards .pick-draw-all{order:-1;background:var(--verm);color:var(--paper);border-color:#7e2b18;box-shadow:inset 0 0 0 1px #f2ead666,3px 3px #2b221838;font-weight:700}}@media(max-width:640px){.rd-stage{min-height:380px}.phase{padding:18px 10px}.stage-cue{letter-spacing:1.5px;font-size:12.5px;padding-top:16px}.stage-cue .fl{margin:0 6px;font-size:12px}.pick-count{font-size:13px;letter-spacing:2px}.rd-fan{max-width:min(100%,300px);height:178px;--wheel-y: -88px}.rd-fan .pc{width:52px;height:89px;margin-left:-26px;transform-origin:50% -148%;--park: 76deg}.rd-fan .pc.picked .pcb{animation-name:draw-out-mobile}.rd-item{grid-template-columns:52px 1fr;gap:12px}.rd-actions{flex-direction:column;align-items:stretch}.rd-actions .btn{width:100%;text-align:center}.ph-pick{padding:8px 4px 64px}.rd-pick-grid{max-width:none;gap:8px 6px;grid-template-columns:repeat(4,minmax(0,1fr))}.ph-table{padding:18px 8px}.ph-intro h3{font-size:19px;letter-spacing:2px}}@keyframes draw-out-mobile{0%{transform:translateY(8px)}35%{transform:translateY(-4px)}to{transform:translateY(32px)}}
