@font-face{font-family:FourPSpace;src:url('./4p/space-grotesk.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:FourPRaj;src:url('./4p/rajdhani-bold.woff2') format('woff2');font-weight:700;font-display:swap}
.four-p{--bg:#09090b;--surface:#121216;--raised:#1b1b21;--line:#303039;--yellow:#f5cc4a;--muted:#a2a4af}
.p4{font-family:FourPSpace,"Segoe UI",sans-serif;max-width:1460px;margin:0 auto}.p4 h1{font-family:FourPRaj,sans-serif;font-size:44px;line-height:1.06;font-weight:700}.p4 h2{font-size:20px}.p4 h3{line-height:1.4}.p4 p{line-height:1.65}.p4 .panel{border-radius:3px;border-top:2px solid #44403a}.p4 .primary{background:#f5cc4a;color:#151109;border-radius:3px;min-height:40px}.p4 .secondary{border-radius:3px;min-height:38px}.p4 .text-button{min-height:36px}.p4 .page-head{margin:12px 0 26px}.p4-kicker{font-size:10px;font-weight:700;letter-spacing:1.4px;color:#e3c16b;display:block}.p4-kicker>span{color:#92929e;margin-left:12px;letter-spacing:.6px;font-weight:400}.p4-mono{font-family:Consolas,monospace;font-size:13px;font-variant-numeric:tabular-nums}.p4 .p4-note{display:flex;align-items:flex-start;gap:9px;padding:12px 14px;background:#1c1b16;border:1px solid #3e3926;font-size:11px;color:#c3bda7;margin:16px 0}.p4-note svg{width:15px;height:15px;margin-top:3px;flex-shrink:0}.p4-home-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,1fr);gap:20px;margin-bottom:22px}.p4-hero{background:radial-gradient(ellipse at 95% 10%,#6350213b,transparent 70%),#121216;padding:28px!important;display:flex;flex-direction:column;justify-content:center}.p4-hero h2{font-family:FourPRaj,sans-serif;font-size:36px;margin:24px 0 10px}.p4-hero>p{max-width:430px}.p4-between{display:flex;align-items:center;justify-content:space-between;gap:12px}.p4-next{display:flex;gap:16px;margin:20px 0;align-items:center}.p4-next strong{display:block;font-size:18px}.p4-next small{display:block;margin-top:5px;color:#a4a4af}.p4-step{font:700 22px FourPRaj,sans-serif;display:flex;align-items:center;justify-content:center;min-width:42px;height:42px;border:1px solid #5d5030;background:#262113;color:#f5cc4a}.p4-bar{height:8px;background:repeating-linear-gradient(90deg,#2c2c33 0,#2c2c33 14px,#121216 14px,#121216 17px);margin:14px 0;overflow:hidden}.p4-bar>span{display:block;height:100%;background:repeating-linear-gradient(90deg,#e9be40 0,#e9be40 14px,transparent 14px,transparent 17px)}.p4-profile{border:1px solid #393530;background:#141418;overflow:hidden}.p4-avatar{height:248px;position:relative;background-size:cover;background-position:center;isolation:isolate;image-rendering:pixelated;overflow:hidden}.p4-avatar.large{height:380px;border:1px solid #393530}.p4-person{position:absolute;width:192px;height:192px;left:50%;bottom:24px;transform:translateX(-50%);filter:drop-shadow(0 8px 4px #0007)}.p4-person>img{position:absolute;width:192px;height:192px;inset:0;object-fit:contain}.p4-person .head,.p4-person .hair{top:-18px;clip-path:inset(12% 32% 50% 33%)}.p4-person .head{z-index:2}.p4-person .hair{z-index:3}.p4-person .equipment{z-index:4}.p4-vehicle{position:absolute;bottom:24px;left:2%;width:40%;max-width:180px;filter:drop-shadow(0 8px 3px #0007)}.p4-avatar-label{position:absolute;left:0;right:0;bottom:0;background:#08080cd9;color:#f4d36c;text-align:center;padding:7px;font-size:10px;letter-spacing:1.3px;font-family:Consolas,monospace}.p4-profile-foot{padding:17px 20px}.p4-profile-foot strong,.p4-profile-foot small{display:block}.p4-profile-foot small{color:#9e9eac;font-size:10px;margin:5px 0 12px}.p4-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:#303039;border:1px solid #303039;margin:20px 0}.p4-stat{padding:18px;background:#141419;min-width:0}.p4-stat>span{display:flex;align-items:center;gap:7px;color:#afb0bc;font-size:11px}.p4-stat strong{display:block;font:700 30px FourPRaj,sans-serif;line-height:1.25;color:#f6dc8d;margin:5px 0}.p4-stat small{font-size:10px;color:#9194a2}.p4-stats.small{grid-template-columns:1fr 1fr}.p4-wallet{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:14px 0;gap:8px}.p4-wallet .p4-stat{padding:12px;border:1px solid #33313a}.p4-wallet img{width:23px;height:23px;object-fit:contain}.p4-links{display:grid;grid-template-columns:1fr 1fr;gap:12px}.p4-links>a{justify-content:space-between;white-space:normal}.p4-heatmap{display:grid;grid-template-columns:repeat(11,1fr);gap:5px;margin:20px 0}.p4-heatmap span{aspect-ratio:1;border:1px solid #35343b;background:#19191e}.p4-heatmap .active{background:#ab873a;border-color:#d8b051}.p4-heatmap .medium{background:#5c4a27;border-color:#76633d}.p4-section-head{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:30px 0 15px}.p4-section-head h2{margin:0}.p4-missions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-bottom:20px}.p4-mission{border:1px solid #383431;background:#161519;padding:18px}.p4-mission h3{margin:19px 0 10px;font-size:14px;min-height:40px}.p4-mission .inline-actions{justify-content:space-between}.p4-gold{font:700 17px FourPRaj,sans-serif;color:#f5cf61}.p4-mission small{font-size:10px;color:#a5a4af}.p4-week{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));margin:22px 0;border:1px solid #37333a}.p4-week>div{min-height:100px;padding:14px 11px;border-right:1px solid #303039;background:#151519;overflow-wrap:anywhere}.p4-week>div:last-child{border:0}.p4-week>div.active{border-top:3px solid #edc756;background:#292316}.p4-week strong{display:block;font-size:10px;color:#dcbe79}.p4-week span{display:block;margin-top:15px;font-size:10px;color:#a8a7af}.p4 .list-row{flex-wrap:wrap}.p4-check{display:flex;gap:9px;align-items:flex-start;font-size:12px;margin:16px 0;color:#bbbcc4}.p4-check input{margin-top:4px;accent-color:#f5cc4a}.p4 hr{border:0;border-top:1px solid #303039;margin:25px 0}.p4-study-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:15px;background:#19181d;border:1px solid #37343d;margin-bottom:15px}.p4-study-toolbar>.p4-mono{font-size:24px;color:#f3d483;padding-right:8px}.p4-tabs{display:flex;gap:9px;flex-wrap:wrap;margin:18px 0}.p4-paper{background:#eee9d9;color:#292a28;padding:30px;min-height:300px;border-radius:2px;overflow-wrap:anywhere}.p4-paper p{color:#4c4e48}.p4-paper h2{font-family:Georgia,serif;font-size:30px;line-height:1.2;margin:25px 0}.p4-paper>span{font:10px Consolas,monospace;color:#686a60;letter-spacing:.8px}.p4-paper blockquote{margin:24px 0;padding:18px;border-left:3px solid #ad873b;background:#e1dbc9;font:20px/1.7 Georgia,serif}.p4-paper .hint{font-size:10px;color:#717265}.p4-content{padding:12px!important}.p4-video{min-height:310px;background:radial-gradient(circle at 85% 10%,#514126,transparent 70%),#171a20;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:32px}.p4-video h2{font:700 35px/1.1 FourPRaj,sans-serif;margin:35px 0 20px}.p4-video p{font-size:20px;color:#e9d797}.p4-material-grid{display:grid;gap:13px;padding:8px}.p4-material-grid article{border:1px solid #39343b;padding:20px;background:#1c1a20}.p4-material-grid h3{margin-top:20px}.p4-question{font-size:20px;color:#e4e2e7;line-height:1.7;margin:26px 0}.p4-answer-grid{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0}.p4-answer-grid button{flex:1;min-width:100px}.p4-feedback{margin:22px 0;border-left:3px solid;padding:16px 20px;background:#191d20}.p4-feedback p{margin:8px 0 0;color:#c2c6c7}.p4-feedback.correct{border-color:#92c898}.p4-feedback.incorrect{border-color:#e6a19e}.p4-empty{padding:36px 20px;border:1px dashed #3e3d45;text-align:center;color:#a7a6b1;line-height:1.7;margin:15px 0}.p4-select{max-width:340px}.p4-stages{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.p4-exam-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.p4-detail{padding:16px 0;border-bottom:1px solid #35353e}.p4-detail summary{cursor:pointer;font-weight:700;min-height:32px}.p4-detail p{margin-top:15px}.p4-podium{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:18px;background:#1c1a1f;font-size:12px}.p4-podium strong{color:#e7d194;text-align:right}.p4-table-wrap{overflow-x:auto}.p4-table{width:100%;border-collapse:collapse;font-size:12px;min-width:500px}.p4-table th{text-align:left;color:#c5b27b;font-size:10px;letter-spacing:.5px}.p4-table th,.p4-table td{padding:15px 12px;border-bottom:1px solid #34343c;vertical-align:top}.p4-table td{max-width:250px;overflow-wrap:anywhere}.p4-table small{display:block;margin-top:6px;color:#9c9ea9;font-size:10px}.p4-chart-row{margin:26px 0}.p4-chart-row strong,.p4-chart-row span{font-size:12px}.p4-topic{padding:18px 0;border-bottom:1px solid #303039}.p4-topic strong,.p4-topic small{display:block}.p4-topic small{margin-top:9px;color:#a0a0ac}.p4-legal-lines{height:100px;margin:25px 0;background:repeating-linear-gradient(180deg,transparent,transparent 17px,#cecabd 18px,#cecabd 19px);max-width:92%}.p4-store{display:grid;grid-template-columns:1fr 1fr;gap:13px}.p4-store article{border:1px solid #35333c;padding:14px;background:#18171d}.p4-store h3{margin:12px 0 5px}.p4-store p{font-size:11px}.p4-store button{width:100%;font-size:11px}.p4-item-image{height:120px;background:radial-gradient(ellipse,#353032,#111116);margin-bottom:14px;overflow:hidden}.p4-item-image img{width:100%;height:100%;object-fit:contain;image-rendering:pixelated}.p4-rarities{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin:22px 0}.rarity{padding:17px;border-top:2px solid #979b9f;background:#1b1b20}.rarity strong{display:block;font:700 32px FourPRaj,sans-serif}.rarity span{font-size:11px;color:#c0c0c9}.rarity.r1{border-color:#64a0ed}.rarity.r2{border-color:#b888e5}.rarity.r3{border-color:#ddae4c}.rarity.r4{border-color:#e487a3}.p4-filter-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:13px;align-items:end}.p4-filter-grid .field{max-width:none}.p4-medals{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.p4-medal{background:#17171d;border:1px solid #35343e;padding:23px 16px;display:flex;align-items:center;flex-direction:column;min-height:230px;text-align:center;border-radius:3px;transition:border-color .15s}.p4-medal:hover{border-color:#9b884f}.p4-medal.won{border-color:#6c5830;background:radial-gradient(ellipse at top,#5e471828,transparent),#1d1a17}.p4-medal-icon{width:52px;height:60px;display:flex;align-items:center;justify-content:center;border:1px solid #5d5239;background:#282219;margin:0 auto 15px;clip-path:polygon(50% 0,100% 23%,100% 77%,50% 100%,0 77%,0 23%);color:#b8a269}.p4-medal.won .p4-medal-icon{color:#f6ce6b;background:#493715}.p4-medal-icon svg{width:29px;height:29px}.p4-medal small{font-size:9px;letter-spacing:.6px;color:#a3a1ad;text-transform:uppercase}.p4-medal strong{font-size:13px;margin:10px 0}.p4-medal>span:not(.p4-medal-icon){font-size:11px;color:#b2aebc;line-height:1.5}.p4-medal em{font-style:normal;font-size:9px;color:#a69366;margin-top:auto;padding-top:18px}.four-p #student-nav a.active{background:#382e18;color:#f8d369;border-left:2px solid #e1b943}.four-p .sidebar{background:linear-gradient(#0c0c0f,#131216)}
@media(max-width:1150px){.p4-home-grid{grid-template-columns:minmax(0,1.3fr) minmax(230px,1fr)}.p4-medals{grid-template-columns:repeat(3,minmax(0,1fr))}.p4 h1{font-size:37px}.p4-missions{grid-template-columns:1fr 1fr}.p4-week{grid-template-columns:repeat(4,1fr)}.p4-wallet .p4-stat{padding:9px}.p4 .p4-stat strong{font-size:26px}}
@media(max-width:850px){.p4-home-grid,.p4-exam-grid{grid-template-columns:1fr}.p4-profile{max-width:none}.p4-avatar{height:230px}.p4-medals{grid-template-columns:1fr 1fr}.p4-filter-grid{grid-template-columns:1fr 1fr}.p4-filter-grid>label:first-child{grid-column:1/-1}.p4-stats{grid-template-columns:1fr 1fr}.p4-kicker>span{display:block;margin:6px 0 0}.p4-hero{padding:22px!important}.p4-rarities{gap:5px}.rarity{padding:12px 8px}.rarity span{font-size:10px}.p4 .two-col{grid-template-columns:1fr}}
@media(max-width:590px){.p4 h1{font-size:34px}.p4 .page-head{margin-bottom:22px}.p4-home-grid{gap:15px}.p4-hero h2{font-size:31px}.p4-week{grid-template-columns:repeat(3,1fr)}.p4-week>div{min-height:90px}.p4-links,.p4-missions{grid-template-columns:1fr}.p4-stats{margin:16px 0}.p4-stat{padding:15px}.p4 .list-row .item-main{min-width:130px}.p4 .list-row>button{margin-left:auto}.p4-note{font-size:10px!important}.p4-medals{gap:8px}.p4-medal{padding:18px 10px;min-height:235px}.p4-medal strong{font-size:12px}.p4-medal>span:not(.p4-medal-icon){font-size:10px}.p4-paper{padding:23px 20px}.p4-paper h2{font-size:27px}.p4-rarities{grid-template-columns:repeat(3,1fr)}.p4-avatar.large{height:300px}.p4-store{gap:8px}.p4-store article{padding:11px}.p4-filter-grid{gap:9px}.p4-question{font-size:18px}.p4-tabs{gap:7px}.p4-tabs button{font-size:11px;padding:9px 12px}.p4-study-toolbar{padding:11px;gap:7px}.p4-study-toolbar button{font-size:11px}.p4-podium{grid-template-columns:1fr}.p4-podium strong{text-align:left}.p4-section-head{align-items:flex-start}.p4-wallet{gap:5px}.p4-wallet .p4-stat>span{font-size:10px}.p4-video{padding:25px}.p4-video h2{font-size:29px}.p4 .status{white-space:normal}.p4-avatar-label{font-size:9px}}