@import url('/paper-letter.css');

/* 暮色航线：深夜双人航行、柔和霓虹与半透明舷窗 */
:root{
  --paper:#15101d;
  --paper-deep:#211329;
  --ink:#f5edf7;
  --sub:#ab9eb0;
  --acc:#f27a9c;
  --p1:#f27a9c;
  --p2:#ae7df2;
  --p3:#ecc985;
  --pale1:#302035;
  --pale2:#28213d;
  --pale3:#37252f;
  --card:#21182a;
  --line:rgba(255,255,255,.13);
}

html{background:#120c18;color-scheme:dark}
body{
  background-color:#15101d;
  background-image:
    radial-gradient(circle at 82% 6%,rgba(174,125,242,.24),transparent 31%),
    radial-gradient(circle at 8% 58%,rgba(242,122,156,.15),transparent 34%),
    radial-gradient(circle at 75% 92%,rgba(236,201,133,.08),transparent 27%),
    linear-gradient(165deg,#211329 0%,#15101d 52%,#100b16 100%);
  background-attachment:fixed;
}
.wrap{max-width:460px}
.brand{color:#c9a9f5;letter-spacing:.28em}
.brand::before{content:"✦";margin-right:7px;color:var(--acc)}
.brand.room{padding-right:92px}
h1{color:var(--ink);font-family:ui-sans-serif,system-ui,-apple-system,"PingFang SC",sans-serif;font-weight:500;letter-spacing:.06em}
.sub{color:var(--sub)}
.home-head{border-left-color:rgba(174,125,242,.42)}
.home-head h1{background:linear-gradient(110deg,#fff 15%,#dbb9ff 55%,#f9a6bd);-webkit-background-clip:text;background-clip:text;color:transparent}
.home-head .sub{font-family:ui-sans-serif,system-ui,-apple-system,"PingFang SC",sans-serif;color:#b8aabd}
.route-preview{color:var(--sub)}
.route-preview b{color:var(--ink)}
.route-preview i{background:linear-gradient(90deg,rgba(174,125,242,.24),rgba(242,122,156,.66))}
.route-preview i::after{background:var(--acc);box-shadow:0 0 10px rgba(242,122,156,.75)}
.home-copy{color:var(--sub);font-family:ui-sans-serif,system-ui,-apple-system,"PingFang SC",sans-serif}

.panel{
  border-color:rgba(255,255,255,.11);
  border-radius:22px;
  background:rgba(255,255,255,.065);
  box-shadow:0 22px 60px rgba(6,2,10,.28),inset 0 1px 0 rgba(255,255,255,.045);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
}
.home-entry::before{background:linear-gradient(90deg,rgba(174,125,242,.32),rgba(242,122,156,.22));border-radius:2px}
.field-label,.section-label{color:#cfaef8!important}
input{color:var(--ink);border-bottom-color:rgba(255,255,255,.18);caret-color:var(--acc)}
input::placeholder{color:#766c7c}
input:focus{border-color:var(--acc);box-shadow:0 1px 0 var(--acc)}
button{border-radius:14px}
.btn-main{background:linear-gradient(105deg,#ae7df2,#f27a9c);color:#1a1020;box-shadow:0 9px 25px rgba(174,125,242,.18)}
.btn-main:hover{filter:brightness(1.06)}
.btn-ghost{color:var(--ink);border-color:rgba(255,255,255,.13);background:rgba(255,255,255,.055)}
.btn-ghost:hover{background:rgba(255,255,255,.09)}
.home-rules,.foot{color:#8f8295}

.code-box{border-color:rgba(255,255,255,.12);border-radius:18px;background:linear-gradient(145deg,rgba(174,125,242,.08),rgba(242,122,156,.045))}
.code-box .num{color:#f6b1c5;text-shadow:0 0 24px rgba(242,122,156,.34)}
.playercard{border-bottom-color:rgba(255,255,255,.1)}
.dot{box-shadow:0 0 0 4px rgba(242,122,156,.08),0 0 12px currentColor}
.tieropt{border-top-color:rgba(255,255,255,.12)!important;background:transparent!important}
.tieropt.sel{border-top-color:var(--acc)!important;background:rgba(242,122,156,.06)!important}
.tieropt b{color:var(--ink)!important;font-family:ui-sans-serif,system-ui,-apple-system,"PingFang SC",sans-serif}
.freeTag{color:#d9bbff;border-color:rgba(174,125,242,.34)}
.chip{color:var(--sub);border-color:rgba(255,255,255,.13);background:rgba(255,255,255,.035)}
.chip.sel{border-color:transparent;background:linear-gradient(100deg,#9f72dd,#e87193);color:#160e1b}

.boardhead{color:var(--sub)}
.boardhead b{color:#ecc985}
.boardbar{background:rgba(255,255,255,.09)}
.boardbar i{background:linear-gradient(90deg,#ae7df2,#f27a9c);box-shadow:0 0 12px rgba(242,122,156,.3)}
.boardnav button{color:#cbb0ee;border-color:rgba(255,255,255,.12);background:rgba(255,255,255,.04)}
.boardnav .range{color:var(--sub)}
.cell{
  border-top-color:rgba(255,255,255,.13);
  background:rgba(255,255,255,.045)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
}
.cell:nth-child(3n+1){background:rgba(174,125,242,.07)!important}
.cell:nth-child(3n+2){background:rgba(242,122,156,.055)!important}
.cell.cur{border-top-color:var(--acc);box-shadow:0 0 0 1px rgba(242,122,156,.5),0 0 22px rgba(242,122,156,.2);background:rgba(242,122,156,.13)!important}
.cell .n{color:#c9b8cf!important}
.cell .l{color:var(--ink)!important;font-family:ui-sans-serif,system-ui,-apple-system,"PingFang SC",sans-serif}
.token{border-color:#21172a;box-shadow:0 0 0 3px rgba(255,255,255,.08),0 0 16px rgba(242,122,156,.65)}
.token.t0{background:#f27a9c}.token.t1{background:#ae7df2}
.pbox{border-color:rgba(255,255,255,.11);background:rgba(255,255,255,.05)}
.pbox.active{border-color:rgba(242,122,156,.6);box-shadow:inset 3px 0 0 var(--acc),0 0 18px rgba(242,122,156,.08)}
.pbox .pos{color:#ecc985}
.pbox .pbar{background:rgba(255,255,255,.08)}
.pbox .pbar.p0 i{background:#f27a9c}.pbox .pbar.p1 i{background:#ae7df2}
.console{border-color:rgba(255,255,255,.12)}
.dicecube.mini{border-color:rgba(255,255,255,.14);background:#24182d;box-shadow:0 9px 25px rgba(5,2,8,.3)}
.dice-trigger{color:#f5b1c5}
.dice-trigger:hover{background:#2b1d35}
.dice-hint{color:#d9bbff}
@keyframes dice-ready{0%,100%{box-shadow:0 9px 25px rgba(5,2,8,.3)}50%{box-shadow:0 9px 25px rgba(5,2,8,.3),0 0 0 6px rgba(242,122,156,.1),0 0 24px rgba(242,122,156,.22)}}
.conT{font-family:ui-sans-serif,system-ui,-apple-system,"PingFang SC",sans-serif}.conF{color:var(--sub)}

#audioBtns button{color:var(--ink);border-color:rgba(255,255,255,.13);background:rgba(27,18,34,.78);filter:none;backdrop-filter:blur(10px)}
.mask{background:rgba(8,4,12,.76);backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px)}
.cardpop{border-color:rgba(255,255,255,.12);border-radius:22px;background:#21182a;box-shadow:0 25px 80px rgba(4,1,7,.55);color:var(--ink)}
.card-front,.card-front.tier-0,.card-front.tier-1,.card-front.tier-2,.card-front.kind-memory,.card-front.kind-reward,.card-front.kind-event{
  background-color:#21182a;
  background-image:radial-gradient(circle at 85% 12%,rgba(174,125,242,.2),transparent 30%),radial-gradient(circle at 8% 88%,rgba(242,122,156,.12),transparent 32%),linear-gradient(150deg,#2a1d33,#1b1422);
}
.card-front::after,.card-front.tier-1::after,.card-front.kind-event::after{border-color:rgba(242,122,156,.18);box-shadow:0 0 0 9px rgba(174,125,242,.035),inset 0 0 0 12px rgba(242,122,156,.025)}
.card-back{color:#fff2f6;background:#1d1325;background-image:radial-gradient(circle at 50% 44%,rgba(242,122,156,.2),transparent 24%),linear-gradient(135deg,rgba(174,125,242,.16),rgba(242,122,156,.11));border-color:rgba(255,255,255,.12)}
.card-back::before{border-color:rgba(242,216,255,.35);box-shadow:inset 0 0 0 5px rgba(174,125,242,.055),0 0 28px rgba(174,125,242,.08)}
.card-back-inner::before{border-color:rgba(245,214,255,.5);background:radial-gradient(circle at 40% 44%,transparent 0 10px,rgba(242,122,156,.18) 11px 12px,transparent 13px)}
.card-burst i{background:#ae7df2}.card-burst i:nth-child(3n){background:#f27a9c}.card-burst i:nth-child(3n+1){background:#ecc985}
.cardpop .tag{color:#ecc985}.cardpop h2{color:var(--ink);font-family:ui-sans-serif,system-ui,-apple-system,"PingFang SC",sans-serif}.cardpop p{color:#eee4f1;font-family:ui-sans-serif,system-ui,-apple-system,"PingFang SC",sans-serif}.cardpop .skip{border-color:rgba(255,255,255,.1);color:var(--sub)}
.toast{background:#f1e8f4;color:#1b1221;box-shadow:0 12px 34px rgba(4,1,7,.35)}

@media(max-width:480px){
  body{background-image:radial-gradient(circle at 92% 4%,rgba(174,125,242,.22),transparent 29%),radial-gradient(circle at 4% 64%,rgba(242,122,156,.13),transparent 34%),linear-gradient(165deg,#211329,#120c18)}
}