.circular-carousel{--cc-fade: #000000;--cc-radius: 12px;--cc-inner: .4;position:relative;width:100%;height:100%;overflow:hidden;outline:none;touch-action:pan-y;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.circular-carousel[data-axis=x]{touch-action:pan-x}.circular-carousel[data-draggable]{cursor:grab}.circular-carousel[data-dragging]{cursor:grabbing}.circular-carousel:focus-visible{box-shadow:inset 0 0 0 2px #80808c8c}.circular-carousel__view{position:absolute;top:0;right:0;bottom:0;left:0}.circular-carousel[data-shape=wheel] .circular-carousel__view{-webkit-mask-image:linear-gradient(to bottom,transparent,#000000 18%,#000000 82%,transparent);mask-image:linear-gradient(to bottom,transparent,#000000 18%,#000000 82%,transparent)}.circular-carousel[data-shape=panorama] .circular-carousel__view{-webkit-mask-image:linear-gradient(to right,transparent,#000000 12%,#000000 88%,transparent);mask-image:linear-gradient(to right,transparent,#000000 12%,#000000 88%,transparent)}.circular-carousel__stage{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .45s ease}.circular-carousel[data-ready] .circular-carousel__stage{opacity:1}.circular-carousel__camera,.circular-carousel__ring,.circular-carousel__card{width:0;height:0;transform-style:preserve-3d}.circular-carousel__camera{position:relative}.circular-carousel__ring,.circular-carousel__card{position:absolute;left:0;top:0}.circular-carousel__tile{position:absolute;outline:1px solid transparent;backface-visibility:hidden;-webkit-backface-visibility:hidden}.circular-carousel__frame{position:absolute;left:0;top:0;width:100%;overflow:hidden}.circular-carousel__photo{position:absolute;display:block;max-width:none;object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.circular-carousel__shade,.circular-carousel__inner{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.circular-carousel__shade{background:var(--cc-fade);opacity:var(--cc-depth, 0)}.circular-carousel__inner{background:#000;opacity:var(--cc-inner)}.circular-carousel__caption{position:absolute;left:0;right:0;bottom:22px;display:flex;flex-direction:column;align-items:center;gap:6px;padding:0 16px;color:inherit;text-align:center;pointer-events:none;animation:circular-carousel-reveal .9s ease both}.circular-carousel__title{display:flex;max-width:100%;flex-direction:column;align-items:center;font-size:15px;font-weight:500;line-height:1.35;animation:circular-carousel-title .52s cubic-bezier(.22,1,.36,1)}.circular-carousel__subtitle{font-weight:400;opacity:.6}.circular-carousel__count{display:inline-flex;align-items:center;gap:3px;font-size:12px;font-variant-numeric:tabular-nums;line-height:1;opacity:.5}.circular-carousel__slash{opacity:.6}.circular-carousel__digits{display:inline-flex}.circular-carousel__digit{display:inline-block;height:1em;overflow:hidden}.circular-carousel__reel{display:flex;flex-direction:column;transition:transform .6s cubic-bezier(.22,1,.36,1)}.circular-carousel__reel>span{height:1em}.circular-carousel__live{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}@keyframes circular-carousel-title{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes circular-carousel-reveal{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion: reduce){.circular-carousel__stage,.circular-carousel__reel{transition:none}.circular-carousel__caption,.circular-carousel__title{animation:none}}.flip-card{--fc-w: 300px;--fc-h: 400px;--fc-radius: 22px;--fc-bg: #27272a;--fc-ink: #f5f5f5;--fc-shadow: #000000;--fc-shadow-o: .45;--fc-glare: .22;position:relative;display:inline-block;width:var(--fc-w);max-width:100%;height:var(--fc-h);border-radius:var(--fc-radius);outline:none;cursor:pointer;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;touch-action:pan-y}.flip-card[data-axis=x]{touch-action:pan-x}.flip-card[data-draggable]{cursor:grab}.flip-card[data-dragging]{cursor:grabbing}.flip-card[data-disabled]{cursor:default;opacity:.6}.flip-card__shadow{position:absolute;top:12%;right:9%;bottom:-5%;left:9%;border-radius:var(--fc-radius);background:color-mix(in srgb,var(--fc-shadow) calc(var(--fc-shadow-o) * 100%),transparent);filter:blur(22px);pointer-events:none}.flip-card__rotor{position:absolute;top:0;right:0;bottom:0;left:0;transform-style:preserve-3d}.flip-card__face{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;border-radius:var(--fc-radius);background:var(--fc-bg);color:var(--fc-ink);backface-visibility:hidden;-webkit-backface-visibility:hidden}.flip-card__face img{-webkit-user-drag:none}.flip-card__face--back{transform:rotateY(180deg)}.flip-card[data-axis=x] .flip-card__face--back{transform:rotateX(180deg)}.flip-card__glare{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle farthest-side at var(--fc-gx, 50%) var(--fc-gy, 50%),rgba(255,255,255,var(--fc-glare)) 0%,rgba(255,255,255,calc(var(--fc-glare) * .76)) 12%,rgba(255,255,255,calc(var(--fc-glare) * .5)) 26%,rgba(255,255,255,calc(var(--fc-glare) * .28)) 42%,rgba(255,255,255,calc(var(--fc-glare) * .12)) 60%,rgba(255,255,255,calc(var(--fc-glare) * .04)) 78%,rgba(255,255,255,0) 100%);opacity:var(--fc-sheen, 0);pointer-events:none}.flip-card[data-fade] .flip-card__face{transform:none;opacity:0;backface-visibility:visible;-webkit-backface-visibility:visible;transition:opacity .2s ease}.flip-card[data-fade=front] .flip-card__face--front,.flip-card[data-fade=back] .flip-card__face--back{opacity:1}.lattice-loader{--ll-n: 3;--ll-cell: 6px;--ll-gap: 2px;--ll-font: 14px;--ll-color: currentColor;--ll-mark: #22c55e;--ll-idle: .15;--ll-glow: currentColor;--ll-mark-glow: #22c55e;--ll-peak: 1;--ll-cycle: 864ms;--ll-ease-out: cubic-bezier(.23, 1, .32, 1);--ll-ease-in-out: cubic-bezier(.77, 0, .175, 1);position:relative;display:inline-flex;align-items:center;gap:calc(var(--ll-font) * .625);font-family:inherit;font-size:var(--ll-font);line-height:1}.lattice-loader__grid{display:grid;flex:none}.lattice-loader__layer{grid-area:1 / 1;display:grid;grid-template-columns:repeat(var(--ll-n),var(--ll-cell));gap:var(--ll-gap)}.lattice-loader__cell{width:var(--ll-cell);height:var(--ll-cell);border-radius:max(1px,calc(var(--ll-cell) * .25));background:var(--ll-color);opacity:var(--ll-idle)}.lattice-loader[data-shape=round] .lattice-loader__cell{border-radius:50%}.lattice-loader[data-glow] .lattice-loader__run .lattice-loader__cell:not([data-hole]){box-shadow:0 0 calc(var(--ll-cell) * 1.2) calc(var(--ll-cell) * .12) var(--ll-glow)}.lattice-loader[data-glow] .lattice-loader__mark .lattice-loader__cell[data-on]{box-shadow:0 0 calc(var(--ll-cell) * 1.2) calc(var(--ll-cell) * .12) var(--ll-mark-glow)}.lattice-loader__run{transition:opacity .2s ease}.lattice-loader__run .lattice-loader__cell{animation:lattice-on var(--ll-cycle) var(--ll-ease-in-out) infinite}.lattice-loader__run .lattice-loader__cell[data-lit="45"]{animation-name:lattice-on-45}.lattice-loader__run .lattice-loader__cell[data-lit="35"]{animation-name:lattice-on-35}.lattice-loader__run .lattice-loader__cell[data-lit="25"]{animation-name:lattice-on-25}.lattice-loader__run .lattice-loader__cell[data-hole]{animation:none;opacity:calc(var(--ll-idle) * .47)}.lattice-loader__mark{opacity:0;transform:scale(.9);transform-origin:center;transition:opacity .16s var(--ll-ease-out),transform .16s var(--ll-ease-out)}.lattice-loader__mark .lattice-loader__cell{transition:opacity .2s ease,background-color .2s ease}.lattice-loader__mark .lattice-loader__cell[data-on]{background:var(--ll-mark);opacity:var(--ll-peak)}.lattice-loader:not([data-status=working]) .lattice-loader__run{opacity:0}.lattice-loader:not([data-status=working]) .lattice-loader__run .lattice-loader__cell{animation-play-state:paused}.lattice-loader:not([data-status=working]) .lattice-loader__mark{opacity:1;transform:none;transition:opacity .2s ease,transform .2s var(--ll-ease-out)}.lattice-loader__label{position:relative;display:inline-block;font-weight:500}.lattice-loader__text{position:absolute;top:0;left:0;white-space:nowrap;opacity:0;filter:blur(2px);transition:opacity .2s ease,filter .2s ease}.lattice-loader__text[data-active]{position:static;opacity:1;filter:blur(0)}.lattice-loader__timer{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:calc(var(--ll-font) * .875);font-variant-numeric:tabular-nums;opacity:.6}.lattice-loader__sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}@keyframes lattice-on{0%,to{opacity:var(--ll-idle)}18%,42%{opacity:var(--ll-peak)}62%{opacity:var(--ll-idle)}}@keyframes lattice-on-45{0%,to{opacity:var(--ll-idle)}13%,31%{opacity:var(--ll-peak)}45%{opacity:var(--ll-idle)}}@keyframes lattice-on-35{0%,to{opacity:var(--ll-idle)}10%,24%{opacity:var(--ll-peak)}35%{opacity:var(--ll-idle)}}@keyframes lattice-on-25{0%,to{opacity:var(--ll-idle)}7%,17%{opacity:var(--ll-peak)}25%{opacity:var(--ll-idle)}}@media (prefers-reduced-motion: reduce){.lattice-loader__run{--ll-peak: .7}.lattice-loader__run .lattice-loader__cell{animation-delay:0ms!important;animation-duration:1.4s!important}.lattice-loader .lattice-loader__mark{transform:none}.lattice-loader .lattice-loader__text{filter:none}}:root{--bg: #f7fbfe;--ink: #17324a;--muted: #6f8ca2;--blue: #2e86c4;--blue-deep: #123e68;--blue-soft: #d9effc;--line-blue: #cfe8f8;--red: #e85b69;--coral: #ff9a8a;--gold: #ffd98e;--panel: rgba(255, 255, 255, .88);--shadow: 0 12px 30px rgba(93, 150, 200, .12);--shadow-sm: 0 6px 16px rgba(93, 150, 200, .1);--r-lg: 28px;--r-md: 20px;--r-sm: 14px;--font: "PingFang SC", "Microsoft YaHei", system-ui, -apple-system, sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100vh}body{font-family:var(--font);color:var(--ink);background:radial-gradient(circle at 10% 6%,rgba(140,200,240,.16),transparent 26%),radial-gradient(circle at 92% 94%,rgba(120,215,235,.15),transparent 26%),var(--bg);overflow-x:hidden}button{font:inherit;cursor:pointer}button:disabled{cursor:not-allowed}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.screen-enter{animation:none!important}}.screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:18px 14px 40px;position:relative;z-index:1}.topbar{width:min(1180px,96vw);display:flex;align-items:center;gap:10px}.topbar .grow{flex:1}.pill{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line-blue);background:#fffc;color:var(--blue-deep);border-radius:999px;padding:8px 14px;box-shadow:var(--shadow-sm);transition:transform .2s,background .2s}.pill:hover{transform:translateY(-2px);background:#fff}.pill:disabled{opacity:.45;transform:none}.panel{width:min(1180px,96vw);background:var(--panel);border:1px solid var(--line-blue);border-radius:var(--r-lg);box-shadow:var(--shadow)}.btn-primary{display:inline-flex;align-items:center;gap:8px;justify-content:center;border:none;border-radius:999px;padding:12px 26px;background:linear-gradient(135deg,var(--blue) 0%,var(--blue-deep) 100%);color:#fff;font-size:16px;letter-spacing:2px;box-shadow:0 10px 24px #2e86c459;transition:transform .2s,box-shadow .2s}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 14px 30px #2e86c473}.btn-primary:disabled{opacity:.5}.btn-ghost{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line-blue);background:#fff;color:var(--blue-deep);border-radius:999px;padding:10px 18px;transition:transform .2s}.btn-ghost:hover:not(:disabled){transform:translateY(-2px)}.btn-ghost:disabled{opacity:.4}.pet{width:84px;height:84px;object-fit:contain;image-rendering:pixelated}.screen-enter{animation:screenIn .45s cubic-bezier(.22,1,.36,1) both}@keyframes screenIn{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}.bubble-field{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;overflow:hidden}.bubble-field i{position:absolute;bottom:-30px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#ffffffe6,#8ccdf040);border:1px solid rgba(140,205,240,.4);animation:bubbleUp linear infinite}@keyframes bubbleUp{0%{transform:translateY(0);opacity:.7}10%{opacity:.9}to{transform:translateY(-110vh);opacity:0}}.handoff-flash{animation:handoff .9s ease both}@keyframes handoff{0%,to{filter:none}40%{filter:brightness(1.6) saturate(1.3)}}.card{position:relative;width:var(--card-w, 92px);aspect-ratio:5 / 7;border-radius:12px;background:linear-gradient(160deg,#fff,#f2faff);border:1.5px solid var(--line-blue);box-shadow:var(--shadow-sm);transition:transform .22s cubic-bezier(.22,1,.36,1),box-shadow .22s;-webkit-user-select:none;user-select:none;flex:none}.card.clickable{cursor:pointer}.card.clickable:hover{transform:translateY(-8px);box-shadow:0 14px 28px #2e86c438}.card.selected{transform:translateY(-14px);border-color:var(--blue);box-shadow:0 0 0 2.5px var(--blue),0 16px 30px #2e86c44d}.card.won{animation:cardWin .7s ease both}.card.lost{animation:cardLose .7s ease both}@keyframes cardWin{30%{transform:translateY(-10px) scale(1.06)}}@keyframes cardLose{40%{transform:translateY(6px) scale(.96);opacity:.7}}.card .corner{position:absolute;top:5px;left:7px;display:flex;flex-direction:column;align-items:center;line-height:1;font-weight:700;font-size:calc(var(--card-w, 92px) * .17)}.card .corner.bottom{top:auto;left:auto;right:7px;bottom:5px;transform:rotate(180deg)}.card .corner svg{width:calc(var(--card-w, 92px) * .15);height:calc(var(--card-w, 92px) * .15);margin-top:1px}.card.red-suit{color:var(--red)}.card.black-suit{color:var(--ink)}.card .pip-area{position:absolute;top:12%;right:18%;bottom:12%;left:18%}.card .pip{position:absolute;transform:translate(-50%,-50%)}.card .pip svg{width:calc(var(--card-w, 92px) * .19);height:calc(var(--card-w, 92px) * .19)}.card .pip{animation:pipIn .4s ease both;animation-delay:calc(var(--pip-i) * 40ms)}@keyframes pipIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.4)}}.card .face-emblem{position:absolute;top:16%;right:14%;bottom:16%;left:14%;border-radius:10px;overflow:hidden;border:1px solid var(--line-blue);display:flex;align-items:center;justify-content:center;background:linear-gradient(160deg,var(--blue-soft),#fff)}.card .face-emblem img{width:78%;object-fit:contain}.card .face-letter{position:absolute;right:4px;bottom:2px;font-weight:800;font-size:calc(var(--card-w, 92px) * .2);color:var(--blue-deep);opacity:.85}.card .special-emblem{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.card .special-emblem svg{width:calc(var(--card-w, 92px) * .34);height:calc(var(--card-w, 92px) * .34)}.card .special-emblem .sp-name{font-size:calc(var(--card-w, 92px) * .15);font-weight:700;color:var(--blue-deep)}.card .special-emblem .sp-value{font-size:calc(var(--card-w, 92px) * .26);font-weight:800;color:var(--ink)}.card.face-down{background:radial-gradient(circle at 50% 42%,rgba(255,255,255,.16),transparent 42%),linear-gradient(150deg,var(--blue) 0%,var(--blue-deep) 90%);border-color:var(--blue-deep)}.card.face-down:after{content:"";position:absolute;top:7%;right:7%;bottom:7%;left:7%;border:1.5px solid rgba(255,255,255,.5);border-radius:8px;background:url(/characters/whale.png) center/58% no-repeat;opacity:.85}.flip-wrap{perspective:900px;flex:none}.flip-inner{position:relative;width:var(--card-w, 92px);aspect-ratio:5 / 7;transform-style:preserve-3d;transition:transform .55s cubic-bezier(.4,.2,.2,1)}.flip-wrap.flipped .flip-inner{transform:rotateY(180deg)}.flip-face{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;-webkit-backface-visibility:hidden}.flip-face.back{transform:rotateY(180deg)}.field-zone{min-height:calc(var(--card-w, 92px) * 1.6);display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap}.mini-card{display:inline-flex;align-items:center;gap:4px;border-radius:8px;padding:3px 8px;font-size:12px;font-weight:600;background:var(--blue-soft);color:var(--blue-deep);border:1px solid var(--line-blue)}.mini-card.red{background:#fdecee;color:var(--red);border-color:#f5c9cf}.dice3d{display:flex;flex-direction:column;align-items:center;gap:12px;padding:10px}.dice3d .dice-row{display:flex;gap:18px;perspective:700px}.die{position:relative;width:46px;height:46px;transform-style:preserve-3d;animation:dieIdle 6s linear infinite}.dice3d.rolling .die{animation:dieTumble .9s linear infinite;animation-delay:var(--die-delay, 0s)}@keyframes dieIdle{0%{transform:rotateX(-18deg) rotateY(24deg)}to{transform:rotateX(-18deg) rotateY(384deg)}}@keyframes dieTumble{0%{transform:rotateX(0) rotateY(0) rotate(0)}to{transform:rotateX(360deg) rotateY(360deg) rotate(360deg)}}.die-face{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);padding:5px;gap:1px;border-radius:9px;background:#fff;border:1.5px solid var(--face-color);box-shadow:inset 0 0 8px #2e86c41f}.die-face:nth-child(1){transform:translateZ(23px)}.die-face:nth-child(2){transform:rotateY(180deg) translateZ(23px)}.die-face:nth-child(3){transform:rotateY(90deg) translateZ(23px)}.die-face:nth-child(4){transform:rotateY(-90deg) translateZ(23px)}.die-face:nth-child(5){transform:rotateX(90deg) translateZ(23px)}.die-face:nth-child(6){transform:rotateX(-90deg) translateZ(23px)}.die-face span{border-radius:50%}.die-face span.on{background:var(--face-color)}.die-caption{font-size:13px;font-weight:700;color:var(--blue-deep)}.start-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;background:linear-gradient(180deg,#0b2c49,#14507e 45%,#1a6aa3)}.start-ocean{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1}.start-content{position:relative;z-index:2;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:26px;color:#eaf6ff}.start-logo{display:flex;align-items:center;gap:18px}.start-logo img{width:110px;filter:drop-shadow(0 10px 24px rgba(0,20,40,.45));animation:logoBob 4s ease-in-out infinite}@keyframes logoBob{50%{transform:translateY(-12px) rotate(-2deg)}}.start-title{font-size:clamp(34px,6vw,56px);font-weight:900;letter-spacing:8px;text-shadow:0 6px 30px rgba(0,40,70,.5)}.start-sub{font-size:14px;letter-spacing:6px;opacity:.85}.start-actions{display:flex;gap:16px;flex-wrap:wrap;justify-content:center}.start-actions .btn-primary{background:linear-gradient(135deg,#58b7ec,#1c6fb4)}.start-actions .btn-ghost{background:#ffffff1f;border-color:#fff6;color:#eaf6ff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.hall-block{margin-top:18px;padding:20px 22px 26px}.hall-block h2{display:flex;align-items:center;gap:8px;margin:0 0 14px;font-size:17px;color:var(--blue-deep)}.mode-row{display:flex;gap:14px;flex-wrap:wrap}.mode-card{flex:1;min-width:220px;border:1.5px solid var(--line-blue);border-radius:var(--r-md);background:#fff;padding:18px;text-align:center;transition:transform .2s,border-color .2s,box-shadow .2s}.mode-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.mode-card.picked{border-color:var(--blue);box-shadow:0 0 0 2px var(--blue-soft),var(--shadow)}.mode-card .mc-title{font-weight:800;font-size:16px;margin:8px 0 4px;color:var(--blue-deep)}.mode-card .mc-desc{font-size:12.5px;color:var(--muted)}.mode-card svg{color:var(--blue)}.dlc-grid{display:flex;flex-wrap:wrap;gap:14px;justify-content:center}.hall-footer{position:sticky;bottom:12px;margin-top:20px;display:flex;justify-content:center;z-index:5}.game-top{display:flex;align-items:center;gap:10px;width:min(1180px,96vw);flex-wrap:wrap}.score-chip{display:flex;align-items:center;gap:8px;padding:6px 14px}.score-chip b{font-size:18px;color:var(--blue-deep)}.seat{display:flex;align-items:center;gap:10px}.seat .seat-info{display:flex;flex-direction:column;gap:2px}.seat .seat-name{font-weight:800;font-size:14px;color:var(--blue-deep)}.seat .seat-side{font-size:11px;padding:1px 8px;border-radius:999px;width:fit-content}.seat .seat-side.red{background:#fdecee;color:var(--red)}.seat .seat-side.black{background:#e8eef3;color:var(--ink)}.board{margin-top:14px;padding:18px;display:grid;grid-template-columns:1fr 300px;gap:16px}.board-main{display:flex;flex-direction:column;gap:14px;min-width:0}.hand-row{display:flex;gap:8px;flex-wrap:wrap;align-items:flex-end;min-height:130px}.zone-label{font-size:12px;color:var(--muted);letter-spacing:2px;display:flex;align-items:center;gap:6px}.center-field{padding:14px;border:1.5px dashed var(--line-blue);border-radius:var(--r-md);background:#ffffff80}.actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.side-panel{display:flex;flex-direction:column;gap:12px;min-width:0}.log-panel{padding:12px 14px;flex:1;overflow-y:auto;max-height:300px}.log-panel h3{margin:0 0 8px;font-size:13px;color:var(--blue-deep);display:flex;gap:6px;align-items:center}.round-row{font-size:12px;line-height:1.8;padding:8px 0;border-bottom:1px dashed var(--line-blue);color:var(--muted)}.round-row b{color:var(--blue-deep)}.calc-steps{display:flex;flex-direction:column;gap:6px}.calc-step{display:flex;gap:8px;align-items:baseline;font-size:12.5px;padding:6px 10px;border-radius:10px;background:var(--blue-soft);opacity:0;transform:translateY(8px);animation:stepIn .4s ease forwards}@keyframes stepIn{to{opacity:1;transform:none}}.calc-step .cs-label{font-weight:800;color:var(--blue-deep);flex:none}.speech{display:flex;gap:10px;align-items:flex-start;padding:10px 14px;border-radius:var(--r-sm);background:var(--panel);border:1px solid var(--line-blue);box-shadow:var(--shadow-sm)}.speech .sp-text{font-size:13px;color:var(--ink);line-height:1.6}.speech .sp-name{font-size:11px;color:var(--muted)}.settle-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:#0e2c498c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:20px}.settle-card{background:#fff;border-radius:var(--r-lg);padding:26px 30px;width:min(560px,94vw);max-height:86vh;overflow-y:auto;box-shadow:0 30px 80px #0a284666;display:flex;flex-direction:column;gap:14px;align-items:center;animation:screenIn .4s cubic-bezier(.22,1,.36,1) both}.settle-card h2{margin:0;font-size:22px;color:var(--blue-deep)}.settle-score{font-size:30px;font-weight:900;color:var(--ink);letter-spacing:2px}.result-wrap{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px}.result-title{font-size:clamp(30px,6vw,46px);font-weight:900;color:var(--blue-deep)}.result-pet{animation:logoBob 3.5s ease-in-out infinite}.codex-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;width:min(1180px,96vw);margin-top:16px}.codex-card{padding:16px;display:flex;flex-direction:column;align-items:center;gap:8px}.codex-card img{width:72%;max-height:240px;object-fit:contain}.codex-card .cx-name{font-weight:800;color:var(--blue-deep)}.codex-card .cx-title{font-size:12px;color:var(--muted)}.rule-block{margin-top:16px;padding:20px 24px;width:min(1180px,96vw)}.rule-block h3{color:var(--blue-deep);margin:0 0 10px}.rule-block p{font-size:13.5px;line-height:2;color:var(--ink);margin:0 0 12px}@media (max-width: 900px){.board{grid-template-columns:1fr}.side-panel{flex-direction:row;flex-wrap:wrap}.log-panel{flex:1 1 100%;max-height:200px}}:root{--card-w: 92px}@media (max-width: 560px){:root{--card-w: 64px}.hand-row{min-height:96px}.c3d-stage{--c3d-h: 280px}}.ai-field,.my-field{padding:12px 14px;border-radius:var(--r-md);border:1.5px dashed var(--line-blue);background:#ffffff8c}.ai-field{border-color:#2e86c459}.field-cards{display:flex;gap:10px;flex-wrap:wrap;align-items:center;min-height:calc(var(--card-w, 92px) * 1.45);padding:8px 2px}.field-empty{color:var(--muted);font-size:13px;letter-spacing:1px}.deal-in{animation:dealIn .5s cubic-bezier(.22,1,.36,1) both;animation-delay:calc(var(--deal-i, 0) * .16s)}@keyframes dealIn{0%{opacity:0;transform:translateY(-26px) scale(.9)}}.flip-wrap{--card-w: var(--card-w, 92px)}.flip-wrap .flip-inner{width:var(--card-w, 92px)}.think-strip{display:flex;align-items:center;gap:8px;margin-left:4px}.phase-note{font-size:14px;font-weight:700;color:var(--blue-deep);letter-spacing:2px;animation:phasePulse 1.2s ease-in-out infinite}@keyframes phasePulse{50%{opacity:.55}}.round-verdict{font-size:13.5px;font-weight:700;padding:6px 12px;border-radius:999px}.round-verdict.good{background:#e7f7ee;color:#1c7c46}.round-verdict.bad{background:#fdecee;color:var(--red)}.calc-panel{padding:12px 14px}.calc-panel h3{margin:0 0 8px;font-size:13px;color:var(--blue-deep);display:flex;gap:6px;align-items:center}.bf2-face{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;padding:16px;text-align:center}.bf2-face.bf2-back{justify-content:flex-start;font-size:12.5px;line-height:1.75;color:var(--ink)}.bf2-face.bf2-back h4{margin:0 0 4px;color:var(--blue-deep)}.bf-tag{font-size:11px;letter-spacing:1px;color:var(--muted)}.bf-icon{color:var(--blue)}.bf-name{font-weight:800;font-size:15px;color:var(--blue-deep)}.bf-brief{font-size:12px;color:var(--muted)}.bf-hint{margin-top:auto;font-size:11px;color:var(--muted);display:inline-flex;align-items:center;gap:4px}.dlc-picked{outline:3px solid var(--blue);outline-offset:3px;border-radius:22px}.advisor-carousel{margin:4px 0 8px}.start-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;background:linear-gradient(180deg,#eaf7ff,#cdeafd 55%,#b3ddf5)}.start-content{position:relative;z-index:2;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:26px;color:var(--blue-deep)}.start-logo img{width:200px;max-height:240px;object-fit:contain;filter:drop-shadow(0 14px 26px rgba(46,134,196,.28));animation:logoBob 4s ease-in-out infinite}.start-title{font-size:clamp(34px,6vw,58px);font-weight:900;letter-spacing:10px;color:var(--blue-deep);text-shadow:0 3px 0 #fff,0 12px 30px rgba(46,134,196,.25)}.start-sub{font-size:14px;letter-spacing:6px;color:var(--blue);margin-top:6px}.start-actions .btn-primary{background:linear-gradient(135deg,var(--blue) 0%,var(--blue-deep) 100%)}.start-actions .btn-ghost{background:#ffffffd9;border-color:var(--line-blue);color:var(--blue-deep)}.start-note{display:flex;gap:8px;align-items:center;font-size:12.5px;color:var(--muted)}.pets-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;width:min(1180px,96vw);padding-bottom:30px}.pet-card{border:1.5px solid var(--line-blue);border-radius:var(--r-md);background:linear-gradient(165deg,#fff,var(--blue-soft));box-shadow:var(--shadow-sm);display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 8px 12px;transition:transform .2s,box-shadow .2s}.pet-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.pet-card img{width:92px;height:92px;object-fit:contain;image-rendering:pixelated}.pet-card span{font-size:12px;font-weight:700;color:var(--blue-deep);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pets-search{width:180px;border:1px solid var(--line-blue);background:#fff}.advisor-carousel{height:330px}.advisor-carousel .circular-carousel{height:100%}.advisor-carousel .circular-carousel__frame{background:linear-gradient(168deg,var(--blue-soft) 0%,#ffffff 70%);border:2px solid var(--line-blue);box-shadow:0 10px 24px #2e86c42e;overflow:hidden}.advisor-carousel .circular-carousel__photo{object-fit:contain;padding:6px}.advisor-carousel .circular-carousel__caption{color:var(--blue-deep);font-weight:800}.advisor-carousel .circular-carousel__subtitle{color:var(--muted);font-weight:400;margin-left:8px}