diff --git a/packages/api/src/routers/stripe.ts b/packages/api/src/routers/stripe.ts
index e7ab945..f17d5f2 100644
--- a/packages/api/src/routers/stripe.ts
+++ b/packages/api/src/routers/stripe.ts
@@ -48,7 +48,7 @@ export const stripeRouter = createTRPCRouter({
                 description: "One year membership to Data Science at Georgia Tech",
                 // images: ["https://example.com/logo.png"], // Optional: Add a logo if available
               },
-              unit_amount: 1500, // $15.00
+              unit_amount: 2500, // $15.00
             },
             quantity: 1,
           },
diff --git a/packages/db/scripts/reset.ts b/packages/db/scripts/reset.ts
deleted file mode 100644
index 48f3f12..0000000
--- a/packages/db/scripts/reset.ts
+++ /dev/null
@@ -1,39 +0,0 @@
-import { Pool } from "pg";
-import * as dotenv from "dotenv";
-import path from "path";
-import { execSync } from "child_process";
-
-dotenv.config({ path: path.resolve(__dirname, "../../../.env") });
-
-const DATABASE_URL = process.env.DATABASE_URL;
-if (!DATABASE_URL) {
-    throw new Error("DATABASE_URL is not defined");
-}
-
-const pool = new Pool({ connectionString: DATABASE_URL });
-
-async function reset() {
-    console.log("Resetting database...");
-
-    try {
-        // Drop and recreate public schema to clear everything
-        await pool.query("DROP SCHEMA public CASCADE; CREATE SCHEMA public; GRANT ALL ON SCHEMA public TO public;");
-        console.log("Database cleared.");
-
-        // Push schema to restore tables
-        console.log("Pushing schema...");
-        execSync("pnpm migrate:push", {
-            stdio: "inherit",
-            cwd: path.resolve(__dirname, "..")
-        });
-        console.log("Schema pushed.");
-
-    } catch (error) {
-        console.error("Reset failed:", error);
-        process.exit(1);
-    } finally {
-        await pool.end();
-    }
-}
-
-reset();
diff --git a/sites/mainweb/app/(portal)/judge/page.tsx b/sites/mainweb/app/(portal)/judge/page.tsx
index c552359..13bab53 100644
--- a/sites/mainweb/app/(portal)/judge/page.tsx
+++ b/sites/mainweb/app/(portal)/judge/page.tsx
@@ -7,35 +7,34 @@ import { useRouter } from 'next/navigation';
 import { LiquidGlass } from '@/components/portal/LiquidGlass';
 import { LoadingScreen } from '@/components/portal/LoadingScreen';
 import { StatusScreen } from '@/components/portal/StatusScreen';
-import { ProgressBar } from '@/components/portal/ProgressBar';
-import { RubricSlider, RubricSliderStyles } from '@/components/portal/judge/RubricSlider';
+import { RubricSlider } from '@/components/portal/judge/RubricSlider';
 
 // Rubric criteria definitions
 const RUBRIC_CRITERIA = [
   {
     key: 'creativity',
-    label: 'Creativity & Originality',
-    description: 'Unique approach to data analysis and/or solution development',
+    label: 'Creativity',
+    description: 'Unique approach & originality',
   },
   {
     key: 'impact',
-    label: 'Impact & Relevance',
-    description: 'Benefits to society, alignment with competition goals',
+    label: 'Impact',
+    description: 'Benefits to society',
   },
   {
     key: 'scope',
-    label: 'Scope & Technical Depth',
-    description: 'Variety of data/tools, appropriate usage in analysis',
+    label: 'Technical Depth',
+    description: 'Variety of tools & data',
   },
   {
     key: 'clarity',
-    label: 'Clarity & Engagement',
-    description: 'Clear description, engaging video pitch presentation',
+    label: 'Clarity',
+    description: 'Clear presentation',
   },
   {
     key: 'soundness',
-    label: 'Soundness & Accuracy',
-    description: 'Consistent techniques, logical conclusions from analysis',
+    label: 'Soundness',
+    description: 'Logical conclusions',
   },
 ] as const;
 
@@ -47,10 +46,13 @@ type RubricScores = {
   soundness: number;
 };
 
+type JudgingStep = 'viewing' | 'judging';
+
 export default function JudgePage() {
   const { data: session, status } = useSession();
   const router = useRouter();
   const [mounted, setMounted] = useState(false);
+  const [step, setStep] = useState<JudgingStep>('viewing');
   const [scores, setScores] = useState<RubricScores>({
     creativity: 5,
     impact: 5,
@@ -59,7 +61,6 @@ export default function JudgePage() {
     soundness: 5,
   });
   const [comment, setComment] = useState('');
-  const [expandedCriteria, setExpandedCriteria] = useState<string | null>(null);
 
   const { data: judgeStatus, isLoading: checkingJudge } = trpc.judge.isJudge.useQuery(undefined, {
     enabled: !!session,
@@ -85,7 +86,7 @@ export default function JudgePage() {
     onSuccess: () => {
       setScores({ creativity: 5, impact: 5, scope: 5, clarity: 5, soundness: 5 });
       setComment('');
-      setExpandedCriteria(null);
+      setStep('viewing');
       refetch();
       refetchProgress();
     },
@@ -118,7 +119,7 @@ export default function JudgePage() {
   };
 
   if (!mounted || status === 'loading' || checkingJudge) {
-    return <LoadingScreen message="Syncing Identity..." />;
+    return <LoadingScreen message="Loading..." />;
   }
 
   if (!session) return null;
@@ -127,10 +128,10 @@ export default function JudgePage() {
     return (
       <StatusScreen
         variant="denied"
-        title="Access Denied"
+        title="Not a Judge"
         message="You're not registered as a judge."
         onAction={() => signOut({ callbackUrl: '/login' })}
-        actionLabel="Terminate Session"
+        actionLabel="Sign Out"
         actionVariant="danger"
       />
     );
@@ -140,10 +141,10 @@ export default function JudgePage() {
     return (
       <StatusScreen
         variant="waiting"
-        title="Awaiting Assignment"
+        title="No Assignment"
         message="Please wait for event assignment."
         onAction={() => signOut({ callbackUrl: '/login' })}
-        actionLabel="Terminate Session"
+        actionLabel="Sign Out"
         actionVariant="default"
       />
     );
@@ -156,103 +157,156 @@ export default function JudgePage() {
     return (
       <StatusScreen
         variant="success"
-        title="Mission Complete"
-        message="All projects evaluated. Thank you for judging."
+        title="All Done!"
+        message="You've judged all projects. Thank you!"
         onAction={() => signOut({ callbackUrl: '/login' })}
-        actionLabel="Exit Terminal"
+        actionLabel="Sign Out"
         actionVariant="primary"
       />
     );
   }
 
   if (loadingNext || !project) {
-    return <LoadingScreen message="Loading Project..." />;
+    return <LoadingScreen message="Loading..." />;
   }
 
-  return (
-    <div className="min-h-screen bg-[#050505] flex flex-col selection:bg-[#00A8A8]/30">
-      <div className="fixed inset-0 z-0 pointer-events-none">
-        <div className="absolute inset-0 bg-[radial-gradient(circle_at_center,rgba(0,168,168,0.03)_0%,transparent_70%)]" />
-        <div className="absolute inset-0 bg-[linear-gradient(to_right,#80808008_1px,transparent_1px),linear-gradient(to_bottom,#80808008_1px,transparent_1px)] bg-[size:40px_40px]" />
-      </div>
+  // Step 1: Viewing - Show table number
+  if (step === 'viewing') {
+    return (
+      <div className="min-h-screen min-h-[100dvh] bg-[#050505] flex flex-col">
+        {/* Progress bar */}
+        <div className="h-1 bg-white/5">
+          <div
+            className="h-full bg-[#00A8A8] transition-all"
+            style={{ width: `${progress?.percentage || 0}%` }}
+          />
+        </div>
 
-      <ProgressBar percentage={progress?.percentage || 0} className="relative z-10" />
+        <main className="flex-1 flex flex-col items-center justify-center px-6 py-8 safe-area-inset">
+          {/* Progress text */}
+          <p className="text-gray-500 text-sm font-mono mb-6">
+            {((progress?.completed || 0) + 1)} of {progress?.total}
+          </p>
 
-      <main className="flex-1 flex flex-col px-4 py-5 max-w-lg mx-auto w-full relative z-10">
-        {/* Table Number Header */}
-        <div className="text-center py-4">
-          <p className="text-[9px] text-gray-500 uppercase tracking-[0.4em] font-mono mb-2">Table</p>
-          <div className="relative inline-block">
-            <div className="absolute inset-0 bg-[#00A8A8]/10 blur-[30px] rounded-full" />
-            <p className="relative text-7xl font-black text-white leading-none tracking-tighter drop-shadow-[0_0_20px_rgba(0,168,168,0.3)]">
+          {/* Large Table Number */}
+          <div className="text-center mb-8">
+            <p className="text-xs text-gray-500 uppercase tracking-widest font-mono mb-2">Go to Table</p>
+            <p className="text-[140px] font-black text-white leading-none tracking-tighter">
               {project.tableNumber}
             </p>
           </div>
-          <p className="text-gray-600 text-[10px] font-mono mt-2 uppercase tracking-widest">
-            {((progress?.completed || 0) + 1)}/{progress?.total}
-          </p>
+
+          {/* Project Name */}
+          <div className="text-center mb-12">
+            <p className="text-lg font-semibold text-white mb-1">{project.name}</p>
+            {project.teamMembers && (
+              <p className="text-gray-500 text-sm">{project.teamMembers}</p>
+            )}
+          </div>
+
+          {/* Start Button - Big touch target */}
+          <button
+            onClick={() => setStep('judging')}
+            className="w-full max-w-xs px-8 py-5 bg-[#00A8A8] text-black font-black text-lg uppercase tracking-wide rounded-2xl active:scale-[0.98] transition-transform"
+          >
+            Start Judging
+          </button>
+
+          <button
+            onClick={() => signOut({ callbackUrl: '/login' })}
+            className="mt-8 text-gray-600 text-xs font-mono py-3 uppercase tracking-widest"
+          >
+            Sign Out
+          </button>
+        </main>
+      </div>
+    );
+  }
+
+  // Step 2: Judging - Scoring interface
+  return (
+    <div className="min-h-screen min-h-[100dvh] bg-[#050505] flex flex-col">
+      {/* Progress bar */}
+      <div className="h-1 bg-white/5 sticky top-0 z-20">
+        <div
+          className="h-full bg-[#00A8A8] transition-all"
+          style={{ width: `${progress?.percentage || 0}%` }}
+        />
+      </div>
+
+      {/* Header - Sticky */}
+      <header className="sticky top-1 z-10 bg-[#050505]/95 backdrop-blur-md border-b border-white/5 px-4 py-3">
+        <div className="flex items-center justify-between">
+          <button
+            onClick={() => setStep('viewing')}
+            className="flex items-center gap-1 text-gray-400 py-2 pr-4 -ml-2"
+          >
+            <svg className="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+              <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M15 19l-7-7 7-7" />
+            </svg>
+            <span className="text-sm">Back</span>
+          </button>
+
+          <div className="flex items-center gap-4">
+            <div className="text-right">
+              <p className="text-[10px] text-gray-500 uppercase tracking-wide">Table</p>
+              <p className="text-2xl font-black text-white leading-none">{project.tableNumber}</p>
+            </div>
+            <div className="text-right">
+              <p className="text-[10px] text-gray-500 uppercase tracking-wide">Score</p>
+              <p className="text-2xl font-black text-[#00A8A8] leading-none">{totalScore}</p>
+            </div>
+          </div>
         </div>
+      </header>
 
+      {/* Scrollable Content */}
+      <main className="flex-1 overflow-y-auto px-4 py-4 pb-[env(safe-area-inset-bottom)]">
         {/* Project Info */}
-        <LiquidGlass className="p-4 mb-4 rounded-lg shadow-2xl relative overflow-hidden">
-          <div className="absolute top-0 left-0 w-full h-[1px] bg-gradient-to-r from-transparent via-[#00A8A8]/30 to-transparent" />
-          <p className="text-[8px] text-gray-500 uppercase tracking-[0.3em] font-mono mb-1">Project</p>
-          <h2 className="text-base font-bold text-white mb-1">{project.name}</h2>
+        <div className="mb-6">
+          <h1 className="text-lg font-bold text-white">{project.name}</h1>
           {project.teamMembers && (
-            <p className="text-gray-500 text-xs font-mono">{project.teamMembers}</p>
+            <p className="text-gray-500 text-sm">{project.teamMembers}</p>
           )}
-        </LiquidGlass>
-
-        {/* Rubric Sliders */}
-        <LiquidGlass className="p-4 mb-4 rounded-lg shadow-2xl">
-          <div className="flex items-center justify-between mb-4">
-            <span className="text-[9px] text-gray-500 uppercase tracking-[0.3em] font-mono">Rubric Scoring</span>
-            <span className="text-2xl font-black text-[#00A8A8] drop-shadow-[0_0_10px_rgba(0,168,168,0.5)]">
-              {totalScore}<span className="text-sm text-gray-500 font-normal">/50</span>
-            </span>
-          </div>
+        </div>
 
-          <div className="space-y-4">
-            {RUBRIC_CRITERIA.map((criterion) => (
-              <RubricSlider
-                key={criterion.key}
-                label={criterion.label}
-                description={criterion.description}
-                value={scores[criterion.key]}
-                onChange={(value) => updateScore(criterion.key, value)}
-                isExpanded={expandedCriteria === criterion.key}
-                onToggleExpand={() => setExpandedCriteria(expandedCriteria === criterion.key ? null : criterion.key)}
-              />
-            ))}
-          </div>
-        </LiquidGlass>
+        {/* Rubric Scoring */}
+        <div className="space-y-6 mb-6">
+          {RUBRIC_CRITERIA.map((criterion) => (
+            <RubricSlider
+              key={criterion.key}
+              label={criterion.label}
+              description={criterion.description}
+              value={scores[criterion.key]}
+              onChange={(value) => updateScore(criterion.key, value)}
+            />
+          ))}
+        </div>
 
         {/* Comment */}
         <textarea
           value={comment}
           onChange={(e) => setComment(e.target.value)}
-          placeholder="Additional notes (optional)..."
-          className="w-full bg-black/60 backdrop-blur-md border border-white/5 rounded-lg p-3 text-white placeholder-gray-600 resize-none mb-4 min-h-[60px] font-mono text-sm focus:border-[#00A8A8]/30 focus:outline-none transition-colors"
+          placeholder="Notes (optional)..."
+          className="w-full bg-white/5 border border-white/10 rounded-xl p-4 text-white placeholder-gray-600 resize-none min-h-[80px] text-sm focus:border-[#00A8A8]/50 focus:outline-none mb-6"
         />
 
         {/* Submit Button */}
         <button
           onClick={handleSubmit}
           disabled={submit.isPending}
-          className="mt-auto px-10 py-5 bg-white text-black font-black text-sm uppercase tracking-[0.2em] rounded-xl hover:bg-[#00A8A8] hover:text-white transition-all active:scale-95 disabled:opacity-30 shadow-[0_0_40px_rgba(0,168,168,0.2)]"
+          className="w-full px-8 py-5 bg-[#00A8A8] text-black font-black text-lg uppercase tracking-wide rounded-2xl active:scale-[0.98] transition-transform disabled:opacity-50 mb-4"
         >
           {submit.isPending ? 'Submitting...' : 'Submit & Next'}
         </button>
 
         <button
           onClick={() => signOut({ callbackUrl: '/login' })}
-          className="text-gray-600 text-[10px] font-mono py-4 uppercase tracking-[0.3em] hover:text-[#00A8A8] transition-colors"
+          className="w-full text-gray-600 text-xs font-mono py-3 uppercase tracking-widest text-center"
         >
-          Terminate Session
+          Sign Out
         </button>
       </main>
-
-      <RubricSliderStyles />
     </div>
   );
 }
diff --git a/sites/mainweb/components/portal/judge/RubricSlider.tsx b/sites/mainweb/components/portal/judge/RubricSlider.tsx
index f855d73..067329a 100644
--- a/sites/mainweb/components/portal/judge/RubricSlider.tsx
+++ b/sites/mainweb/components/portal/judge/RubricSlider.tsx
@@ -7,8 +7,8 @@ interface RubricSliderProps {
     description: string;
     value: number;
     onChange: (value: number) => void;
-    isExpanded: boolean;
-    onToggleExpand: () => void;
+    isExpanded?: boolean;
+    onToggleExpand?: () => void;
 }
 
 export function RubricSlider({
@@ -16,93 +16,43 @@ export function RubricSlider({
     description,
     value,
     onChange,
-    isExpanded,
-    onToggleExpand,
 }: RubricSliderProps) {
     return (
-        <div className="space-y-2">
-            <button
-                onClick={onToggleExpand}
-                className="w-full flex items-center justify-between text-left"
-            >
-                <span className="text-xs font-semibold text-white">{label}</span>
-                <div className="flex items-center gap-2">
-                    <span className="text-lg font-black text-[#00A8A8] min-w-[2rem] text-right">
-                        {value}
-                    </span>
-                    <svg
-                        className={`w-4 h-4 text-gray-500 transition-transform ${isExpanded ? 'rotate-180' : ''}`}
-                        fill="none"
-                        stroke="currentColor"
-                        viewBox="0 0 24 24"
-                    >
-                        <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M19 9l-7 7-7-7" />
-                    </svg>
+        <div className="space-y-3">
+            {/* Label and current score */}
+            <div className="flex items-center justify-between">
+                <div className="flex-1 min-w-0 pr-3">
+                    <span className="text-sm font-bold text-white block">{label}</span>
+                    <span className="text-[10px] text-gray-500 font-mono block mt-0.5">{description}</span>
                 </div>
-            </button>
-
-            {isExpanded && (
-                <p className="text-[10px] text-gray-400 font-mono pl-1 pb-1">{description}</p>
-            )}
+                <span className="text-2xl font-black text-[#00A8A8] tabular-nums min-w-[2.5rem] text-right">
+                    {value}
+                </span>
+            </div>
 
-            {/* Slider */}
-            <div className="relative">
-                <input
-                    type="range"
-                    min="1"
-                    max="10"
-                    value={value}
-                    onChange={(e) => onChange(parseInt(e.target.value))}
-                    className="w-full h-12 appearance-none bg-transparent cursor-pointer touch-pan-y rubric-slider"
-                    style={{
-                        background: `linear-gradient(to right, #00A8A8 0%, #00A8A8 ${(value - 1) * 11.11}%, rgba(255,255,255,0.1) ${(value - 1) * 11.11}%, rgba(255,255,255,0.1) 100%)`,
-                        borderRadius: '8px',
-                    }}
-                />
-                <div className="flex justify-between text-[8px] text-gray-600 font-mono px-1 -mt-1">
-                    <span>1</span>
-                    <span>5</span>
-                    <span>10</span>
-                </div>
+            {/* Button-based scoring - much better for mobile */}
+            <div className="flex gap-1">
+                {[1, 2, 3, 4, 5, 6, 7, 8, 9, 10].map((num) => (
+                    <button
+                        key={num}
+                        onClick={() => onChange(num)}
+                        className={`
+                            flex-1 py-3 rounded-lg font-bold text-sm transition-all active:scale-95
+                            ${value === num
+                                ? 'bg-[#00A8A8] text-black shadow-[0_0_15px_rgba(0,168,168,0.4)]'
+                                : 'bg-white/5 text-gray-400 hover:bg-white/10 active:bg-white/15'
+                            }
+                        `}
+                    >
+                        {num}
+                    </button>
+                ))}
             </div>
         </div>
     );
 }
 
-// Slider styles component to be included in the page
+// Keep for backward compatibility but no longer needed
 export function RubricSliderStyles() {
-    return (
-        <style jsx global>{`
-      .rubric-slider {
-        -webkit-appearance: none;
-        appearance: none;
-      }
-      .rubric-slider::-webkit-slider-thumb {
-        -webkit-appearance: none;
-        appearance: none;
-        width: 28px;
-        height: 28px;
-        background: white;
-        border-radius: 50%;
-        cursor: pointer;
-        box-shadow: 0 0 20px rgba(0, 168, 168, 0.5), 0 2px 8px rgba(0,0,0,0.3);
-        border: 3px solid #00A8A8;
-      }
-      .rubric-slider::-moz-range-thumb {
-        width: 28px;
-        height: 28px;
-        background: white;
-        border-radius: 50%;
-        cursor: pointer;
-        box-shadow: 0 0 20px rgba(0, 168, 168, 0.5), 0 2px 8px rgba(0,0,0,0.3);
-        border: 3px solid #00A8A8;
-      }
-      .rubric-slider:active::-webkit-slider-thumb {
-        transform: scale(1.1);
-      }
-      .rubric-slider:active::-moz-range-thumb {
-        transform: scale(1.1);
-      }
-    `}</style>
-    );
+    return null;
 }