.prank-page{--prank-night:#101d28;--prank-paper:#fffaf0;--prank-coral:#e95340;--prank-mint:#45d7c8;--prank-pop:#d7ff61;--prank-blue:#5c83ed;margin-block-start:calc(0px - clamp(36px,7vw,72px));padding-block-end:clamp(70px,10vw,120px)}.prank-hero{min-height:min(720px,100vh - 54px);padding:clamp(58px, 9vw, 110px) max(var(--pad), calc((100vw - var(--shell)) / 2));background:var(--prank-night);color:var(--prank-paper);grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);align-items:center;gap:clamp(40px,8vw,110px);margin-inline:calc(50% - 50vw);display:grid;position:relative;overflow:clip}.prank-hero:before{background:linear-gradient(90deg, var(--prank-coral) 0 35%, var(--prank-mint) 35% 68%, var(--prank-pop) 68%);content:"";height:10px;position:absolute;inset:auto 0 0}.prank-hero-copy{z-index:2;position:relative}.prank-kicker{color:#b8c6cc;font:500 11px/1.4 var(--util);letter-spacing:.1em;text-transform:uppercase;margin:0}.prank-kicker span{color:var(--prank-pop)}.prank-hero h1{max-width:10.2ch;color:var(--prank-paper);font:800 clamp(3.4rem, 9.5vw, 8rem)/.82 var(--display);letter-spacing:-.075em;text-wrap:balance;margin:25px 0 0}.prank-hero h1 em{color:var(--prank-mint);font-style:normal;display:block}.prank-hero-copy>p:not(.prank-kicker){color:#c5d0d3;max-width:56ch;margin:33px 0 0;font-size:clamp(1.08rem,2vw,1.35rem);line-height:1.55}.prank-hero-copy strong{color:var(--prank-paper)}.prank-hero ul{flex-wrap:wrap;gap:8px;margin:28px 0 0;padding:0;list-style:none;display:flex}.prank-hero li{color:#b8c6cc;font:10px/1.3 var(--util);letter-spacing:.06em;text-transform:uppercase;border:1px solid #52646d;padding:7px 11px}.prank-hero-mark{aspect-ratio:1;border:2px solid var(--prank-paper);background:var(--prank-coral);width:min(34vw,360px);box-shadow:22px 22px 0 var(--prank-mint);justify-self:center;place-items:center;display:grid;position:relative;rotate:2deg}.prank-hero-mark>span{aspect-ratio:1;border:2px solid var(--prank-night);background:var(--prank-pop);width:104px;color:var(--prank-night);font:800 4.5rem/1 var(--display);animation:prank-question 2.2s var(--ease) infinite alternate;border-radius:50%;place-items:center;display:grid;position:absolute;inset:-44px auto auto -34px;rotate:-8deg}.prank-hero-mark b{color:var(--prank-paper);font:800 clamp(3.2rem, 7vw, 6.2rem)/.72 var(--display);letter-spacing:-.08em;text-align:center}.prank-hero-mark i{background:var(--prank-pop);width:13px;height:26px;position:absolute}.prank-hero-mark i:first-of-type{inset:13% -24px auto auto;rotate:64deg}.prank-hero-mark i:nth-of-type(2){background:var(--prank-blue);inset:auto auto 11% -29px;rotate:-41deg}.prank-hero-mark i:nth-of-type(3){background:var(--prank-paper);inset:auto 21% -36px auto;rotate:18deg}.prank-maker,.prank-result,.prank-rules{width:min(100%,68rem);margin-inline:auto}.prank-maker{padding-block:clamp(70px,10vw,118px)}.prank-maker-heading{border-block-end:1px solid var(--rule);grid-template-columns:minmax(150px,.35fr) minmax(0,1fr) auto;align-items:end;gap:24px;padding-block-end:16px;display:grid}.prank-maker-heading p,.prank-maker-heading span{color:var(--muted);font:10.5px/1.4 var(--util);letter-spacing:.07em;text-transform:uppercase;margin:0}.prank-maker-heading h2{font:750 clamp(2rem, 5vw, 4.2rem)/.95 var(--display);letter-spacing:-.05em;margin:0}.prank-form{border-block-end:1px solid var(--rule);grid-template-columns:minmax(250px,.7fr) minmax(0,1.3fr);display:grid}.prank-controls{border-inline-end:1px solid var(--rule);padding:clamp(30px,5vw,54px) clamp(24px,5vw,50px) clamp(30px,5vw,54px) 0}.prank-name-field>span,.prank-language legend,.prank-preview-label{color:var(--ink);font:600 11px/1.4 var(--util);letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:10px;display:flex}.prank-name-field>span b,.prank-language legend b,.prank-preview-label b{background:var(--prank-coral);color:#fffaf0;border-radius:50%;flex:none;place-items:center;width:25px;height:25px;font-weight:600;display:inline-grid}.prank-name-field input{border:2px solid var(--ink);background:var(--paper);width:100%;min-height:58px;color:var(--ink);font:650 clamp(1.25rem, 3vw, 1.75rem)/1.2 var(--display);border-radius:0;margin-block-start:14px;padding:12px 14px}.prank-name-field input::placeholder{color:var(--muted);opacity:.75}.prank-name-field small{color:var(--muted);font:11px/1.5 var(--util);margin-block-start:8px;display:block}.prank-language,.prank-mode{border:0;margin:38px 0 0;padding:0}.prank-language legend,.prank-mode legend{padding:0}.prank-language>div,.prank-mode>div{grid-template-columns:1fr 1fr;gap:8px;margin-block-start:14px;display:grid}.prank-language button,.prank-mode button{border:1px solid var(--control);min-height:50px;color:var(--ink);cursor:pointer;font:500 11px/1.3 var(--util);letter-spacing:.04em;text-transform:uppercase;background:0 0;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;display:flex}.prank-language button[lang=dv]{font-family:var(--thaana);letter-spacing:0;text-transform:none;font-size:14px}.prank-language button span{color:var(--muted);font-size:9px}.prank-language button[aria-pressed=true],.prank-mode button[aria-pressed=true]{border-color:var(--ink);background:var(--ink);color:var(--paper)}.prank-language button[aria-pressed=true] span{color:var(--prank-pop)}.prank-mode>small{color:var(--muted);font:10px/1.5 var(--util);margin-block-start:9px;display:block}.prank-error{min-height:2.8em;color:var(--lacquer);font:600 12px/1.45 var(--util);margin:22px 0 0}.prank-preset-desk{padding:clamp(30px,5vw,54px) 0 clamp(30px,5vw,54px) clamp(24px,5vw,50px);position:relative}.prank-preset-topline{color:var(--muted);font:10px/1.4 var(--util);letter-spacing:.06em;text-transform:uppercase;flex-wrap:wrap;justify-content:space-between;gap:8px 20px;display:flex}.prank-preset-topline b{color:var(--sea);font-weight:600}.prank-custom-editor{border:2px solid var(--ink);background:var(--paper-2);box-shadow:7px 7px 0 var(--prank-pop);margin-block-start:28px;padding:20px}.prank-custom-editor[hidden]{display:none}.prank-custom-editor label{color:var(--ink);font:650 12px/1.4 var(--util);letter-spacing:.03em;text-transform:uppercase;display:block}.prank-custom-editor textarea{resize:vertical;border:1px solid var(--control);background:var(--paper);width:100%;min-height:132px;color:var(--ink);font:650 clamp(1.15rem, 2.5vw, 1.5rem)/1.4 var(--display);margin-block-start:13px;padding:15px}.prank-custom-editor textarea[dir=rtl]{font-family:var(--thaana);text-align:end;font-size:1.35rem;line-height:1.9}.prank-custom-editor textarea:focus{outline:3px solid var(--prank-coral);outline-offset:3px}.prank-custom-editor>div{justify-content:space-between;align-items:start;gap:15px;margin-block-start:10px;display:flex}.prank-custom-editor small{max-width:56ch;color:var(--muted);font:10px/1.5 var(--util)}.prank-custom-editor small b{color:var(--ink)}.prank-custom-editor>div>span{color:var(--sea);font:600 10px/1.4 var(--util);flex:none}.prank-preview-label{margin:clamp(32px,5vw,48px) 0 0}.prank-preset-desk blockquote{border:2px solid var(--ink);background:var(--prank-paper);min-height:210px;color:var(--prank-night);box-shadow:11px 11px 0 var(--prank-mint);font:750 clamp(1.75rem, 4.3vw, 3.3rem)/1.02 var(--display);letter-spacing:-.045em;text-wrap:balance;align-items:center;margin:17px 0 0;padding:clamp(23px,5vw,42px);display:flex}.prank-preset-desk blockquote[lang=dv]{font-family:var(--thaana);letter-spacing:0;text-align:end;font-size:clamp(1.8rem,4vw,3rem);line-height:1.65}.prank-summary-preview{border-inline-start:4px solid var(--prank-coral);background:var(--paper-2);margin:23px 0 0;padding:17px 18px}.prank-summary-preview>span{color:var(--muted);font:600 9px/1.4 var(--util);letter-spacing:.07em;text-transform:uppercase;display:block}.prank-summary-preview p{color:var(--ink);margin:8px 0 0;font-size:.98rem;line-height:1.55}.prank-summary-preview p[lang=dv]{font-family:var(--thaana);text-align:end;font-size:1.1rem;line-height:1.9}.prank-picker-buttons{grid-template-columns:auto 1fr auto;gap:8px;margin-block-start:22px;display:grid}.prank-picker-buttons[hidden]{display:none}.prank-picker-buttons button,.prank-create,.prank-result-actions button,.prank-result-actions a{border:1px solid var(--control);min-height:48px;color:var(--ink);cursor:pointer;font:500 10.5px/1.3 var(--util);letter-spacing:.05em;text-transform:uppercase;background:0 0;justify-content:center;align-items:center;gap:10px;padding:10px 14px;text-decoration:none;display:inline-flex}.prank-picker-buttons .prank-shuffle{border-color:var(--ink);background:var(--paper-2)}.prank-picker-buttons button:hover,.prank-result-actions button:hover,.prank-result-actions a:hover{border-color:var(--ink);transform:translateY(-1px)}.prank-create{border:2px solid var(--prank-night);background:var(--prank-coral);color:#fffaf0;justify-content:space-between;width:100%;min-height:58px;margin-block-start:10px;font-weight:600}.prank-create:hover{background:var(--prank-night)}.prank-result{background:var(--prank-night);color:var(--prank-paper);grid-template-columns:minmax(0,.85fr) minmax(320px,1.15fr);align-items:center;gap:clamp(32px,7vw,80px);padding:clamp(36px,7vw,70px);scroll-margin-top:74px;display:grid}.prank-result[hidden]{display:none}.prank-result-copy>p:first-child{color:var(--prank-pop);font:500 10px/1.4 var(--util);letter-spacing:.09em;text-transform:uppercase;margin:0}.prank-result h2{color:var(--prank-paper);font:750 clamp(2.2rem, 5vw, 4rem)/.94 var(--display);letter-spacing:-.05em;margin:15px 0 0}.prank-result-copy>p:not(:first-child,.prank-status){color:#b9c8ce;margin:17px 0 0;line-height:1.5}.prank-result label{color:#b9c8ce;font:10px/1.4 var(--util);letter-spacing:.07em;text-transform:uppercase;margin-block-start:30px;display:block}.prank-result input{width:100%;min-height:46px;color:var(--prank-paper);font:11px/1.4 var(--util);background:#07131c;border:1px solid #52646d;margin-block-start:8px;padding:10px 12px}.prank-result-actions{grid-template-columns:repeat(3,1fr);gap:7px;margin-block-start:10px;display:grid}.prank-result-actions button,.prank-result-actions a{color:var(--prank-paper);border-color:#60737c}.prank-result-actions button:nth-child(2){border-color:var(--prank-pop);background:var(--prank-pop);color:var(--prank-night)}.prank-status{min-height:2.8em;color:var(--prank-mint);font:11px/1.45 var(--util);margin:12px 0 0}.prank-result figure{margin:0}.prank-result img{background:var(--prank-paper);border:1px solid #60737c;width:100%;height:auto;display:block}.prank-result figcaption{color:#9fb0b7;font:10px/1.4 var(--util);letter-spacing:.04em;margin-block-start:10px}.prank-rules{grid-template-columns:minmax(230px,.65fr) minmax(0,1.35fr);gap:clamp(35px,8vw,100px);padding-block-start:clamp(70px,10vw,118px);display:grid}.prank-rules>div p{color:var(--lacquer);font:500 10px/1.4 var(--util);letter-spacing:.08em;text-transform:uppercase;margin:0}.prank-rules h2{font:750 clamp(2rem, 4vw, 3.3rem)/1 var(--display);letter-spacing:-.045em;text-wrap:balance;margin:16px 0 0}.prank-rules ol{border-block-start:1px solid var(--rule);margin:0;padding:0;list-style:none}.prank-rules li{border-block-end:1px solid var(--rule);grid-template-columns:44px minmax(0,1fr);gap:18px;padding-block:21px;display:grid}.prank-rules li b{color:var(--lacquer);font:600 11px/1.5 var(--util)}.prank-rules li span{color:var(--muted);font-size:1rem;line-height:1.55}@keyframes prank-question{0%{transform:translateY(-3px)rotate(-2deg)}to{transform:translateY(6px)rotate(4deg)}}@media (width<=800px){.prank-hero{grid-template-columns:minmax(0,1fr);min-height:auto}.prank-hero-mark{width:min(68vw,310px);margin-block:22px 26px}.prank-maker-heading{grid-template-columns:1fr auto}.prank-maker-heading h2{grid-area:2/1/auto/-1}.prank-form{grid-template-columns:minmax(0,1fr)}.prank-controls{border-inline-end:0;border-block-end:1px solid var(--rule);padding-inline-end:0}.prank-preset-desk{padding-inline-start:0}.prank-result{grid-template-columns:minmax(0,1fr)}.prank-result figure{max-width:600px}.prank-rules{grid-template-columns:minmax(0,1fr)}}@media (width<=560px){.prank-hero{margin-inline:calc(0px - var(--pad));padding-inline:var(--pad)}.prank-hero h1{font-size:clamp(3.25rem,18vw,5.2rem)}.prank-hero-mark{width:min(72vw,280px);box-shadow:13px 13px 0 var(--prank-mint)}.prank-preset-desk blockquote{min-height:190px;box-shadow:7px 7px 0 var(--prank-mint);padding:23px 18px}.prank-picker-buttons{grid-template-columns:1fr 1fr}.prank-picker-buttons .prank-shuffle{grid-area:1/1/auto/-1}.prank-result{margin-inline:calc(0px - var(--pad));padding:34px var(--pad)}.prank-result-actions{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.prank-hero-mark>span{animation:none}}
