@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;600;700&family=Playfair+Display:wght@600;700&display=swap";*{box-sizing:border-box}body{color:#f8fafc;background:#0a0a0a;margin:0;font-family:DM Sans,sans-serif}button,select,input{font:inherit}button{cursor:pointer}.app-shell{background:radial-gradient(circle at 50% -10%,#3b102b 0,#0000 42%),#0a0a0a;max-width:820px;min-height:100svh;margin:auto;padding:24px 16px 38px;position:relative;overflow:hidden}.aurora{filter:blur(90px);opacity:.16;pointer-events:none;border-radius:50%;width:320px;height:320px;position:absolute}.a1{background:#f43f5e;top:36%;left:-190px}.a2{background:#a855f7;bottom:5%;right:-190px}header,.brand,.tools{align-items:center;display:flex}header{z-index:2;justify-content:space-between;position:relative}.brand{color:#fda4af;gap:9px}.brand h1{color:#fff;margin:0;font:700 20px Playfair Display}.brand small,.tools{color:#a1a1aa;font-size:10px}.tools{gap:6px}.tools button,.tools select{color:#e4e4e7;background:#17171adb;border:1px solid #ffffff12;border-radius:9px;height:34px;padding:0 8px}.mode-switch{z-index:2;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#17171acc;border:1px solid #ffffff10;border-radius:14px;grid-template-columns:1fr 1fr;gap:4px;max-width:500px;margin:22px auto 16px;padding:4px;display:grid;position:relative}.mode-switch.three-modes{grid-template-columns:repeat(3,1fr)}.mode-switch button{color:#a1a1aa;background:0 0;border:0;border-radius:10px;justify-content:center;align-items:center;height:auto;min-height:42px;padding:8px 4px;font-size:11px;font-weight:600;line-height:1.2;display:flex}.mode-switch .active,.primary{color:#fff;background:linear-gradient(90deg,#f43f5e,#a855f7);box-shadow:0 10px 24px #f43f5e4d}.game{z-index:1;text-align:center;position:relative}.board-frame{aspect-ratio:1;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#17171ad9;border:1px solid #ffffff14;border-radius:24px;width:100%;max-width:500px;margin:auto;padding:8px;box-shadow:0 24px 70px #000c}.ludo-board{background:radial-gradient(circle,#32122c 0,#0000 31%),linear-gradient(135deg,#101014,#17131a);border-radius:17px;grid-template:repeat(15,minmax(0,1fr))/repeat(15,minmax(0,1fr));gap:1px;width:100%;height:100%;padding:4px;display:grid;position:relative;overflow:hidden}.space,.home-cell{background:#1a191d;border:1px solid #ffffff12;border-radius:5px;justify-content:center;align-items:center;min-width:0;min-height:0;display:flex;position:relative;box-shadow:inset 0 0 8px #0008}.num{color:#a3a3a3;font-size:9px;font-weight:600}.runway.c2{background:linear-gradient(135deg,#66182e,#340d19);border-color:#f43f5e99}.runway.c3{background:linear-gradient(135deg,#183e6d,#102540);border-color:#60a5fa99}.runway.fly{border-color:#fbbf24;box-shadow:inset 0 0 10px #fbbf2440,0 0 10px #fbbf2477}.runway.fly strong{color:#fde68a;font-size:12px}.hangar{z-index:3;border:2px solid;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:3px;display:flex;overflow:hidden;box-shadow:inset 0 0 25px #0008;position:relative!important}.hangar>span{font-size:32px}.hangar b{letter-spacing:.15em;font-size:9px}.hangar small{opacity:.75;font-size:7px}.male-hangar{color:#fecdd3;background:linear-gradient(135deg,#5d1836,#2a1020);border-color:#f43f5e;grid-area:11/1/16/6!important}.female-hangar{color:#e9d5ff;background:linear-gradient(135deg,#45266e,#211533);border-color:#a855f7;grid-area:1/11/6/16!important}.pawn{z-index:8;color:#fff;border:1px solid #fff;border-radius:50%;place-items:center;width:22px;height:22px;font-size:12px;font-style:normal;transition:transform .25s;display:grid;position:absolute;box-shadow:0 0 12px,0 3px 9px #000}.pawn0{background:#f43f5e;bottom:1px;left:1px}.pawn1{background:#a855f7;bottom:1px;right:1px}.hangar .pawn{position:relative;bottom:auto;left:auto;right:auto}.home-cell{z-index:2}.center-control{z-index:7;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#17171ae8;border:1px solid #ffffff1c;border-radius:11px;flex-direction:column;grid-area:7/7/10/10;justify-content:center;place-self:stretch stretch;align-items:center;gap:3px;padding:4px;display:flex;box-shadow:0 8px 24px #000b}.role-mark{display:none}.center-control small{color:#d4c4d0;font-size:8px}.center-control b{white-space:nowrap;font-size:9px}.primary{border:0;border-radius:12px;padding:11px 17px;font-weight:700;transition:transform .15s}.primary:active{transform:scale(.95)}.center-control .primary{align-items:center;gap:3px;min-width:0;padding:5px 8px;font-size:9px;display:flex}.last-roll{color:#f9a8d4;font-size:9px;font-weight:700}.text-button{color:#a1a1aa;background:0 0;border:0;align-items:center;gap:5px;margin:13px auto 0;display:flex}.overlay{z-index:20;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#09080be8;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.modal{text-align:center;background:linear-gradient(145deg,#282029,#121216);border:1px solid #ffffff1a;border-radius:24px;width:min(410px,100%);padding:32px 24px 24px;position:relative;box-shadow:0 20px 80px #000}.close{color:#a1a1aa;background:0 0;border:0;position:absolute;top:12px;right:12px}.modal h2{white-space:pre-line;color:#fce7f3;font:700 22px/1.55 Playfair Display}.modal-kicker{color:#f9a8d4;font-size:11px}.task-roles{gap:8px;margin:18px 0;display:flex}.task-roles span{text-align:left;color:#a1a1aa;background:#ffffff08;border-radius:10px;flex:1;padding:9px;font-size:10px}.task-roles b{color:#fff;margin-top:4px;font-size:12px;display:block}.timer{border:1px solid #75475e;border-radius:12px;margin:14px 0;padding:10px}.timer>b{color:#fda4af;font-size:27px}.timer button{color:#fff;background:#292129;border:0;border-radius:7px;padding:6px}.timer div{justify-content:center;gap:7px;margin-top:8px;display:flex}.history-panel{max-height:75svh;overflow:auto}.history-row{color:#e4e4e7;text-align:left;background:#ffffff08;border:1px solid #ffffff12;border-radius:10px;width:100%;margin:6px 0;padding:10px}.item-tag{font-weight:700}.item-tag.eatable{color:#fbbf24}.item-tag.drinkable{color:#22d3ee}.item-tag.item{color:#fb7185}.level-tabs{justify-content:center;gap:6px;margin:16px;display:flex}.level-tabs button{color:#ddd;background:#1d1720;border:1px solid #573b51;border-radius:10px;padding:7px 11px}.level-tabs .selected{background:#a21caf}.card-stage{perspective:800px;place-items:center;height:260px;display:grid}.draw-card{width:210px;height:230px;transform-style:preserve-3d;position:relative}.card-face{backface-visibility:hidden;background:#261329;border:1px solid #f472b6;border-radius:22px;place-items:center;padding:20px;display:grid;position:absolute;inset:0}.card-front{transform:rotateY(180deg)}.card-back{color:#f9a8d4;font:700 19px Playfair Display}.card-back svg{width:45px}.setup-heart{color:#f472b6}.item-setup{text-align:left;margin:12px 0}.tag-field{grid-template-columns:72px 1fr 32px;align-items:center;gap:5px;margin-top:7px;display:grid}.tag-field input{color:#fff;background:#151217;border:1px solid #51404a;border-radius:7px;min-width:0;padding:6px}.tag-field button{color:#fff;background:#4c1d3d;border:0;border-radius:7px;padding:6px}.chosen-tags{flex-wrap:wrap;grid-column:2/4;gap:4px;display:flex}.chosen-tags button{font-size:10px}.dice-box{text-align:center}.dice-stage{place-items:center;height:150px;display:grid}.dice-pips{grid-template-columns:repeat(3,1fr);gap:6px;width:100%;height:100%;display:grid}.dice-pips i{border-radius:50%}.dice-pips i.on{background:#3b1026}.medal{color:#fbbf24;font-size:50px}.trio-board-container{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#17171af0;border:1px solid #ffffff1a;border-radius:22px;width:100%;max-width:520px;margin:auto;padding:10px;box-shadow:0 24px 70px #000c}.trio-board-grid{aspect-ratio:1;gap:6px;width:100%;grid-template-rows:repeat(6,1fr)!important;grid-template-columns:repeat(6,1fr)!important;display:grid!important}.trio-cell{-webkit-user-select:none;user-select:none;border:1px solid #ffffff18;border-radius:10px;flex-direction:column;justify-content:space-between;align-items:center;min-height:48px;padding:4px 3px;transition:all .25s;display:flex;position:relative;overflow:hidden}.trio-cell .cell-header{opacity:.85;justify-content:space-between;width:100%;font-family:monospace;font-size:9px;font-weight:600;display:flex}.trio-cell .cell-title{text-align:center;width:100%;max-width:100%;font-size:8px;font-weight:700;line-height:1.1;overflow:hidden}.trio-cell .cell-title .sub-title{opacity:.75;color:#a1a1aa;white-space:nowrap;text-overflow:ellipsis;margin-top:1px;font-size:7px;font-weight:400;line-height:1;display:block;overflow:hidden}.trio-cell .cell-pawns{justify-content:center;align-items:center;gap:2px;width:100%;min-height:18px;margin-top:auto;display:flex}.trio-cell.start{color:#cbd5e1;background:linear-gradient(135deg,#1e293b,#0f172a);border-color:#475569}.trio-cell.phase1{color:#fecdd3;background:linear-gradient(135deg,#451a03,#4c0519);border-color:#f43f5e66}.trio-cell.bath{color:#cffafe;background:linear-gradient(135deg,#083344,#172554);border-color:#22d3ee;animation:2s ease-in-out infinite bathGlow;box-shadow:0 0 12px #22d3ee66}@keyframes bathGlow{0%,to{border-color:#22d3ee;box-shadow:0 0 8px #22d3ee4d}50%{border-color:#38bdf8;box-shadow:0 0 18px #22d3ee80}}.trio-cell.phase2{color:#e9d5ff;background:linear-gradient(135deg,#3b0764,#4a044e);border-color:#a855f766}.trio-cell.climax{color:#fef08a;background:linear-gradient(135deg,#78350f,#451a03);border-color:#fbbf24;box-shadow:0 0 15px #fbbf2480}@media (width<=520px){.app-shell{padding:16px 9px}.board-frame{border-radius:19px;padding:6px}.ludo-board{padding:3px}.space,.home-cell{border-radius:3px}.num{font-size:7px}.trio-cell{min-height:42px;padding:2px}.trio-cell .cell-header{font-size:8px}.trio-cell .cell-title{font-size:7.5px}.trio-cell .cell-title .sub-title{font-size:6.5px}.hangar{border-radius:10px}.hangar>span{font-size:23px}.pawn{width:16px;height:16px;font-size:9px}}.turn-banner{text-align:left;color:#fff;background:#ffffff0a;border:1px solid;border-radius:14px;flex-direction:column;gap:4px;margin:0 0 16px;padding:12px 14px;display:flex}.turn-banner .banner-title{font-size:14px;font-weight:700;line-height:1.3}.turn-banner .banner-sub{opacity:.85;font-size:11px;line-height:1.3}.task-modal .task-roles{grid-template-columns:repeat(2,1fr);gap:8px;margin:16px 0;display:grid}.task-modal .trio-roles{grid-template-columns:repeat(3,1fr)!important;gap:6px!important;margin:16px 0!important;display:grid!important}.task-modal .trio-roles>div,.task-modal .task-roles>div{text-align:left;background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;flex-direction:column;justify-content:space-between;min-height:auto;padding:8px 6px;display:flex;overflow:hidden}.task-modal .task-roles small{color:#d4d4d8;white-space:nowrap;text-overflow:ellipsis;font-size:10px;font-weight:600;display:block;overflow:hidden}.task-modal .task-roles b{white-space:nowrap;text-overflow:ellipsis;margin:4px 0;font-size:13px;line-height:1.2;overflow:hidden}.task-modal .task-roles .role-tag{color:#e4e4e7;white-space:nowrap;background:#ffffff1a;border-radius:9999px;width:fit-content;padding:2px 6px;font-size:9px;font-weight:500;display:inline-block}.role-name{font:inherit;background:0 0;border:0;border-radius:5px;padding:1px 5px;font-weight:800}@media (width<=360px){.task-modal .trio-roles>div{padding:6px 4px}.task-modal .trio-roles b{font-size:11px}}:root{--male:#3b82f6;--male-deep:#2563eb;--female:#ec4899;--female-deep:#f43f5e}.a1{background:var(--male)}.a2{background:var(--female)}.male-hangar{box-shadow:inset 0 0 25px #0008,0 0 18px #3b82f655;color:#bfdbfe!important;border-color:var(--male)!important;background:linear-gradient(135deg,#173d7a,#0d1f40)!important}.female-hangar{box-shadow:inset 0 0 25px #0008,0 0 18px #ec489955;color:#fbcfe8!important;border-color:var(--female)!important;background:linear-gradient(135deg,#751a52,#3b102a)!important}.pawn0{color:#dbeafe;background:var(--male)!important}.pawn1{color:#fce7f3;background:var(--female)!important}.home-0{background:linear-gradient(135deg,#60a5fa,#1d4ed8)!important;border-color:#93c5fd!important}.home-1{background:linear-gradient(135deg,#f472b6,#be185d)!important;border-color:#f9a8d4!important}.runway.c0{background:linear-gradient(135deg,#173d7a,#10294e);border-color:#60a5fa99}.runway.c1{background:linear-gradient(135deg,#751a52,#3b102a);border-color:#f472b699}.role-mark.role-male{color:var(--male)}.role-mark.role-female{color:var(--female)}.male-name{color:#93c5fd!important;text-shadow:0 0 12px #3b82f6!important}.female-name{color:#f9a8d4!important;text-shadow:0 0 12px #ec4899!important}.pawn-blue{color:#dbeafe;background:#3b82f6!important}.pawn-pink{color:#fce7f3;background:#ec4899!important}.pawn-gold{color:#fffbeb;background:#f59e0b!important}.hangar.pawn-blue{color:#bfdbfe!important;background:linear-gradient(135deg,#173d7a,#0d1f40)!important}.hangar.pawn-pink{color:#fbcfe8!important;background:linear-gradient(135deg,#751a52,#3b102a)!important}.hangar.pawn-gold{box-shadow:inset 0 0 25px #0008,0 0 18px #f59e0b55;color:#fef3c7!important;background:linear-gradient(135deg,#71430d,#332005)!important}.home-2{background:linear-gradient(135deg,#fbbf24,#b45309)!important;border-color:#fde68a!important}.actor-switch{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin:12px 0;display:flex}.actor-switch small{color:#a1a1aa;width:100%}.actor-switch button,.player-mode button{color:#fff;background:#ffffff0b;border:1px solid #ffffff1c;border-radius:9px;padding:6px 9px}.actor-switch button.picked,.player-mode button.picked{background:#ec489933;border-color:#f9a8d4}.player-mode{justify-content:center;gap:8px;margin:10px 0;display:flex}.nickname-setup{grid-template-columns:1fr 1fr;gap:8px;margin:12px 0;display:grid}.nickname-setup label{color:#d4d4d8;text-align:left;font-size:11px}.nickname-setup input{color:#fff;background:#111116;border:1px solid #ffffff1c;border-radius:9px;width:100%;margin-top:5px;padding:8px}.nickname-setup label:first-child input:focus{outline-color:#3b82f6}.nickname-setup label:last-child input:focus{outline-color:#ec4899}.task-settings{max-height:88svh;overflow:auto}.setup-tabs,.task-category-tabs,.task-import-tools,.token-row{flex-wrap:wrap;justify-content:center;gap:6px;margin:12px 0;display:flex}.setup-tabs button,.task-category-tabs button,.task-import-tools button,.task-import-tools select,.import-button,.custom-task button,.token-row button{color:#fff;background:#ffffff0b;border:1px solid #ffffff1c;border-radius:8px;padding:6px 8px;font-size:11px}.setup-tabs .picked,.task-category-tabs .picked{background:#ec489944;border-color:#ec4899}.json-import,.custom-task textarea,.custom-task input,.custom-task select{color:#fff;background:#111116;border:1px solid #ffffff1c;border-radius:8px;width:100%;padding:8px}.json-import{min-height:70px}.custom-task-list{gap:9px;margin:12px 0;display:grid}.custom-task{background:#ffffff06;border:1px solid #ffffff14;border-radius:10px;padding:9px}.custom-task textarea{resize:vertical;min-height:76px}.custom-task>div:nth-child(2){grid-template-columns:1fr 1fr auto;gap:6px;margin-top:6px;display:grid}.token-row{justify-content:flex-start;margin:7px 0 0}.token-row button{padding:4px;font-size:9px}.import-button{margin-bottom:4px}.file-import{color:#d4d4d8;margin:14px 0;font-size:12px;display:block}.file-import input{margin:6px auto;display:block}.link-import{gap:6px;margin:12px 0;display:flex}.link-import input{color:#fff;background:#111116;border:1px solid #ffffff1c;border-radius:8px;flex:1;min-width:0;padding:8px}.link-import button{color:#fff;background:#ffffff0b;border:1px solid #ffffff1c;border-radius:8px;padding:8px}